@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;}

	 

	.homeabout{ width:100%;}

	 .hometitle h1{font-size:80px; line-height:70px;}

	 .homeaboutleft{ width:630px !important;}

	 .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;}

	 .circleBlock ul li{ width:740px;}
	  .circleBlock ul li img{ width:100%;}
	 
	 .homeaboutRight{ margin:0;}
	 .req-div{ padding:0;}

}

 @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; width:100%;}

	 .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%;}

	 
.circleBlock ul li{ width:460px;}
	  .circleBlock ul li img{ width:100%;}
	 
	 .homeaboutRight{ margin:0;}
	 .req-div{ padding:0;}
	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

	 

}

 @media only screen and (min-width:320px) and (max-width:480px) {

	 

	 .container{ width:300px;}

	 .hometitle { font-size: 30px !important; line-height: 36px !important; padding:0 0 20px 0!important;}

	 .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; }

	 

.sticky.header .header_bottom .logo {

    padding: 9px 0;

    transition: all 0.3s ease 0s;

    width: 160px;

}

.header .header_bottom .logo{ padding: 10px 0; width: 200px; margin: 0 auto; float: none;}

	 

.socail {

    float: none;

    margin: 0 auto;

    padding: 5px 0 0;

    text-align: center;}

	 

	 

	 .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; width:100%;}

	 .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;}

	 .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%;}
	 
	 .circleBlock ul li{ width:300px;}
	  .circleBlock ul li img{ width:100%;}
	 
	 .homeaboutRight{ margin:0;}
	 .req-div{ padding:0;}

}