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

.center { width: 100%; padding: 0 5%;	}	
}


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

.commitBox {    FONT-WEIGHT: 500;    padding: 40px 0;}
.wecontent {    padding: 0;}
.col-left{ width: 45%; }
.col-right{ width: 45%; }
.imgleft img{ width: 100%; }	

}

@media screen and  (max-width: 991px) {
.center { width: 100%;	}
}




@media (min-width: 200px) and (max-width: 768px) {
.center { width: 100%; padding: 0;	}
.header_section {	padding: 25px 0 0 0; border-bottom: none;}	
	
.logo {    float: none;    text-align: center;}
	
.menu { float: none;  z-index: 999;  width: 100%; padding:15px 0 0 0;}
.menu .gray {    display: block; text-align: center; padding:7px 0;} 
.menu ul {    display: none;    position: static;    background: #e3e3e3; float: none; width: 100%;  }  
.menu ul li {    display: block; position:relative ;  }    
.menu ul ul {    position: static;    background: #e3e3e3;  }

.menu ul li {    display: block; position: relative;  }
.menu ul li a span {        padding-left: 20px;    width: 30px;    position: absolute;    right: 10px;    height: 30px;     z-index: 999;     }
.menu ul li a {display: inline-grid; }

.menu ul li ul .item2 {    position: initial;    left: auto;    top: 0;    display: none;    background: none;}	
.col-left{ width: 50%; margin: 0 auto; float: none;}
.col-right{ width: 50%; margin: 0 auto;  float: none;}	
.wecontent{ padding:40px 0px; width: 90%; margin: 0 auto;}
	.col-6.our_office {    display: table;}
.WhoWe {    margin: 0;    padding: 50px 0;}	
.WhoWe img{ width: 100%; margin: 0; text-align: center;}
ul.value_list {    margin: 0 auto;    padding: 0;    width: 98%;}
.our_Value ul.value_list li {    margin: 20px 40px;    padding: 0;    list-style-type: none;    width: auto;    float: none;    height: auto;}
.col_box {    margin: 0;    padding: 20px 50px;    float: none;    width: auto;}		

ul.Product_list li {    margin: 40px auto;    padding: 10px 0;     width: auto;    float: none;}
ul.Product_list li .value_img img{ width: 100%;}	
.details_Product_page {     padding: 40px 20px;}
	.details_Product_page .imagebox img{ width: 100%;}

	
.col-6.our_office {
    display: contents;
    padding: 10px 10%;
}

.our_office img {
    width: 100%;
    /* float: left; */
    padding: 0 10%;
}

.aboutusbox .wecontent p {
    font-size: 16px;
    padding: 30px 11% 1px;
}

.commitBox {
    FONT-WEIGHT: 500;
    padding: 40px 47px;
    background: #233152;
}

ul.value_list_about li {
    margin: 0;
    padding: 20px 30px;
    list-style-type: none;
    width: auto;
    float: left;
    height: auto;
}	
	
.aboutusbox .wecontent {
    padding: 40px 0;
    display: contents;
}
	.commitBox .col-5 {
    display: contents;
}
	
	.contacBox {
    margin: 0;
    padding: 80px 20px;
}

.contacBox .col-6 {
    display: contents;}

ul.Product_listlp  { margin: 20px 20px; width: auto;}  
    
ul.Product_listlp li {
  
    padding: 10px 0;
    list-style-type: none;
    width: auto;
    float: none;
}    
    
 ul.Product_listlp .value_img img {
    text-align: center;
    margin: 5px 0 0px 0;
    padding: 0;
    width: 100%;
}   
    
 .lpbanner .leftlp {
    margin: 0;
    width: auto;
    float: none;
}   
.lpbanner {
    background: url(../images/lp-banner.jpg) repeat top left; padding: 20px 0 40px 0; margin: 20px 0 0 0;  }  
.lpbanner .rightlp {
    margin: 0 10%;
    width: auto;
    float: none;}
   
    
 .lpbanner .contactboxlp {
    margin: 20px 0 0;
    padding: 20px;
    background: #fff;
    box-shadow: none;
}   
    
.LPhead {        padding: 26px 10px;}    
    
  .LPhead h1 {
    margin: 0;
    padding: 20px;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    text-shadow: 0 0 5px #000;  
    
} 
.video_box {
    float: none;
   padding: 0; margin:20px 0 ; width: auto;
}


    .desk{display: none;}    
    .mob{display: block;}
    
    

ul.Product_list-half li {    margin: 17px 5%;    padding: 10px 0px; list-style-type: none; width: 100%; float: none; min-height: auto; border: 1px solid #c1c1c1;}
    
    
    
}