@media(max-width:1024px){

.container{ width:100%; padding:0 15px; box-sizing:border-box;}	
.social_set{ width:15%;}
.who_left{ width:60%; min-height:430px;}
.who_right{ width:40%; min-height:430px;}
.product_inner li { width: 100%;}
.product_inner li img { width: 100%;}
.product_inner li b{width:100%;}
.product_inner li:hover span{  }	
.scrollToTop{ padding:5px;}

.about12 { width: 64%;}

.menu li a{ margin-right:20px;}
.footer .copy {
    width: 45%;}
.greenright-2{ margin-left:0px; margin-top:0px;}
.greenright { width: 100%; float: right; margin-top: 50%;}
.greenleft img{ width:60%;}
.video-left{ width:40%; float:left;}
.video-right{ float:right; width:58%;}
}


@media(max-width:980px){

.social_set{ width:15%;}
.who_left{ width:60%; min-height:430px;}
.who_right{ width:40%; min-height:430px;}
.product_inner { margin-left: 7px;float: left; position: relative; width:31%;}
.product_inner li { width: 100%;}
.product_inner li img { width: 100%;}
.product_inner li b{width:100%;}
.video-left{ width:40%; float:left; margin-right:1%;}
.video-right{ float:right; width:50%;}
.index_aboutinner li{ width:48%;}
.index_aboutinner li{ min-height:300px;}
}


@media(max-width:900px){

.submenu li{ display:block !important;}
.social_set{ width:inherit; text-align:center;}
.who_left{ width:60%; min-height:450px;}
.who_right{ width:40%; min-height:450px;}
.product_inner { margin-left: 7px;float: left; position: relative; width:31%;}
.product_inner li { width: 100%;}
.product_inner li img { width: 100%;}
.product_inner li b{width:100%;}
.about12 { width: 60%;}	
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}
.menu{  text-align:center; width:100%;}
.menu li{ float:none; display:inline-block;} 
.product_inner span{ left:20%;}
	
}

@media(max-width:800px){

.who_left{ width:100%; min-height:430px;}	
.who_right{ width:100%;}
.product_inner{margin-bottom: 20px; margin-left:13px; width: 47%;}
.product_inner li{width:100%;}
.product_inner img {width:100%;}
.product_inner li b{width:100%;}
.about11 { width: 100%; display: block; float: none; margin: 12px auto;}
.about11 img {display: block; margin: 0px auto;}
.about12 { width: 100%;  display: block; float: none;}
.index_aboutinner li{ width:100%; min-height:auto;}
.index_aboutinner li::before{ display:none;}
.blink_img{ width:100%;}
.owltotal p{ min-height:auto; width:inherit;}
.keshiba_whoweareleft{ width:48%;}
}



@media(max-width:768px){
.menu {width: 100%;display: block; text-align:center; margin:0 auto; }
.social_set{ width:100%; display:block; margin:0 auto; text-align:center; float:none;}
.logo{ width:50%; float:none; display:block;  margin:0 auto; text-align:center;}
.social{   width:100%; float:none; text-align:center;}
.mobile{ display:inline-block; text-align:center; float:none;}
.who_left{ width:100%; min-height:430px;}	
.who_right{ width:100%;}
.product_inner{margin-bottom: 20px; margin-left:13px; width: 46%;}
.product_inner li{width:100%;}
.product_inner img {width:100%;}
.product_inner li b{width:100%;}
.address li span{ width:20%;}
.about11 { width: 100%; display: block; float: none; margin: 12px auto;}
.about11 img { display: block; margin: 0 auto;}
.about12 { width: 100%; display: block; float: none;}
.logo img{ width:100%;}
.product_inner span{ left:30%;}
.footer .copy{ width:50%;}
.greenright-2{ margin-left:0px; margin-top:0px;}
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}
.enq textarea{ width:95%;}
.enq input[type="text"]{ width:95%;}
}



@media(max-width:640px){
.menu {width: 100%;display: block; text-align:center; margin:0 auto; padding-bottom:10px;}
.social_set{ width:100%; display:block; margin:0 auto; text-align:center; float:none;}
.logo{display: block;width: 100%;text-align:center;}
.social{    width:50%;margin: 0 auto; display: block; float:none; padding: 0;}
.who_left{ width:100%; min-height:462px;}	
.who_right{ width:100%;}
.product_inner{margin-bottom: 20px; margin-left:9px; width: 46%;}
.product_inner li{width:100%;}
.product_inner img {width:100%;}
.product_inner li b{width:100%;}
.address li span{ width:25%;}
.about11 { width: 100%; display: block; margin:12px auto;}
.about11 img { display: block;  margin: 0 auto;}
.about12 { width: 100%; display: block; float: none;}
.menu li a { margin-right:20px;}
.logo img{ width:50%;}
.about_left{ width:100%;}
.greenleft{ width:95%;}
.greenleft img{ width:60%; top:60px;}
.greenright{ width:100%; float:none; margin-top:300px;}
.about_right h2{ font-size:30px; text-align:center;}
.about_right{ width:100%; margin-left:0;}
.greenright-2{ margin-left:0px; margin-top:0px;}
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}
.footer_right{ width:inherit;}
.footer .copy{ width:inherit;}
.footer_right li{ margin-top:0; float:none;}	
.footer{ background-image:inherit; background:#000; min-height:0; padding:15px 0; text-align:center;}
.footer .copy{ margin-top:0; }
.product_inner span{ left:20%;}
}


@media(max-width:600px){
.menu li a{ margin-right:15px;}	
.address li span{ width:25%;}
.about11 { width: 100%;  display: block; margin: 16px auto;}
.about11 img { display: block; margin: 0 auto;}
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}

}


@media(max-width:568px){

.product_inner{margin-bottom: 20px;margin-left: 12px;width: 46%;}
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}	
	
}

@media(max-width:480px){
.logo{width:90%;display: block;margin: 0 auto; text-align:center;}
.logo img{ width:80%;}
.who_left{ width:100%; min-height:600px;}	
.who_right{ width:100%;}	
.menu{ float:none;}
.social_set{display: block;margin: 0 auto; text-align: center; width: 100%; float:none;}
.product_inner{width: 100%; margin-right:0;  margin-left:0;margin-bottom: 20px;}
.product_inner li{width: 100%;}
.product_inner img {width: 100%;}
.product_inner li b{width: 100%;}
.product_inner span{ left:33%; }	

.menu li{ float:none;}
.submenu{ width:100%; left:0; position:static;}
.menu{ display:none;}
.menu_bar{ display:block; margin-bottom:15px;}
#menu_slide{ position:static;}
.menu{ position:static; text-align:center; width:100%;}	
.footer_left{ margin-top:25px;}
.footer_left li a{margin-right: 18px; text-align:center;}
.footer_left li{ float:none; display:block; text-align:center; margin-top:0;}
.footer{ background:#000;}		
.about11 { width: 97%;  display: block; margin: 0 auto;}	
.about11 img { display: block; margin: 10px auto; width: 86%;}
.container .gallery li{ width:100%;}
.about_left{ width:100%;}
.greenleft{ width:95%;}
.greenleft img{ width:85%; top:60px;}
.greenright{ width:100%; float:none; margin-top:300px;}
.about_right h2{ font-size:30px; text-align:center;}
.about_right{ width:100%; margin-left:0;}
.address{ width:100%; float:none;}	
.enq{ width:100%;}
.video-left{ width:100%; display:block;}
.video-right{ float:none; display:block; width:100%; }
.footer_right{ width:100%; margin:auto;}
.menu li{ display:block;}
.menu li a{ text-align:center; }
.blink_img img{ width:100%;}
.keshiba_whoweareleft{ width:98%;}
.contact h2{ padding:10px 0;}
}
	



@media(max-width:384px){

.footer_left{ margin-top:25px;}
.footer_left li a{margin-right: 18px; text-align:center;}
.footer_left li{ float:none; display:block; text-align:center; margin-top:0;}
.footer{ background:#000;}	
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}
}

@media(max-width:360px){
.social {float: right;width: 100%;}	
.logo{width:90%;display: block;margin: 0 auto; text-align:center;}
.who_left{ width:100%; min-height:600px;}	
.who_right{ width:100%;}	
.footer{  background-size:none;}
.copy{width:100%; float:none; display:block; margin-top: 55px;}
.footer_left li{ margin-top:35px;}
.footer_left li a{ margin-right:14px; padding-bottom:20px;}
.menu{ float:none;}
.social_set{display: block;margin: 0 auto; text-align: center; width: 100%; float:none;}
.product_inner img {width:100%;}
.product_inner li{width:100%;}
.product_inner li b{width:100%;}	
.product_inner{ margin-left:0;}		
.logo img{ width:100%; display:inline-block; margin-bottom:8px;}	
.footer_left{ margin-top:25px;}
.footer_left li a{margin-right: 18px; text-align:center;}
.footer_left li{ float:none; display:block; text-align:center; margin-top:0;}
.footer{ background:#000;}	
	
.address{ width:100%; float:none;}	
.enq{ width:100%;}

.about11 { width: 100%; display: block; margin: 0 auto;}

.about12 { width: 100%; display: block; float: none;}	
	

.container .gallery li{ width:100%;}

.joint-left{ width:100%; float:none;}
.joint-right{  width:100%; float:none;}


.about_left{ width:100%;}
.greenleft{ width:95%;}
.greenleft img{ width:85%; top:60px;}
.greenright{ width:100%; float:none; margin-top:210px;}
.footer_right li{ float:none;}
.footer_right { width:100%; text-align:center;}

.about_right h2{ font-size:30px; text-align:center;}
.about_right{ width:100%; margin-left:0;}
.about_right p{ font-size:12px;}
	
.video-left{ width:100%; display:block;}
.video-right{ float:left; display:block;}

.footer .copy span{ margin:auto;}
	
}

@media(max-width:320px){
.social {float: right;width: 100%;}	
.logo{width:90%;display: block;margin: 0 auto; text-align:center;}
.logo img{ width:100%; display:inline-block; margin-bottom:8px;}
.product_inner span{ left:20%;}
.who_left{ width:100%; min-height:600px;}	
.who_right{ width:100%;}	
.copy{width:100%; float:none; display:block; margin-top: 55px;}
.footer_left li{ margin-top:35px;}
.footer_left li a{ margin-right:14px; padding-bottom:20px;}
.menu{ float:none;}
.social_set{display: block; margin: 0 auto;text-align: center;width: 100%; float:none;}
.footer_left{ margin-top:25px;}
.footer_left li a{margin-right: 18px; text-align:center;}
.footer_left li{ float:none; display:block; text-align:center; margin-top:0;}
.footer{ background:#000;}
.about11 img{ display: block; width: 290px;}	
.about11{ display:block;}
.about12 p{ padding-left:10px;}
.container .gallery li{ width:100%;}	
.gallery h2{ font-size:28px;}
.about_left{ width:100%;}
.greenleft{ width:95%;}
.greenleft img{ width:85%;}
.greenright{ width:100%; float:none; margin-top:210px;}
.about_right h2{ font-size:30px; text-align:center;}
.about_right{ width:100%; margin-left:0;}
.about_right p{ font-size:12px;}
.video-left{ width:100%; display:block;}
.video-left img{ width:100%;}
.video-right{ float:none; display:block; width:100%;}
.video-right iframe{ width:100%;}
}