/* responsive.css */
@media(max-width:1200px){.hero-title,.hero-section h1{font-size:clamp(34px,4vw,54px)}}
@media(max-width:1024px){
.about-capabilities{grid-template-columns:repeat(2,1fr)}
.footer-main{grid-template-columns:repeat(2,1fr)}
.contact-home-inner{flex-direction:column;gap:30px}
.news-grid-page{grid-template-columns:repeat(2,1fr)}
.solution-row{flex-direction:column!important;gap:20px}
.solution-row .sol-img{flex:1}
.svc-detail-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
:root{--header-h:64px}
.hero-title,.hero-section h1{white-space:normal;font-size:34px}
.home-page{overflow:auto}
.home-page .fullpage-wrap{position:relative;height:auto;overflow:visible}
.fp-section{height:auto;min-height:auto;padding:60px 0}
.hero-section{min-height:100vh;padding:0}
.fp-nav{display:none}
.site-header{background:rgba(7,20,38,.92)!important}
.transparent .logo-text,.transparent .nav-item a,.transparent .header-extra .phone{color:#fff!important}
.transparent .mobile-menu-btn span{background:#fff}
.header-nav{position:fixed;top:0;right:-100%;width:270px;height:100%;background:#fff;z-index:10000;transition:right .4s;box-shadow:-3px 0 12px rgba(0,0,0,.08);padding-top:64px}
.header-nav.active{right:0}
.nav-list{flex-direction:column}
.nav-item a{color:var(--c-text)!important;line-height:46px;padding:0 24px;border-bottom:1px solid #f0f0f0;font-size:15px}
.nav-item a::after{display:none}
.mobile-menu-btn{display:flex}
.header-extra .lang-btn{display:none}
.about-home-layout,.service-showcase{grid-template-columns:1fr;gap:24px}
.about-home-image,.service-showcase-image{height:280px}
.about-intro{flex-direction:column;gap:24px}
.about-capabilities{grid-template-columns:1fr}
.footer-main{grid-template-columns:1fr}
.page-banner{height:240px}
.news-grid-page{grid-template-columns:1fr}
.news-home-grid{grid-template-columns:1fr}
.solution-accordion{flex-direction:column;height:auto}
.solution-item{height:200px}
.solution-item:hover{flex:1;height:280px}
.solution-content p,.solution-content em{opacity:1;transform:none}
.service-steps{flex-direction:column}
}
@media(max-width:480px){
.about-capabilities{grid-template-columns:1fr}
.hero-btns{flex-direction:column}
.hero-btns .btn{width:100%}
}