img{
	max-width: 100%;
}
	
/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
	.banner .text{
		left: 70%;
	}
	.product-cover .text h4 {
	    margin: 0px auto 10px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    width: 80%;
	    display: block;
	}
	.online-store-section{
		padding: 100px 0;
	}
	.product-categories .panel-title{
		font-size: 16px;
	}
}


/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/ 
@media (max-width: 991px) {
	ul.hidden-sm1{
		display: none;
	}
	.banner .bxslider li{
		min-height: 400px;
	}
	.banner .text1{
		margin-left: 0px !important;
		left: 50px !important;
	}
	.banner .text1 h2{
		font-size: 30px !important;
	}
	.banner .text1 p{
		font-size: 20px !important;
	}
	.small-slider{
		margin: 0 0 50px;
	}
	.small-slider .caption h2{
		font-size: 18px;
	}
	.dl-menuwrapper{
		display: block;
	}
	.product-cover .text h4 {
	    margin: 0px auto 10px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    width: 80%;
	    display: block;
	}
	.banner .text{
		left: 85%;
		z-index: 1;
	}
	.banner .banner-img{
		right: 60%;
	}
	.small-banner{
		padding: 16px;
	}
	.small-banner h2{
		font-size: 24px;
	}
	.small-banner .text a.view-more{
		padding: 10px 30px;
	}
	.online-store-section{
		padding: 100px 0;
	}
	.online-store-section h2{
		font-size: 45px;
	}
	.newsletters h2{
		font-size: 24px;
	}
	.newsletters h2,
	.newsletters .submit-newsletter{
		width: 50%;
	}
	.about-us-widget p{
		max-height: 100px;
		overflow: hidden;
	}
}


/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/

@media (min-width: 768px) and (max-width: 979px) {
	
}

/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
	.top-header{
		display: none !important;
	}
	.sub-banner h2{
		font-size: 24px !important;
		margin: 30px 0px !important;
	}
	
	.navigation .hidden-sm{
		display: none;
	}
	.header-contact{
		margin: 0 0 5px;
	}
	.header-contact ul li{
		text-align: center;
	}
	header .logo img{
		width: 80%;
		float: none;
		display: inline-block;
	}
	.banner .text{
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}
	.banner .banner-img{
		right: 0;
		top: auto;
		bottom: 10px;
		margin: 0;
		width: 70%;
	}
	.banner .text p{
		font-size: 15px;
	}
	.banner .text h2{
		font-size: 35px;
	}
	.small-banner .text {
	    left: 36px;
	    top: 50%;
	    padding: 0;
	    transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	}
	.online-store-section h2{
		font-size:32px; 
	}
	.newsletters h2{
		margin-bottom: 15px; 
	}
	.newsletters h2, .newsletters .submit-newsletter{
		width: 100%;
		text-align: center;
	}
	.widget{
		margin: 0 0 30px;
	}
	.small-slider{
		display: none;
	}
}
/*
=================================================
			FROM 0PX TO 479PX
=================================================
*/
@media (max-width: 480px) {
	.sub-banner h2{
		font-size: 38px;
	}
	
	.banner .bxslider li{
		min-height: 230px;
		background-size: cover;
		background-position:center;
	}
	.heading{
		padding:0px 0px 20px 0px !important;
	}
	section{
		padding: 30px 0px !important;
	}
	.banner .text1 a.view-more{
		display: none !important;
	}
	
	.banner .text1 h2 {
		font-size: 20px !important;
	}
	.banner .text p{
		font-size: 10px !important;
	}
	.heading h2{
		letter-spacing: 0px !important;
		font-size: 22px !important;
		padding: 0px !important;
		border: none !important;
	}
	.banner .text a.view-more{
		padding: 8px 30px;
		font-size: 14px;
	}
	
	.small-banner{
		padding: 0;
		text-align: center;
		margin: 10px 0;
	}
	.small-banner .text{
		left: 0;
		right: 0;
	}
	.heading h2{
		font-size: 22px;
	}
}