/* reset css */
@charset "utf-8";
@media only screen and (max-width: 1920px) {
	.zoombox{ width:100%; height:570px;}
	#screen{ height: 570px; }
}
@media only screen and (max-width: 1440px) {
    .zoombox{ width:100%; height:500px;}
		#screen{ height: 500px; }
}	
/* CSS Document */
@media only screen and (max-width: 990px) {
    header > .container , .row10 > .container , .content{ width: 98%; padding: 0 1%;}
    .content{ width: 98%;}
    nav{ width: 65%; margin-right:0px;}
	.notify_message{ width:55%; left:22%;}	
	.four.columns{ width:100%; height:120px;}
	.four.columns:nth-child(2){ border-left:1px solid #eee !important;}
	.four.columns:nth-child(1){ border-bottom:1px solid #eee !important;}
	.featured-box{ margin-left:20px;}
}
@media only screen and (max-width: 860px) {
    .content-one a{ margin-left: 25px; }
    .content-one a{ font: 16px/21px "Lato";}
}
@media only screen and (max-width: 800px) {
nav{ width:75%;}
#carousel-gallery, #products_listing, #carousel-gallery .touchcarousel-item{ height:450px;}	
	#carousel-gallery .touchcarousel-item{ width:550px;}
}
@media only screen and (max-width: 768px) {
    .ban-upper-grid{ width: 100%; }
    .background{ height: auto; padding-bottom: 13px;}
    .content-one p, .content-one a{  margin-left: 2%; font:16px "Lato"; }
    .content-one a{ margin-top: 10px;}
	.bx-wrapper img{ width:120%; }
	nav, #upperTopDesk{ display:none;}
	#mobnav, #upperTopMob{ display:block;}	
	footer .one h2{ font-size:19px;}
	#carousel-gallery, #products_listing, #carousel-gallery .touchcarousel-item{ height:450px;}
	#carousel-gallery .touchcarousel-item{ width:550px;}
	.product_loader > img{ margin-top:195px;}
}
@media only screen and (max-width: 640px) {
    footer .one{ width:100%;}
	.foot{font:10px/27px "Lato Light"; }
	.content-one p, .content-one a{ font-size:14px;}	
	.whyus-text > ul > li:nth-child(5) i , .whyus-text > ul > li:nth-child(6) i{ padding-bottom:0px;}
	.row5,.four.columns{ width:100%;}
	.four.columns:nth-child(2){ border-left:1px solid #eee !important;}
	.four.columns:nth-child(1){ border-bottom:1px solid #eee !important;}
	.featured-box{ margin-left:20px;}
}
@media only screen and (max-width: 500px) {
.ban-upper-grid > .boxup i { font-size: 14px;} 
.ban-upper-grid > .boxup h2  { font-size: 30px; padding: 20px 0 10px 0;} 
hgroup.left-group{ display:none;}
#product-slide{ height:157px; }
.slide-caption1 > h3{ font:20px "Lato Light",Arial, Helvetica, sans-serif; }
.product-head-col{ padding:10px 0; height:100px;}
}
@media only screen and (max-width: 320px) {
	.ban-upper-grid > .boxup span{ font:14px/17px "Lato";}
	
	}