@media (max-width: 1700px) {
  .main17{width:100%; padding:0 15px; margin:0; float:left;}
}

@media (max-width: 1440px) {
.main14{width:100%; padding:0 30px; margin:0;}
}

@media (max-width: 1366px) {
.h-ourservice ul li a .content{height:200px;}
.h-contact ul{width:100%; padding:0 15px;}
#contact form{width:100%; margin:35px 0 0 0;}
#contact .w-form{width:100%; padding:0 30px; display:block; float:left;}
}

@media (max-width: 1280px) {
.h-ourservice ul li{width:50%;}
.h-ourservice ul li a .content{height:140px;}

.vision .main12{width:100%; margin:0; padding:0 30px; display:block;}
.vision ul li{padding:0 4%;}

#why ul li{width:100%;}
}

@media (max-width: 1200px) {
.cookies-submit .main{width:100% !important; padding:0 20px !important; display:inline-block;}
}

@media (max-width: 1140px) {
.vision h2{font-size:44px !important;}
.vision ul li{padding:0 3%;}
}

@media (max-width: 1122px){

h1{font-size:70px !important;}
.cookies-submit span{padding:30px 22% 30px 0;}
}

@media (max-width: 1024px) {
h1{font-size:60px !important;}
h2{font-size:35px !important;}
.h-banner span h2{line-height:42px; padding:0 0 20px 0; margin-bottom:15px !important;}

.h-about h5{width:100%; padding:0 25px;}
.h-why h5{width:100%; padding:0 30px;}

.h-contact ul li span{height:200px; padding:20px;}
.h-contact ul li span a, .h-contact ul li span p{font-size:20px;}
.h-contact ul li span em, .h-contact ul li span .icon{margin-bottom:20px;}

.vision h2{font-size:38px !important;}
}

@media (max-width: 991px) {

.m-warp.mopen{width:100%; z-index:600; display:block;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
}
.m-warp.mclose{z-index:900; pointer-events:auto; position:relative;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
}

#hamburger{ display:none;}
#nav-icon2{ display:block;}
.menu-mobile{ display:block;}

header .main14{margin:15px 0;}
header .logo{width:180px;}
header .lang, header .social{display:none}
header nav{display:none;}
.menu-mobile{display:block;}

/* main{margin-top:50px;} */

.h-about h1{font-size:56px !important;}

.h-banner .lSSlideOuter .lSPager{bottom:15px;}

.h-about h1{line-height:60px;}

#ourservice .sslide{padding:0;}
#ourservice .sslide h1{font-size:40px !important; padding-top:90px;}
#ourservice .sslide h1::before{width:80px; height:71px;}

#why ul li{padding:15px 0;}

footer nav{display:none;}
footer .content{padding:30px;}
footer ul{width:100%;}

}

@media (max-width: 834px) {

.cookies-submit span{padding:40px 25% 25px 0;}
.cookies-submit .close-cookies{top:7px;}
/* .cookies-submit .close-cookies{width:18px; height:18px;}
.cookies-submit .close-cookies::before{width:18px; height:18px; background-size:18px; background-image:url(../images/btu-close-circle.png); background-repeat:no-repeat;} */

.h-banner .pic, #ourservice .sslide li .pic{height:400px;}
.h-banner span{width:100%}
.h-banner span h1{line-height:48px; font-size:40px !important;}
.h-banner span h2{ line-height:30px; padding:0 0 20px 0; font-size:25px !important; margin-bottom:15px !important;}

.h-topic{padding:0 0 35px 0;}

.m-topic{height:170px;}

.h-ourservice, .h-about, .h-why, .h-contact{padding:35px 0;}
.h-ourservice ul li a .content{height:155px}
.h-contact ul li{padding:7px;}
.h-contact ul li span{height:170px; padding:20px 10px;}

.h-contact ul li span em, footer ul li span em, footer ul li span .icon{margin-bottom:25px;}

.vision h2{font-size:32px !important;}
.vision ul li{padding:0 2%;}

#ourservice .h-ourservice{padding:35px 0 65px 0;}
#ourservice .sslide .s-prev, #ourservice .sslide .s-next{display:none;}

#contact .gmap iframe{width:100%; height:350px;}
#contact .h-contact h4{font-size:25px !important; margin:25px 0 !important;}
#contact .w-form{padding:0 20px;}
#contact form{padding:22px 30px 40px 30px;}

footer ul li span a, .h-contact ul li span a, footer ul li span .icon, .h-contact ul li span p{font-size:18px; line-height:26px;}
footer nav a{padding:0 10px; font-size:18px;}

}

@media (max-width: 768px) {

#mm-desktop{ display:none !important;}
#mm-mobile{display:block !important;}

.cookies-submit span{padding:30px 28% 30px 0;}

.h-ourservice ul li a .content{height:175px}

.vision h2{font-size:29px !important;}

footer ul li span a, .h-contact ul li span a, footer ul li span .icon, .h-contact ul li span p{font-size:16px;}
footer nav a {font-size:16px;}
}

@media (max-width: 430px) {

html, body{font-size:18px;}

.cookies-submit span{text-align:center; padding:27px 0;}
.cookies-submit p{width:100%; margin-bottom:25px; display:inline-block; float:none;}
.cookies-submit .accept{display:inline-block; position:relative; right:auto; top:auto; transform: translate(0, 0);}
.cookies-submit .close-cookies{width:18px; height:18px;}
.cookies-submit .close-cookies::before{width:18px; height:18px; background-size:18px; background-image:url(../images/btu-close-circle.png); background-repeat:no-repeat;}

h2{font-size:28px !important;}
h5{font-size:18px !important;}

.main14{padding:0 15px;}

header .logo{width:175px;}

.m-topic{height:120px;}
.h-topic{padding:0 0 26px 0; margin:20px 0;}

.h-banner .pic, #ourservice .sslide li .pic{height:300px;}
.h-banner span{top:50%; left:50%; transform: translate(-50%, -50%);}
.h-banner span h2{line-height:22px; padding:0 0 10px 0; font-size:18px !important; margin-bottom:5px !important;}
.h-banner span h1{line-height:36px; font-size:30px !important;}
.h-banner .lSSlideOuter .lSPager {bottom:5px;}

.main17{padding:0;}

.h-ourservice{padding:10px 0 35px 0;}
.h-about{padding:10px 1px 40px 1px;}
.h-why{padding:10px 0 45px 0;}
.h-contact{padding:10px 0 30px 0;}

.h-ourservice ul li{width:100%; padding:8px 15px;}
.h-ourservice ul li a .topic em{margin:10px 0;}
.h-ourservice ul li a .content{height:auto;}

.h-about h1, .h-why h1{font-size:37px !important; line-height:40px; margin-bottom:25px !important;}
.h-why h1{margin-bottom:0px !important;}
.h-about ul li{padding:1px;}
.h-about h5, .h-why h5{line-height:28px; margin: 25px 0 !important; padding: 0 15px;}
.h-about .btu{width:160px; line-height:40px; border:2px solid #FFF; font-size:18px;}
.h-why .btu{width:160px; line-height:40px; border:2px solid #D90000; font-size:18px;}
footer .content {padding:30px 15px;}
.h-contact ul{padding:0 10px;}
.h-contact ul li{width:100%; padding:5px;}
.h-contact ul li span{height:auto;}

h3.h-topic{font-size:30px !important;}

#about h1{margin:30px 0 !important;}
#about .h-about{padding:0 0 30px 0;}
#about .h-about h5{margin:30px 0 0 0 !important;}
#about ul{padding:0 5px;}
.vision{padding:10px 0 0 0;}
.vision .main12{padding:0 15px;}
.vision ul{margin:20px 0 30px 0;}
.vision ul li{width:100%; padding:0; margin:10px 0;}
.vision h2 {font-size:23px !important;}

#ourservice .sslide{margin:1px 0 0 0;}
#ourservice .sslide h1{font-size:35px !important; padding-top:90px;}
#ourservice .sslide li{overflow:hidden;}
#ourservice .sslide li img{width:100%; height:300px; overflow:hidden;}
#ourservice .h-ourservice{padding:10px 0 30px 0;}
#ourservice .h-ourservice h3.h-topic{line-height:34px;}
#ourservice h5{margin-top:30px !important;}
#ourservice .h-ourservice .btu{margin-top:30px;}

#why{margin:10px 0;}
#why h3{line-height:40px;}
#why h5{line-height:24px; padding:0; margin:0 0 20px 0 !important;}
#why ul li figure{padding:84px 0 0 0;}
#why ul li figure em{width:80px; height:84px; position:absolute; left:10px; top:0;}
#why ul li figure em img{width:64px;}
#why ul li figure span{width:100%; padding:0;}
#why ul li figure h1{height:80px; position:absolute; top:0px; right:30px;}
#why ul li figure p{height:auto; display:block; padding:20px 15px;}
#why .pic{margin:30px 0;}
#why .pic li{padding:1px;}

#contact h3{line-height:36px;}
#contact .w-form{padding:0;}
#contact .h-contact h4{font-size:22px !important; padding:0 25px; margin:5px 0 20px 0 !important;}
#contact .gmap iframe{height:300px;}
#contact form{margin:25px 0 0 0; padding:22px 15px 40px 15px;}
#contact form fieldset{margin:8px 0;}
#contact form label{width:100%; padding:0 15px;}
#contact form input[type="text"], #contact form textarea{width:100%; border:1px solid #CCC;}
#contact form textarea{height:140px;}
#contact form label.message{height:50px;}

footer nav{display:none;}
footer ul{margin:15px 0 0 0;}
footer ul li{width:100%;}
footer ul li:nth-child(1), footer ul li:nth-child(3){border-bottom:1px solid #666;}
footer ul i{display:none;}
footer .copyriight{height:50px; line-height:50px;}

}

@media (max-width: 414px) {
.h-banner .pic, #ourservice .sslide li .pic{height:280px;}
}

@media (max-width: 378px) {
.h-banner .pic, #ourservice .sslide li .pic{height:250px;}
}

@media (max-width: 320px) {
.h-banner .pic, #ourservice .sslide li .pic{height:230px;}
}