@media only screen and (min-width:768px) and (max-width:1024px) {
	 .container{ width:748px;}
	 .header_bottom .logo{ width:160px; padding: 15px 0px 0px 0;}
	 .site-menu ul li a {   font-size: 20px; padding:30px 30px;}
	 
	 .banner {  height: 380px;   overflow: hidden;}
	  .banner #slides ul li img{ width:100% !important; left:0px !important; top:0px !important; height:auto !important; min-height:380px;}
	  .sliderDes{ left:2%; width:100%; display:block; top:150px; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-align:left; }
	  .sliderDes .banner_title{ font-size:80px; line-height:70px;}
	 .sliderDes p{ font-size:60px; line-height:60px; padding:10px 0; text-align:left;}
	 .btn {font-size:22px; line-height: 24px; padding: 10px 25px;}
	 .sliderbtn{ margin:0px;}
	 
	
	 .hometitle h1{font-size:80px; line-height:70px;}
	 .homeaboutleft{ width:385px;}
	 .homeabout .pic{ width:350px;}
	 
	 .homeaproduct{ padding:40px 0;}
	 .product li{ margin:0 25px 25px 0 !important;}
	 .homeaproduct .btn{ margin:0 auto;}
	 .footerRight .socail{ display:none;}
	  a#backToTop{ display:none !important;}
	  
	  .inner_banner{ height:250px;}
	 .product_page{ padding:30px 0;}
	 .contact .adders{ width:290px;}
	 .contact .form{ width:400px;}
	 
	 
	 .smlInput{ width:95%;}
	 .smlSelect{ width:97%;}
	 
}
 @media only screen and (min-width:481px) and (max-width:767px) {
	 
	 
	 
	 .container{ width:460px;}
	 
	 .menu-button{ display:block;}
	 .site-menu{ display:none;}
	 .header_top .socail{ display:none; }
	 .header_top .phone{ width:100%;}
	 .phone a.phn{margin: 0px 3px 0px 0px !important; }
	 .phone a { font-size:16px;    margin: 0px 0 0px 0px; width:38%; overflow:hidden; float:left; padding:0 0 0 27px; }
	 .header .header_bottom .logo{ width:130px; padding: 10px 0px;}
	 
	 
	 .banner {  height: 250px;   overflow: hidden;}
	 .banner #slides ul li img{ width:100% !important; left:0px !important; top:0px !important; height:auto !important; min-height:250px;}
	 .sliderDes{ left:2%; width:100%; display:block; top:100px; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-align:left; }
	 .sliderDes .banner_title{ font-size:40px; line-height:22px;}
	 .sliderDes p{ font-size:26px; line-height:28px; padding:10px 0; text-align:left;}
	 .btn, input[type="submit"] {font-size: 18px; line-height: 22px; padding: 8px 20px;}
	 .sliderbtn{ margin:0px;}
	 
	 
	 .homeabout{ padding:30px 0 ;}
	 .homeaboutleft{ width:100%;}
	 .homeabout .pic{ width:100%; float:left; display:none;}
	 .homeabout .hometitle{ padding:0px;}
	 .hometitle{ font-size:44px; line-height:46px;}
	 
	 .homeaproduct{padding:30px 0;}
	 .homeaproduct .hometitle{ margin:0 0 30px 0; font-size:40px; line-height:42px;}
	 .product li{ width:46%; margin:0 10px 10px 0 !important; height:282px; }
	 .product li .title { padding:10px; font-size:24px; line-height:26px;   }
	 .product li .pic{ height:210px; }
	 .homeaproduct .btn{}
	 
	 .pic.imgLiquidNoFill > img{ width:100% !important;}
	 
	
	 
	 .footer{ padding:30px 0;}
	 .footer .footerlogo{ float:none; display:none; margin:0 auto; width:70%; }
	 .footerRight{ float:left; width:100%; margin:0px; padding:0px;}
	 .footerRight .socail{ text-align:center; float:left; width:100%; margin:15px 0 0 0; padding:0px; }
	 .socail a{ float:none; display:inline-table;}
	 .footerNav{ float:left; width:100%; text-align:center;}
	 .footerNav ul li{ float:none; display:inline-table; margin:0px 5px 0 0; font-size:13px; line-height:15px;}
	 
	 .sitemap{ font-size:12px; line-height:14px;}
	 
	 a#backToTop{ display:none !important;}
	 
	 .inner_banner{ height:165px;}
	 .inner_banner img{ min-height:100%;}
	  h1{ font-size:44px; line-height:46px;  background:none;}
	 .about .pic{ width:46%; margin:0 15px 15px 0;}
	 .inner_product h1, .product_page h1{ font-size:40px; line-height:42px;}
	 .product_page{ padding:30px 0;}
	
	 .about .block3 .listsytle li, .about .block6 .listsytle li{ width:90%; margin:0 0 10px 0 !important;}
	 ul.listsytle li{ line-height:20px !important; background: transparent url("../images/liststyle_bg.png") no-repeat scroll 0px 5px;}
	 .contact{ padding:30px 0;}
	 h2 {   font-size: 24px;     line-height: 26px;}
	 .contact .adders{ width:100%; margin:0 0 15px 0;}
	 .contact .form{ float:left; width:100%;}
	 
	 
	 .smlInput{ width:95%;}
	 .smlSelect{ width:97%;}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
}
 @media only screen and (min-width:320px) and (max-width:480px) {
	 p{font-family: 'montserratlight'; font-size: 16px; line-height: 26px;}
	 
	 .container{ width:300px;}
	 
	 .menu-button{ display:block;}
	 .site-menu{ display:none;}
	 .header_top .socail{ display:none; }
	 .header_top .phone{ width:100%;}
	 .phone a.phn{margin: 0px 3px 0px 0px !important; }
	 .phone a { font-size:16px;    margin: 0px 0 0px 0px; width:38%; overflow:hidden; float:left; padding:0 0 0 27px; }
	 .header .header_bottom .logo{ width:130px; padding: 10px 0px;}
	 
	 
	 .banner {  height: 250px;   overflow: hidden;}
	 .banner #slides ul li img{ width:100% !important; left:0px !important; top:0px !important; height:auto !important; min-height:250px;}
	 .sliderDes{ left:2%; width:100%; display:block; top:100px; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-align:left; }
	 .sliderDes .banner_title{ font-size:40px; line-height:22px;}
	 .sliderDes p{ font-size:26px; line-height:28px; padding:10px 0; text-align:left;}
	 .btn, input[type="submit"] {font-size: 18px; line-height: 22px; padding: 8px 20px;}
	 .sliderbtn{ margin:0px;}
	 
	 
	 .homeabout{ padding:30px 0 0 0;}
	 .homeaboutleft{ width:100%;}
	 .homeabout .pic{ width:100%; float:left;}
	 .homeabout .hometitle{ padding:0px;}
	 .hometitle{ font-size:44px; line-height:46px;}
	 
	 .homeaproduct{padding:30px 0;}
	 .homeaproduct .hometitle{ margin:0 0 30px 0; font-size:40px; line-height:42px;}
	 .product li{ margin:0px 0 15px 0 !important; width:98%; height:auto;}
	 .product li .pic{ height:auto;}
	 .homeaproduct .btn{ margin:0px auto;}
	 
	 .footer{ padding:30px 0;}
	 .footer .footerlogo{ float:none; display:none; margin:0 auto; width:70%; }
	 .footerRight{ float:left; width:100%; margin:0px; padding:0px;}
	 .footerRight .socail{ text-align:center; float:left; width:100%; margin:15px 0 0 0; padding:0px; }
	 .socail a{ float:none; display:inline-table;}
	 .footerNav{ float:left; width:100%; text-align:center;}
	 .footerNav ul li{ float:none; display:inline-table; margin:0px 5px 0 0; font-size:13px; line-height:15px;}
	 
	 .sitemap{ font-size:12px; line-height:14px;}
	 
	 a#backToTop{ display:none !important;}
	 
	 .inner_banner{ height:120px; padding-top: 100px;}
	 .inner_banner img{ min-height:100%;}
	  h1{ font-size:44px; line-height:46px;  background:none;}
	 .about .pic{ width:100%; margin:0 0 15px 0;}
	 .inner_product h1, .product_page h1{ font-size:40px; line-height:42px;}
	 .product_page{ padding:30px 0;}
	 .product li .pic img{ width:100% !important; height:auto !important; top:0px !important; left:0px !important;}
	 .about .block3 .listsytle li, .about .block6 .listsytle li{ width:90%; margin:0 0 10px 0 !important;}
	 ul.listsytle li{ line-height:20px !important; background: transparent url("../images/liststyle_bg.png") no-repeat scroll 0px 5px;}
	 .contact{ padding:30px 0;}
	 h2 {   font-size: 24px;     line-height: 26px;}
	 .contact .adders{ width:100%; margin:0 0 15px 0;}
	 .contact .form{ float:left; width:100%;}
	 
	 
	 .smlInput{ width:95%;}
	 .smlSelect{ width:99%;}
}