@media(max-width:1024px){
.container{ width:100%; padding:0 10px; box-sizing:border-box;}
.banner img{ height:auto !important;}
.baner_content{ width:100%; margin:0 auto; padding:0 10px; left:0; right:0;}
.index_productsleft a{ padding:9px 0px;}
.index_aboutleft{ min-height:200px;}
.index_why::after{ display:none;}	
}
@media(max-width:980px){
.index_productsleft a i{ left:17px;} 

}
@media(max-width:800px){
.index_productsleft a i{ display:none;}	
.index_aboutleft{ width:48%; min-height:auto;}
.tuv{
        position: relative;
    top: 0;
    right: 0px;
    margin:10px 0px;
}

}
@media(max-width:768px){
.header_total{ position:static;}
.logo_left{  display:inline-block; float:none; width:100%;}
.logo{ background:#eee;}
.logo_left a{ display:block; text-align:center; width:31%; margin:0 auto;}
.logo::before{ background:none;}
.logo::after{ background:none;}
.baner_content{ top:25%;}
.header_left{ float:left; width:100%; text-align:center; margin:0 auto;}	
.header_right{ float:none; width:100%; text-align:center; padding:10px 0;}
.header_right li{ float:none; display:inline-block;}
.logo_rightinner{ width:100%; display:inline-block; text-align:center; float:none;} 
.logo_right{ float:none; width:100%;}
.logo_rightinner li{ float:none; display:inline-block;}
.logo_rightinner li a{ margin:5px 0;}
.logo_left{ margin:0 auto; text-align:center;}
.footer_left{ width:50%;}
}
@media(max-width:640px){
.baner_content{ top:10%;}
.baner_content h2{ font-size:35px;}
.index_productsleft{ width:48%;}
.index_productsinner{ margin:0 auto; text-align:center;}
.index_productsleft{ display:inline-block; float:none; margin:0 auto; text-align:center;}
.index_productsleft:last-child{ margin-top:30px;}
.index_aboutleft{ width:98%;}
.index_why::before{ left:70%;}
.index_whyleft{ width:70%;}
.index_galleryimage li{ width:50%; line-height:0;}
.index_aboutright{ width:100%;}
.innerpro .left{ width:100%;}
.innerpro .right{ width:100%;}
	}
@media(max-width:530px){
.baner_content{ top:4%;}
.responsive_menu{ display:inline-block;}
.logo_right{ display:none;}
.logo{ position:static !important;}
.baner_content p{ margin:10px 0;}
.logo_left a{ width:50%;}	
.logo_rightinner li{ display:block; margin:10px 0;}
.logo_rightinner{ display:block;}
.header_right li{ padding:0 2px;}
.baner_content h2{ font-size:30px;}
.baner_content p{ font-size:15px;}
.footer_left{ min-height:270px;}
}
@media(max-width:480px){
.index_productsleft{ width:85%; margin:20px auto;}
.index_iconleft{ float:none; margin:0 auto;}
.index_iconright{ width:100%; float:none; }
.index_iconleft{ width:35%;}
.index_why::before{ display:none;}
.index_whyleft{ width:100%;}
.footer_inner li{ padding-right:5px;}
.index_galleryimage li{ float:none; width:80%; margin:0 auto;}
.footer_callleft{ width:100%;}
.footer_call{ text-align:justify; padding:30px 0 0 0;}
.footer_callleft{ margin:0 0 10px 0;}
.footer_innerimg li{ width:48%;}
.footer_left{ width:100%; min-height:auto; margin-bottom:15px;}
.facilities .one .left{ width:100%;}
.facilities .one .right{ width:100%;}
.facilities .two .left{ width:100%; text-align:center;}
.facilities .two .right{ width:100%; text-align:center;}
}
@media(max-width:460px){
.baner_content h2{ font-size:20px;}	
.baner_content p{ font-size:14px;}
}
@media(max-width:410px){
.banner img{ height:350px !important;}
.baner_content{ top:22%;}
.baner_content a{ margin:0;}
.index_productsleft{ width:100%;}
}
@media(max-width:340px){
.baner_content a{ padding:10px 12px;}
.index_galleryimage li{ width:100%;}
}	












