@charset "utf-8";
@font-face {font-family:'Aparajita'; src:url('../Fonts/aparaj.ttf') format('truetype');}

@media screen and (max-width: 1450px)
 {
	#productmenu-div  ul li{margin:0px; padding:8px 5% 8px 5%; width:90%; list-style:none; }
 
 }
 
 @media screen and (max-width: 1350px)
 {
	#productmenu-div  ul li{margin:0px; padding:10px 5% 2px 5%; width:90%; list-style:none; }
	#productmenu-div h1{ padding:10px 0px 4px 0px; margin:0px;font-size:24px; }
 }

@media screen and (max-width: 1150px)
 {
	#productmenu-div  ul li{margin:0px; padding:8px 5% 1px 5%; width:90%; list-style:none; }
	#productmenu-div h1{ padding:6px 0px 2px 0px; margin:0px;font-size:22px; }
 }

@media screen and (max-width: 950px){
	
#logo{ float:left; width:100%; margin:0px; padding:0px;}
#logop{ float:left;  margin:0px; padding:15px 0px; width:100%;}
#lmenu{ float:left; width:100%; margin:0px; padding:0px; padding-bottom:15px; padding-top:20px;}
#lmob img {float:right; padding:10px 10px;margin:0px; max-width:100%;}

#pcont-cont p{ padding:0px; margin:0px; text-align:justify; padding-bottom:18px; color:#616573;} 

#nmfloat{ float:left;width:100%;}

#productmenu-div  ul li{margin:0px; padding:6px 5% 0px 5%; width:90%; list-style:none; }
#productmenu-div h1{ padding:4px 0px 0px 0px; margin:0px;font-size:20px; }
}

@media screen and (max-width: 840px)
 {
	 
	#lmob{ display:none;}
	
	
#col2div{ float:left; width:100%; margin:0px; padding: 0px; padding-bottom:18px;}
#footer-col1{float:left; width:45%; margin:0px; padding: 0px; padding-right:5%; background:url(../images/line.png) right center no-repeat; min-height:181px;}
#footer-col2{float:left; width:45%; margin:0px; padding: 0px; padding-left:5%; background:none;min-height:181px;}
#footer-col3{float:left; width:45%; margin:0px; padding: 0px; padding-right:5%; background:url(../images/line.png) right center no-repeat;min-height:181px;}
#footer-col4{float:left; width:45%; margin:0px; padding: 0px; padding-left:5%;min-height:181px;}
	
	
#product-col{float:left; width:45%; margin:0px; padding:0px 2.5%;}
#product-col2{ float:left; width:100%; margin:0px; padding:0px; padding-bottom:20px;}

#banner-div{ float:left; width:100%; margin:0px; padding:0px;}
#productmenu-div{ float:left; width:100%; margin:0px; padding:0px; padding-bottom:20px;}
#productmenu-div  ul li{margin:0px; padding:8px 5% 1px 5%; width:90%; list-style:none; }
#productmenu-div h1{ padding:6px 0px 2px 0px; margin:0px;font-size:22px; }	
	
	
}

@media only screen and (max-width: 780px)  {
	
}

@media only screen and (max-width: 550px)  {
	
#logo{ float:left; width:80%; margin:0px; padding:0px; text-align:center;}
.main-menu{ width:50px; background:none;}
#gtop{ width:50px; margin-top:-50px; background:none;}

#searchcat{ float:left; width:100%; margin:0px; padding:0px;}
#searchtxtbtn{ float:left; width:100%; margin:0px; padding:0px;}

#searchtxtbtn-txt{ float:left; width:86%; margin:0px; padding:0px;}
#searchtxtbtn-btn{ float:left; padding:0px; margin:0px; width:14%;}
}

@media only screen and (max-width: 500px)  {
	
#product-col{float:left; width:95%; margin:0px; padding:0px 2.5%; padding-bottom:20px;}
#product-col2{ float:left; width:100%; margin:0px; padding:0px;}	
	
}

@media only screen and (max-width: 650px)  {

#lmenu{ float:left; width:100%; margin:0px; padding:0px; padding-bottom:15px; padding-top:10px;}

.wrapper-banner	{clear: both; margin: 0 auto; width: 90%; overflow:hidden; padding-bottom:10px; }
}

@media screen and (max-width: 580px)
{
	#contactfrmcol1{ float:left; width:100%; margin:0px; padding:0px;}
	#contactfrmcol2{ float:left; width:100%; margin:0px; padding:0px; padding-top:25px;}
	
#col2div{ float:left; width:100%; margin:0px; padding: 0px; padding-bottom:18px;}
#footer-col1{float:left; width:100%; margin:0px; padding: 0px; background:none;}
#footer-col2{float:left; width:100%; margin:0px; padding: 0px; background:none;}
#footer-col3{float:left; width:100%; margin:0px; padding: 0px; background:none;}
#footer-col4{float:left; width:100%; margin:0px; padding: 0px; background:none;}
}

@media screen and (max-width: 550px)
 {
	
 }
 
 @media screen and (max-width: 500px)
 {
	
#ffl1{ float:left; width:100%; text-align:center;} #ffl2{  float:left; width:100%; text-align:center;}

 }
 
 @media screen and (max-width: 420px)
 {
	
 }
 
  @media screen and (max-width: 390px)
 {
	
 }