header, nav, aside, footer, section, address { display:block;}


@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold/lato-bol-webfont.eot');
    src: url('../fonts/lato-bold/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bold/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light/lato-lig-webfont.eot');
    src: url('../fonts/lato-light/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light/lato-lig-webfont.woff') format('woff'),
         url('../fonts/lato-light/lato-lig-webfont.ttf') format('truetype'),
         url('../fonts/lato-light/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular/lato-reg-webfont.eot');
    src: url('../fonts/lato-regular/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-regular/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

.row{width:1170px; margin:auto; padding:0px; float:none;}
#top{width:100%; float:left; margin:0px; padding:0px;}

#logo{width:270px; float:left; margin:19px 0px 0px 0px; padding:0px;}

#top-rigt-nav{width:223px; margin:0px; paddding:0px; float:right; background-color:#ee282f; -webkit-transform: skew(-28deg, 0deg); -moz-transform: skew(-28deg, 0deg); -ms-transform: skew(-28deg, 0deg);-o-transform: skew(-28deg, 0deg);transform: skew(-28deg, 0deg); height:32px; font-family: 'latobold'; font-size:14px; color:#FFF;}
#top-rigt-nav ul{ margin:0px; padding:0px;} 
#top-rigt-nav ul li{ margin:5px 5px; padding:0px; float:left; list-style:none;}
#top-rigt-nav ul li a{ color:#FFF; text-decoration:none; display:block; -webkit-transform: skew(28deg, 0deg); -moz-transform: skew(28deg, 0deg); -ms-transform: skew(28deg, 0deg);-o-transform: skew(28deg, 0deg);transform: skew(28deg, 0deg); margin:2px 0px 0px 7px; padding:0px; }


#top-bg{width:100%; background-image:url(../images/nav-bg.jpg); background-repeat:repeat-x; background-position:left top; height:42px; clear:both; margin:18px 0px 0px 0px !important; padding:0px;}
#top-nav{ float:right; font-family: 'latoregular'; font-size:14px;}
#top-nav ul{ margin:0px; padding:0px;}
#top-nav ul li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; list-style:none; border-right:1px solid #cdcdce; }
#top-nav ul li a{ text-decoration:none; color:#FFF; display:block; margin:0px 7px 0px 7px; padding:13px 7px; display:block;}
.border-none{ border:none !important;}

#slider{width:100%; float:left; margin:18px 0px 0px 0px; padding:0px;}
#slider img{width:100%;}

#three-product{width:99%; margin:18px 0px 0px 0px; padding:7px; border:1px solid #F00; clear:both;}
#three-product .products{width:32%; margin:5px; padding:0px;  font-family: 'latolight'; font-size:19px; float:left;  }
.products-txt{float:left; margin:39px 00px 0px 0px; padding:0px; display:block; }
#three-product .products img{ float:left; display:block;}

#content-area{width:100%; float:left; margin:18px 0px 0px 0px; padding:0px;}
#content-rigth{width:65%; float:right; margin:0px; padding:0px;}
.cnt-right-top{ width:100%; float:left; margin:0px; padding:0px 0px 15px 0px ; color:#222222; font-size:17px; font-family: 'latolight'; line-height:22px; text-align:justify; border-bottom:1px solid #ee282f;}
.cnt-right-top h1{ color:#cea402; font-size:29px; float:left; margin:7px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%;}
.cnt-hm-prdct{width:100%; float:left; margin:18px 0px 0px 0px; padding:0px; font-family: 'latolight';}
.cnt-hm-prdct h2{ color:#cea402; font-size:26px; float:left; margin:7px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%;}
.cnt-hm-prdct ul{ margin:0px; padding:0px;}
.cnt-hm-prdct ul li{ margin:20px 70px 20px 0px; padding:0px; list-style:none; float:left; width:23%; text-align:center;}
.cnt-hm-prdct .name{ color:#000; font-size:17px; font-family: 'latoregular'; margin:10px 0px; display:block;}
.cnt-hm-prdct small{ color:#000; font-size:13px;  font-family: 'latobold'; margin:7px 0px 10px; display:block;}
.cnt-hm-prdct a{ padding:3px 7px; margin:10px 0px; background-color:#F00; text-decoration:none; color:#FFF; font-size:14px; font-family: 'latobold'; }

#content-left{width:25%; float:left; margin:0px; padding:0px;}
#content-left h1{color:#cea402; font-size:29px; float:left; margin:7px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%;  font-family: 'latolight';}
.cnt-left-form{width:100%; float:left; background-color:#d5b228; padding:15px; margin:0px; border-bottom-right-radius:30px;}
.frm{width:95%; float:left; margin:10px 0px; padding:5px; border-radius:5px; background-color:#FFF;}
.button{ float:left; margin:10px 0px; padding:7px 15px; border-radius:5px; background-color:#F00; border:none; color:#FFF;}

#content-left-nav{width:100%; float:left; margin:18px 0px 0px 0px; padding:0px; font-family: 'latolight'; font-size:16px; color:#000;}
#content-left-nav h2{width:100%; background-color:#ee282f; font-family: 'latolight'; font-size:16px; padding:7px; margin:8px 0px; color:#FFF; border-radius:5px;  }
#content-left-nav ul{ margin:0px; padding:0px;}
#content-left-nav ul li{  list-style:none; margin:14px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #999;}
#content-left-nav ul li a{ text-decoration:none; color:#000;}

#footer{width:100%;  margin:auto; padding:15px 0px 5px 0px; background-image:url(../images/bottom-bg.jpg); background-repeat:repeat-x; background-position:left top; background-color:#ee282f; clear:both; text-align:center;}
#footer-in{width:100%; float:left;  font-family: 'latoregular'; font-size:14px; color:#FFF; line-height:22px; text-align:center;}
#footer-nav{width:55%; float:none; margin:auto; padding:0px; text-align:center;}
#footer-nav ul{ margin:0px; padding:0px;}
#footer-nav ul li{ margin:0px 15px; padding:0px; float:left; list-style:none; }
#footer-nav ul li a{ color:#FFF; text-decoration:none;}


#cssmenu{display:none;}


/* About Us */       
#about-us{width:100%; float:left; margin:0px; padding:0px; color:#222222; font-size:17px; font-family: 'latolight'; line-height:22px; text-align:justify;}
#about-us h2{color:#cea402; font-size:29px; float:left; margin:7px 0px 25px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%;}
#about-us ol{ margin:0px 0px; padding:0px; list-style:decimal;}
#about-us ol li{ margin:15px 15px; padding:0px 0px; }


/* Quality Eneveronment policy */       
#quality{width:100%; float:left; margin:0px; padding:0px; color:#222222; font-size:17px; font-family: 'latolight'; line-height:22px; text-align:justify;}
#quality h2{color:#cea402; font-size:29px; float:left; margin:7px 0px 25px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%;}
#quality ol{ margin:0px 0px; padding:0px; list-style:decimal;}
#quality ol li{ margin:15px 15px; padding:0px 0px; }



/* Product Gallery */
#products{width:100%; float:left; margin:15px 0px; padding:0px;}
#products ul{ margin:0px; padding:0px;}
#products ul li{ margin:20px 30px 20px 20px; padding:5px 0px 15px 0px; list-style:none; float:left; width:20%; text-align:center; border:1px solid #666;}
#products ul li img{width:100%;}
#products .name{ color:#F00; font-size:17px; font-family: 'latoregular'; margin:5px 0px 15px 0px; display:block;}
#products small{ color:#000; font-size:13px;  font-family: 'latobold'; margin:7px 0px 10px; display:block;}
#products a{ padding:3px 7px; margin:10px 0px 15px 0px; background-color:#F00; text-decoration:none; color:#FFF; font-size:14px; font-family: 'latobold'; }



/* Products-in-details-page */  
#products-detail-left{width:30%; margin:0px 0px 25px 0px; padding:0px; float:left; border:#666 1px solid; text-align:center;}
#products-detail-right{width:60%; margin:0px 0px 25px 0px; padding:0px; float:right; font-family: 'latolight'; text-align:justify; font-size:15px; line-height:22px;  }
#products-detail-right h1{color:#cea402; font-size:29px; float:left; margin:7px 0px 10px 0px; padding:7px 0px 10px 0px; font-weight:normal; display:block; width:100%; color:#222222; font-size:27px; font-family: 'latolight'; line-height:22px; border-bottom:1px solid #F00; display:block;}
#products-detail-right h2{ font-family: 'latolight'; color:#000; font-size:22px; font-weight:normal;}
#products-detail-right ul{ margin:0px; padding:0px;}
#products-detail-right ul li{ margin:0px 15px; padding:0px; list-style:none; float:left; width:20%; border:1px solid #333; text-align:center; }
#products-detail-right ul li img{width:100%;}
.text{ padding:5px 9px; background-color:#F00; border-radius:5px; margin:15px auto; color:#FFF; z-index:999;}



#products-detail-left h1{color:#cea402; font-size:29px; float:left; margin:7px 0px 25px 0px; padding:7px 0px; font-weight:normal; display:block; width:100%; color:#222222; font-size:27px; font-family: 'latolight'; line-height:22px; }
#products-detail-left img{width:100%;}


/* Contact Us */
#address{width:25%; float:left; margin:0px; padding:0px; font-family: 'latolight'; color:#333; font-size:16px; line-height:22px; }
#address h1{font-family: 'latolight'; color:#333; font-size:23px; margin:10px 0px; padding:0px;}

#feedback{width:33%; float:left; margin:0px 15px 50px 15px; padding:0px 0px 0px 45px; border-right: #333 1px dashed; border-left: #333 1px dashed; }
#feedback h1{font-family: 'latolight'; color:#333; font-size:23px; margin:10px 0px; padding:0px;}
.cnt{width:90%; margin:5px 0px; padding:7px; background-color:#404041; color:#FFF; border:none; }
.btn{ padding:6px 10px; background-color:#F00; margin:7px 0px 0px 0px; float:left; border:none; color:#FFF; clear:both;}

#map{width:32%; float:left; margin:0px 0px 50px 25px; padding:0px;}
#map h1{font-family: 'latolight'; color:#333; font-size:23px; margin:10px 0px; padding:0px;}
.map{width:80%; float:left; padding:15px; border:1px solid #333; }

/* Responsive CSS */

/* Screen 1170px */

@media screen and (max-width:1170px){
	
.row{width:1170px;}	
	
	}
	
	
/* Screen 1024px */

@media screen and (max-width:1169px){
	
.row{width:94%;}	
.cnt-hm-prdct ul li{margin: 20px 62px 20px 0px;}
#footer-nav {width: 69%;}
#products ul li{margin: 20px 22px 20px 20px;}
#map{margin: 0px 0px 50px 13px;}
	
	}


/* Screen 768px */

@media screen and (max-width:1023px){
	
.row{width:94%;}
.cnt-hm-prdct ul li	{margin: 20px 0px 20px 0px; width:100%;}
#three-product .products{width: 30%;}
#products ul li{margin: 20px 10px 20px 20px;}
#map{width: 28%;}

	
	}
	
	
/* Screen 600px */	
@media screen and (max-width:767px){
	
	#content-left{ display:none;}
	#content-rigth{width:100%;}
	#footer-nav ul li{ display:none;}
	#three-product{ display:none;}
	#cssmenu{display:block; margin:15px 0px;}
	#top-nav{ display:none;}
	#top-bg{ display:none;}
	#top-rigt-nav{ display:none;}
	#logo img{width:100%;}
	#products-detail-right{width:100%;}
	#products-detail-left{width:100%;}
	#address{width:100%;}
	#feedback{width:100%; border:none; margin:0px; padding:0px;}
	#map{width:100%; margin:15px 0px;}


}




/* Screen 484px */	
@media screen and (max-width:590px){
	
	#products-detail-right ul li{ width:50%; margin:15px 50px; padding:0px;}
	#products ul li{width:40%;}
	
	
	
	}
	
	/* Screen 384px */	
@media screen and (max-width:483px){
	
	#products ul li{width:80%;}
	
	
	}
	
		/* Screen 320px */	
@media screen and (max-width:383px){
	
	
	}