@media (max-width:1200px){.container{max-width:960px;}
.hero-content h1{font-size:2.8rem;}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:992px){.container{max-width:720px;}
.hero-content h1{font-size:2.4rem;}
.hero-stats{gap:24px;}
.hero-stat .stat-number{font-size:2rem;}
.section-padding{padding:60px 0;}
.section-title h2{font-size:1.8rem;}
h1{font-size:2.2rem;}
h2{font-size:1.8rem;}
.header-inner{padding:0 16px;height:80px;}
.header-logo img{height:60px;}
.header-nav{display:none;position:fixed;top:80px;left:0;right:0;background:var(--bg-body);box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:16px 20px 20px;flex-direction:column;align-items:stretch;z-index:999;border-top:1px solid var(--border-color);}
.header-nav.open{display:flex;}
.header-nav ul{flex-direction:column;gap:0;}
.header-nav ul li a{padding:13px 8px;font-size:15px;border-bottom:1px solid var(--border-color);}
.header-nav ul li a::after{display:none;}
.header-nav ul li a.active{color:var(--text-primary);font-weight:700;border-left:3px solid #F8DE2B;padding-left:12px;}
.header-phone-btn span{display:none;}
.header-phone-btn{padding:10px 14px;}
.mobile-toggle{display:flex;}
.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mobile-toggle.active span:nth-child(2){opacity:0;}
.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.why-layout{flex-wrap:wrap;gap:30px;}
.why-heading-col{width:100%;padding-right:0;}
.why-col{flex:1;min-width:160px;padding:0 24px;}
.footer-grid{grid-template-columns:1fr 1fr;gap:32px;padding:48px 0 40px;}
.footer-col-brand{grid-column:1 / -1;}
.about-features{grid-template-columns:1fr;gap:16px;}
.contact-info-grid{grid-template-columns:1fr;}
.who-content{flex-direction:column;gap:30px;}
.fp-layout{flex-direction:column;gap:32px;}
.fp-text-col{width:100%;padding-right:0;padding-left:24px;border-left:2px solid var(--border-color);}
.fp-section{padding:60px 0;}
}
@media (max-width:768px){.container{max-width:540px;}
.hero-section{margin-top:80px;height:calc(100vh - 80px);}
.hero-center-content h1{font-size:2rem;}
.hero-tagline-wrap{font-size:11px;top:20px;}
.hero-stats-card{flex-wrap:wrap;gap:0;padding:16px 18px;border-radius:14px;bottom:20px;width:calc(100% - 32px);justify-content:space-between;}
.hsc-item{padding:0 14px;}
.hsc-num{font-size:1.9rem;}
.hsc-lbl{font-size:11px;}
.hsc-divider{height:36px;}
.hsc-cta{width:42px;height:42px;font-size:14px;margin-left:14px;}
.hero-section .owl-dots{right:14px !important;gap:10px !important;}
.hero-section .owl-dot{width:14px !important;height:14px !important;}
.hero-section .owl-dot span{width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;}
.hero-section .owl-dot.active span{width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;}
.why-section{padding:50px 0;}
.who-section{padding:50px 0;}
.ns-section{padding:50px 0;}
.why-layout{flex-direction:column;gap:32px;}
.why-heading-col{width:100%;padding-right:0;padding-bottom:8px;border-bottom:1px solid var(--border-color);}
.why-main-title{font-size:2rem;}
.why-col{padding:0 0 0 28px;border-left:3px solid rgba(248,222,43,0.5);}
.fp-section{padding:50px 0;}
.fp-text-col{padding-left:20px;}
.fp-text-col h2{font-size:1.5rem;}
.fp-slide-img{height:240px;}
.fp-slide-label{padding:12px 14px;font-size:10px;}
.ns-slide{flex-direction:column;}
.ns-img-col{width:100%;min-width:100%;height:220px;}
.ns-content-col{padding:28px 24px 24px;}
.ns-excerpt{font-size:0.95rem;}
.section-padding{padding:50px 0;}
.section-title{margin-bottom:30px;}
.section-title h2{font-size:1.6rem;}
h1{font-size:1.8rem;}
.page-header{padding:100px 0 40px;}
.page-header h1{font-size:1.8rem;}
.footer-grid{grid-template-columns:1fr;gap:32px;padding:40px 0 36px;}
.footer-brand-desc{max-width:100%;}
.newsletter-form{flex-direction:column;align-items:stretch;}
.newsletter-form input,.newsletter-form button{width:100%;}
.footer-bottom-inner{flex-direction:column;text-align:center;gap:10px;}
.footer-bottom-links{justify-content:center;flex-wrap:wrap;gap:16px;}
.team-card-image{width:150px;height:150px;}
.why-section{padding:60px 0;}
.why-card{padding:30px 20px;}
.newsletter-form{flex-direction:column;}
.counter-section{padding:40px 0;}
.counter-item .counter-number{font-size:2rem;}
.project-card-image{height:200px;}
.room-info-card{padding:20px;}
.room-info-card .room-number{font-size:1.5rem;}
.floor-selector{padding:20px;}
.floor-btn{width:42px;height:42px;}
}
@media (max-width:576px){body{font-size:14px;}
.header-inner{padding:10px 15px;}
.header-logo img{height:36px;}
.hero-section{margin-top:56px;}
.hero-slide{min-height:70vh;}
.hero-content{padding:30px 0;}
.hero-content h1{font-size:1.6rem;}
.hero-content .hero-subtitle{font-size:0.9rem;margin-bottom:24px;}
.hero-stats{gap:12px;}
.hero-stat .stat-number{font-size:1.5rem;}
.hero-stat .stat-label{font-size:11px;}
.section-padding{padding:40px 0;}
h1{font-size:1.5rem;}
h2{font-size:1.3rem;}
h3{font-size:1.15rem;}
.section-title h2{font-size:1.4rem;}
.page-header{padding:80px 0 30px;}
.page-header h1{font-size:1.4rem;}
.project-filter{gap:6px;}
.project-filter .filter-btn{padding:8px 16px;font-size:12px;}
.project-card-image{height:180px;}
.project-card-body{padding:16px;}
.project-card-body h4{font-size:1rem;}
.btn-view-details{padding:8px 18px;font-size:12px;}
.contact-form-wrap{padding:24px;}
.contact-form-wrap h3{font-size:1.2rem;}
.contact-info-item{padding:16px;}
.contact-info-item .info-icon{width:40px;height:40px;font-size:16px;}
.why-card .why-number{font-size:2rem;}
.team-card-image{width:120px;height:120px;}
.team-card h4{font-size:0.95rem;}
.why-section{padding:36px 0;}
.who-section{padding:36px 0;}
.ns-section{padding:36px 0;}
.fp-section{padding:36px 0;}
.fp-text-col{padding-left:16px;}
.fp-text-col h2{font-size:1.3rem;margin-bottom:12px;}
.fp-text-col p{font-size:12.5px;margin-bottom:20px;}
.fp-slide-img{height:200px;}
.fp-nav-bar{margin-top:14px;}
.fp-dot{width:8px;height:8px;}
.fp-arrow-btn{width:32px;height:32px;font-size:11px;}
.featured-card-image{height:200px;}
.featured-card-body{padding:16px;}
.footer-logo-link img{height:100px;}
.footer-social{gap:8px;}
.footer-social a{width:36px;height:36px;font-size:14px;}
.map-section iframe,.map-section #map{height:300px;}
.room-info-row span{font-size:14px;}
.room-info-row img{width:30px;height:30px;}
.counter-item .counter-number{font-size:1.6rem;}
.counter-item .counter-label{font-size:12px;}
.topcontrol{width:38px;height:38px;line-height:38px;font-size:16px;bottom:86px;right:15px;}
}
@media (max-width:992px){.proj-hero{height:300px;margin-top:80px;background-attachment:scroll;}
.proj-hero-content h1{font-size:2.2rem;}
.proj-hero-sub{font-size:14px;}
.proj-section{padding:44px 0 72px;}
.proj-filter-wrap{margin-bottom:32px;}
}
@media (max-width:768px){.proj-hero{height:280px;}
.proj-hero-content h1{font-size:1.8rem;}
.proj-hero-badge{font-size:12px;padding:6px 16px;}
.proj-hero-scroll{width:36px;height:36px;font-size:12px;bottom:16px;}
.proj-card-img-wrap{height:200px;}
.proj-card-body{padding:16px 18px 14px;}
.proj-card-name{font-size:15px;}
.proj-card-footer{flex-direction:column;align-items:flex-start;gap:10px;}
.proj-filter{gap:8px;}
.proj-filter-btn{padding:8px 18px;font-size:13px;}
.proj-section{padding:36px 0 60px;}
}
@media (max-width:576px){.proj-hero{height:260px;}
.proj-hero-content h1{font-size:1.5rem;line-height:1.3;}
.proj-hero-content h1 br{display:none;}
.proj-hero-sub{font-size:13px;}
.proj-hero-badge{font-size:11px;padding:5px 14px;margin-bottom:14px;}
.proj-hero-scroll{display:none;}
.proj-filter{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.proj-filter::-webkit-scrollbar{display:none;}
.proj-filter-btn{padding:7px 16px;font-size:12px;flex-shrink:0;}
.proj-filter-count{min-width:18px;height:18px;font-size:10px;}
.proj-card-img-wrap{height:180px;}
.proj-card-body{padding:14px 16px 12px;}
.proj-card-name{font-size:14px;}
.proj-card-text{font-size:12px;}
.proj-view-btn{padding:7px 16px;font-size:11px;}
.proj-section{padding:28px 0 50px;}
.proj-filter-wrap{margin-bottom:24px;}
.proj-empty{padding:50px 16px;}
.proj-empty i{font-size:36px;}
}
@media (max-width:992px){.ab-hero{height:420px;margin-top:80px;}
.ab-feat-row{gap:10px;padding:0 16px 20px;}
.ab-feat-card{padding:16px 12px 18px;}
.ab-feat-icon{width:42px;height:42px;font-size:17px;margin-bottom:10px;}
.ab-feat-card p{font-size:12.5px;}
.ab-team-card{flex:0 0 calc(33.333% - 14px);}
.ab-separator{padding-top:40px;}
.ab-text-body{padding:0 16px;}
}
@media (max-width:768px){.ab-hero{height:380px;}
.ab-hero-title h1{font-size:2.2rem;}
.ab-feat-row{gap:8px;padding:0 12px 16px;}
.ab-feat-card{border-radius:12px;}
.ab-text-section{padding:40px 0 44px;}
.ab-separator{padding-top:36px;}
.ab-team-section{padding:56px 0 66px;}
.ab-team-header h2{font-size:1.6rem;}
.ab-team-header p{font-size:13px;padding:0 16px;}
.ab-team-card{flex:0 0 calc(50% - 10px);}
}
@media (max-width:576px){.ab-hero{height:320px;}
.ab-hero-title h1{font-size:1.7rem;}
.ab-feat-row{flex-direction:column;gap:8px;padding:0 12px 16px;}
.ab-feat-card{padding:14px 14px 16px;flex-direction:row;display:flex;align-items:center;text-align:left;gap:12px;}
.ab-feat-accent{display:none;}
.ab-feat-icon{margin:0;flex-shrink:0;width:40px;height:40px;font-size:16px;}
.ab-feat-card p{font-size:12.5px;line-height:1.4;}
.ab-separator{padding-top:28px;}
.ab-text-section{padding:32px 0 36px;}
.ab-text-body{font-size:14px;line-height:1.85;}
.ab-team-section{padding:44px 0 56px;}
.ab-team-header{margin-bottom:32px;}
.ab-team-header h2{font-size:1.4rem;}
.ab-team-card{flex:0 0 calc(50% - 10px);min-width:140px;}
.ab-team-wrap{gap:8px;}
.ab-team-arrow{width:36px;height:36px;font-size:12px;}
.ab-team-name{font-size:13px;}
.ab-team-pos{font-size:12px;}
.ab-team-li{width:24px;height:24px;font-size:11px;border-radius:5px;}
}
@media (max-width:400px){.hero-content h1{font-size:1.3rem;}
.hero-stats{flex-direction:column;align-items:flex-start;}
.hero-stat{text-align:left;}
.header-phone{display:none !important;}
}
@media (max-width:992px){.ct-info-grid{grid-template-columns:repeat(2,1fr);}
.ct-main-grid{grid-template-columns:1fr;}
.ct-map-card{min-height:350px;}
.ct-form-card{padding:30px;}
}
@media (max-width:576px){.ct-hero{height:260px;}
.ct-hero h1{font-size:1.8rem;}
.ct-hero-sub{font-size:13px;}
.ct-hero-badge{font-size:11px;padding:5px 14px;}
.ct-info-grid{grid-template-columns:1fr 1fr;gap:12px;}
.ct-info-card{padding:20px 16px;}
.ct-info-icon{width:40px;height:40px;font-size:15px;}
.ct-form-card{padding:24px 20px;}
.ct-form-card h2{font-size:1.2rem;}
.ct-submit-btn{width:100%;justify-content:center;}
.ct-map-card{min-height:280px;}
}
@media (max-width:1200px){.proj-detail-inner{grid-template-columns:1fr 380px;gap:20px;}
}
@media (max-width:992px){.proj-detail-inner{grid-template-columns:1fr 340px;gap:16px;padding:0 20px;}
.proj-chart-canvas-wrap{width:90px;height:90px;}
.proj-chart-canvas-wrap canvas{width:90px !important;height:90px !important;}
.proj-stat-num{font-size:1.3rem;}
}
@media (max-width:768px){.proj-detail-section{padding:32px 0 20px;}
.proj-detail-inner{grid-template-columns:1fr;align-items:start;padding:0 16px;}
.proj-floor-card{min-height:350px;}
.proj-slide-item{min-height:240px;height:240px;}
.proj-info-col{gap:12px;}
.proj-text-section{padding:0 0 36px;}
.proj-text-inner{margin:0 16px;padding:24px 20px;}
.proj-hero{height:200px;}
.proj-hero-content h1{font-size:1.8rem;}
}
@media (max-width:576px){.proj-detail-section{padding:24px 0 16px;}
.proj-detail-inner{padding:0 12px;gap:12px;}
.proj-text-section{padding:0 0 32px;}
.proj-text-inner{margin:0 12px;padding:20px 16px;border-radius:12px;}
.proj-text-title{font-size:1rem;}
.proj-text-body{font-size:12.5px;line-height:1.7;}
.proj-chart-card{padding:18px 16px;border-radius:12px;}
.proj-chart-row{gap:16px;}
.proj-chart-canvas-wrap{width:80px;height:80px;}
.proj-chart-canvas-wrap canvas{width:80px !important;height:80px !important;}
.proj-slide-item{min-height:200px;height:200px;}
.proj-floor-card,.proj-slider-card{border-radius:12px;}
.proj-hero{height:180px;}
.proj-hero-content h1{font-size:1.5rem;}
.proj-map{height:300px;}
.proj-lb-prev{left:8px;}
.proj-lb-next{right:8px;}
.proj-lb-prev,.proj-lb-next{width:38px;height:38px;}
}
@media (max-width:420px){.proj-chart-row{flex-direction:column;align-items:center;gap:14px;}
.proj-chart-stats{flex-direction:row;justify-content:center;gap:24px;}
.proj-slide-item{min-height:170px;height:170px;}
}