/* ==========================================================================
   Butran College — Responsive
   Breakpoints: 1600 / 1440 / 1366 / 1280 / 1024 / 992 / 768 / 576 / 480 / 375
   ========================================================================== */

/* ---------- 1600 ---------- */
@media (max-width:1600px){
    :root{--container:1200px;}
    .hero-title{font-size:60px;}
}

/* ---------- 1440 ---------- */
@media (max-width:1440px){
    :root{--container:1140px;}
    .section-title{font-size:40px;}
    .hero-title{font-size:56px;}
    .section-pad{padding:100px 0;}
}

/* ---------- 1366 ---------- */
@media (max-width:1366px){
    :root{--container:1090px;}
    .nav-menu > li > a{padding:34px 12px;font-size:15px;}
    .stat-card{padding:48px 30px;}
    .hero-nav{right:30px;}
}

/* ---------- 1280 ---------- */
@media (max-width:1280px){
    :root{--container:1040px;}
    .hero-title{font-size:50px;}
    .about-grid{gap:48px;}
    .hero-pill{padding:22px 26px;font-size:16px;gap:12px;}
    .hero-nav,.hero-pagination{bottom:50px;}
}

/* ---------- 1200 ---------- */
@media (max-width:1200px){
    .programs-grid,.news-grid{grid-template-columns:repeat(2,1fr);}
    .testi-grid{grid-template-columns:repeat(2,1fr);}
    .header-apply{display:none;}
    .nav-menu > li > a{padding:32px 10px;}
    /* Hide the decorative welcome text so all topbar links stay visible */
    .topbar-welcome{display:none;}
}

/* ---------- 1024 ---------- */
@media (max-width:1024px){
    :root{--container:960px;}
    .main-nav,.header-search-btn{display:none;}
    .menu-toggle{display:flex;}
    .header-actions{margin-left:auto;}
    .header-apply{display:inline-flex;}
    .header-main-inner{height:80px;gap:16px;}
    .hero-swiper{height:80vh;min-height:560px;}
    .hero-title{font-size:46px;}
    .about-grid{grid-template-columns:1fr;gap:60px;}
    .about-media{max-width:560px;}
    .stats-grid{grid-template-columns:1fr;}
    .stat-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);}
    .stat-card:last-child{border-bottom:0;}
    .teachers-grid,.faculties-grid{grid-template-columns:repeat(2,1fr);}
    .hero-nav{top:auto;bottom:50px;}
    .hero-pagination{bottom:50px;}
}

/* ---------- 992 ---------- */
@media (max-width:992px){
    .section-title{font-size:34px;}
    .section-pad{padding:80px 0;}
    .event-item{grid-template-columns:240px 1fr;}
    .cta-inner .section-title{font-size:40px;}
    .marquee-track span{font-size:22px;}
    .campus-img{width:300px;}
    .campus-img img{height:220px;}
    .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
}

/* ---------- 768 ---------- */
@media (max-width:768px){
    :root{--container:720px;}
    .topbar-links{display:none;}
    .topbar-inner{justify-content:center;}
    .hero-swiper{height:auto;min-height:0;}
    .hero-slide{min-height:520px;display:flex;}
    .hero-content{padding:120px 0 110px;}
    .hero-title{font-size:38px;}
    .hero-subtitle{font-size:15px;}
    .hero-text,.hero-content p{font-size:17px;}
    .hero-pills-inner{grid-template-columns:1fr;}
    .hero-pill{border-right:0;border-bottom:1px solid var(--color-border-light);}
    .hero-pill:last-child{border-bottom:0;}
    .hero-nav{display:none;}
    .hero-pagination{bottom:40px;}
    .programs-grid,.news-grid,.teachers-grid,.faculties-grid{grid-template-columns:1fr;}
    .section-head{flex-direction:column;align-items:flex-start;gap:20px;}
    .event-item{grid-template-columns:1fr;}
    .event-thumb{min-height:220px;}
    .event-body{padding:0 24px 26px;}
    .about-features{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:repeat(3,1fr);}
    .footer-bottom{flex-direction:column;text-align:center;}
}

/* ---------- 576 ---------- */
@media (max-width:576px){
    :root{--container:100%;--gutter:16px;}
    .section-title{font-size:28px;}
    .hero-title{font-size:32px;}
    .cta-inner .section-title{font-size:32px;}
    .cta-inner{padding:60px 0;}
    .campus-title{font-size:32px;}
    .about-thumb-1 img{height:400px;}
    .tab-nav{width:100%;justify-content:space-between;}
    .tab-btn{padding:10px 18px;font-size:14px;}
    .footer-top{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .btn{padding:14px 24px;font-size:14px;}
    .header-apply span{display:none;}
}

/* ---------- 480 ---------- */
@media (max-width:480px){
    .hero-title{font-size:28px;}
    .hero-content{padding:100px 0 150px;}
    .section-title{font-size:25px;}
    .about-thumb-2{position:relative;right:auto;bottom:auto;width:70%;margin:-40px auto 0;}
    .about-media{padding-bottom:0;}
    .marquee-track span{font-size:18px;}
    .stat-body h3{font-size:36px;}
    .testi-grid{grid-template-columns:1fr;}
    .testi-card{padding:28px 22px;}
    .mobile-menu{width:100%;max-width:100%;}
}

/* ---------- 375 ---------- */
@media (max-width:375px){
    .hero-title{font-size:25px;}
    .brand-logo img{height:36px;}
    .header-apply{padding:11px 16px;}
    .gallery-grid{grid-template-columns:1fr 1fr;}
    .campus-img{width:250px;}
}
