/*1679*/
@media screen and (max-width:1679px) {

h2 { font-size:40px }
h3 { font-size:24px; padding-bottom:3px }

:lang(th) .home-certified>article .rows article h3 { font-size:24px;}
:lang(th) .home-app>article .rows article h3, :lang(th) .home-certified>article .rows article h3 { font-size:24px; }

.header-fixed { max-width:1280px; }
.box-cover article { width: min(100%, 1220px);  }
.box-cover article h1 { font-size:60px }
.on-page-other { height:360px; }

.home-process article figure:before,.home-process article figure:after { width: 32%; }
.home-process .number span { width: 60px; height: 60px; }
.home-certified header h2 { margin-bottom:0 }

.page-clients .tab-content h3 { font-size:20px; }
.page-clients .tab-content img { height:50px; }

.page-services-beam figure { width: 100px; height: 100px; }

.page-contact h3 { font-size:36px }
.page-contact-form ul { gap: 10px 30px }

}

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

.box-cover article { padding: 0 20px; }
.on-page-other { padding-left:20px; padding-right:20px }

.page-services-beam ul { grid-template-columns:1fr 1fr }

.home-process article figure:before { width: 30%; }
.home-process article figure:after { width: 30%;  }

footer .rows { padding-right:0; padding-left:0 }

}

/*1279*/
@media screen and (max-width:1279px) {

.main-menu { margin-right:40px; }
.header-fixed { padding: 0 20px; }

.img-cover { background-position:center left !important; }


footer .logo-footer { padding: 60px 0 40px 0 }

}

/*1023*/
@media screen and (max-width:1023px) {

.main-menu { display:none; }
.menu-toggle { display:flex; }
.header-fixed { justify-content:flex-end; }
.header-fixed .logo { margin-right:auto; }
.header-fixed .logo img { height: 60px; width: 60px; }
body>header { height:80px; }
.nav-mobile { padding: 120px 20px 20px; }

.lang { padding-top: 2px; border-right:1px solid var(--color-drop-gray-fill); padding-right:20px; margin-left:15px; }
.btn-social { width: 32px; height: 32px; }

.on-page-other header { right:inherit; left: 0 }
.on-page-other { background-position:center center !important; }

.page-box>article, body>footer article { padding: 0 20px }

.home-app>article .rows article,.home-app>article .rows figure  { width: 100%; }
.home-app>article { padding-top:30px; padding-bottom:30px; }
.home-app>article .rows figure { order:1; margin-bottom:30px; height:400px; }
.home-app>article .rows article { order:2 }
.home-app>article:nth-child(even) .rows article { padding-left:7%; padding-right:0 }

.page-about-mission { margin-top:0 }
.page-about-mission>article { padding-top:30px; }
.page-about-mission>article .rows { grid-template-columns: repeat(2, 1fr);  }
.page-about-mission>article .rows article:last-child { grid-column: span 2 }
.page-about-mission>article .rows article:last-child figure { height:400px; }

.home-improved>article header { bottom:30px; }

.home-certified>article  { padding-bottom:50px; padding-top:50px; }
.home-certified>article .rows figure { padding: 14px; }

.home-process .number span { width: 50px; height: 50px; top:-25px; }
.home-process .rows { grid-template-columns:1fr }
.home-process img { width: 60%; margin:0 auto; }
.home-process h3 { margin-top:50px; }
.home-process article figure:before { width: 1px; height:30px; border-bottom:0; background:var(--color-sky); left: 0; right:0; bottom: -40px; margin-left:auto; margin-right:auto; }
.home-process article figure:after { display:none; }
.home-process article:last-child figure:before { display:block; }

.page-services-monitor ul { grid-template-columns:1fr 1fr }

.page-clients .tab-content ul { grid-gap:15px; }
.page-clients .tab-content img { height:44px;  }

.page-contact .rows h4 { font-size:18px; }
.page-contact .rows,footer .rows { grid-template-columns:1fr 1fr 1fr }

/**/
}

/*767*/
@media screen and (max-width:767px) {

body ,input, textarea { font-size:17px; }

h2 { font-size:30px; }
:lang(th) h2 { font-size:30px; }


.box-cover article h1 { font-size:50px; }
.box-cover { height:100vh }
.on-page-other { height:360px; }
.page-box { padding: 60px 0; }

.nav-mobile { right:-100%; width: 100%; }

.home-app>article .rows figure { height:300px; }

.home-about article header,.home-about article figure { width: 100%; }
.home-about article header { padding-right:0 }
.home-about article header h2 { text-align:center; }
.home-about article .big-img { position:relative; width: 80%; margin-left:auto; }
.home-about article header { justify-content:flex-start; height:auto; padding-bottom:40px; }

.home-benefits ul { grid-gap:25px; }
.home-benefits li { padding-left:75px; }
.home-benefits li figure { width: 60px; height: 60px; padding: 10px; }

.home-purposes ul,.home-benefits ul { grid-template-columns:1fr }
.home-purposes li { padding-left:75px; min-height:60px; }
.home-purposes li figure { width: 60px; height: 60px; padding: 10px; }

.home-process img { width: 100%; }

.home-certified>article .rows article { width: 100%; padding-right:0 }
.home-certified>article .rows figure { width: 80%; margin-right:auto; margin-left:auto; margin-top:15px; }

.home-certified>article:last-child { padding-bottom:0 }
.home-certified>article:first-child { padding-top:0 }

.page-about-mission>article .rows { grid-template-columns:1fr }
.page-about-mission>article .rows article:last-child { grid-column:1 }
.page-about-mission>article .rows article:last-child figure { height:inherit; }

.page-services-beam ul,.page-services-monitor ul,.page-clients .tab-content ul { grid-template-columns:1fr }
.page-services-beam figure {  width: 80px; height: 80px; padding:15px; }

.page-contact .rows article:first-child address br { display:none; }
.page-contact .rows h4 { margin-bottom:20px; }
.page-contact .rows, footer .rows,.page-contact-form ul { grid-template-columns:1fr; }
.page-contact .rows article, footer .rows article { margin-bottom:15px; }
.page-contact-form li:last-child { grid-column:1 }
.page-contact-form input, .page-contact-form textarea { padding: 10px 15px; }
.page-contact-form label { font-size:15px; }

footer .rows h2 { margin-bottom:10px; }
footer .rows article time,footer .rows article:first-child address { margin-bottom:15px; }
footer .rows article:first-child address br { display:none; }

footer .logo-footer figure figcaption { font-size:18px; }
body>footer>article:last-child { font-size:15px; }
body>footer>article:last-child ul { margin-left:0; margin-top:0; margin-bottom:30px; }

.btn-link { width: 100%; text-align:center; }
.btn-link a { width: 200px; }

.tab-button { font-size:17px; }
.tabs { gap:5px; }

}