@media (max-width: 1100px){
  .main-nav > ul{gap:14px}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .photo-strip{grid-template-columns:repeat(4,1fr)}
}

@media (max-width: 992px){
  .nav-toggle{display:flex}

  .main-nav{
    position:fixed;top:0;right:-100%;width:310px;max-width:85vw;height:100vh;
    background:var(--white);flex-direction:column;align-items:flex-start;
   padding:50px 28px 24px;box-shadow:-16px 0 40px rgba(8,26,56,0.25);
    transition:right .4s cubic-bezier(.2,.8,.2,1);overflow-y:auto;gap:8px;z-index:999;
    border-left:3px solid var(--gold);
  }


  .nav-overlay{
    position:fixed;inset:0;background:rgba(8,26,56,0.55);
    opacity:0;visibility:hidden;transition:opacity .35s ease;z-index:98;
  }
  .nav-overlay.open{opacity:1;visibility:visible}

  .nav-close{
    position:absolute;top:14px;right:16px;width:34px;height:34px;
    border-radius:50%;background:var(--offwhite);border:none;
    font-size:22px;line-height:1;color:var(--navy);cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:.2s;
  }
  .nav-close:hover{background:var(--saffron);color:#fff}

  .main-nav > ul > li > a{
    width:100%;padding:12px 0;border-bottom:1px solid var(--border-soft);
    font-size:15.5px;
  }

  .main-nav > ul > li:last-child > a{border-bottom:none}

  .btn-nav-cta{
    width:100%;justify-content:center;margin-top:20px;padding:14px;font-size:14.5px;
  }
  .main-nav.open{right:0}
  .main-nav > ul{flex-direction:column;align-items:flex-start;width:100%;gap:6px}
  .main-nav > ul > li{width:100%}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;padding-left:12px}
  .has-dropdown.open .dropdown{display:block}

  .btn-nav-cta{margin-top:14px}
  .brand-logo-img{height:48px}

  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .split-section{grid-template-columns:1fr;gap:36px}

.about-grid{grid-template-columns:1fr;gap:36px}
  .about-collage{order:-1;height:320px;margin-bottom:10px}
  .about-img-main{width:75%;height:85%}
  .about-img-accent{width:58%;height:52%}
  .about-frame-accent{width:75%;height:82%}
  .about-badge-card{top:10px;right:-6px;padding:14px 16px;min-width:96px}
  .about-badge-num{font-size:24px}

  .chairman-grid{grid-template-columns:1fr;gap:36px}
  .chairman-photo-wrap{transform:translateY(0);margin-bottom:20px}
  .chairman-text{padding:28px 24px}
  .home-info-grid{grid-template-columns:1fr}
}

@media (max-width: 768px){
  .topbar-inner{flex-direction:column;gap:6px;text-align:center}
  .hero-title{font-size:36px}
  .hero-subtitle{font-size:14px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .cards-grid{grid-template-columns:1fr}
  .photo-strip{grid-template-columns:repeat(3,1fr)}
  .cta-band-inner{flex-direction:column;text-align:center}
  .footer-grid{grid-template-columns:1fr}
  .section{padding:56px 0}
  .section-heading h2{font-size:27px}
  .topbar-left, .topbar-right{flex-wrap:wrap;justify-content:center;gap:6px}
  .cbse-tag{display:none}
  .gallery-section{background-attachment:scroll}
}



/* ===== Why MPIS — responsive ===== */
@media (max-width: 992px){
  .why-mpis{padding:70px 0}
  .why-heading{margin-bottom:40px}
  .why-heading h2{font-size:29px}

  /* Stack in source order: heading -> left pills -> circle -> right pills */
  .why-grid{display:flex;flex-direction:column;align-items:center;gap:32px}

  .why-col-left,.why-col-right{
    align-items:center;padding:0;width:100%;gap:14px;
  }
  .why-col-left::before,.why-col-right::before,
  .why-col-left .why-pill::after,.why-col-right .why-pill::after,
  .why-connector{display:none}

  .why-pill{max-width:90%;white-space:normal;padding:13px 22px}
  .why-circle{width:170px;height:170px}
}

@media (max-width: 576px){
  .why-mpis{padding:56px 0}
  .why-heading h2{font-size:24px}
  .why-heading p{font-size:14px}
  .why-pill{font-size:13.5px;padding:12px 20px}
  .why-circle{width:140px;height:140px;padding:18px;border-width:3px}
}



@media (max-width: 768px) {
  .mpis-pillars-section { padding: 56px 0 64px; }
  .mpis-pillars-acc { flex-direction: column; height: auto; gap: 8px; padding: 0 16px; }
  .mpis-pillar-panel { flex: 0 0 58px !important; border-radius: 10px; transition: flex 0.55s ease; }
  .mpis-pillar-panel.open { flex: 0 0 420px !important; }
  .mpis-pillar-strip { flex-direction: row; padding: 0 18px; align-items: center; gap: 12px; }
  .mpis-pillar-strip-label { writing-mode: horizontal-tb; font-size: 15px; white-space: normal; flex: 1; margin: 0; }
  .mpis-pillar-overlay { padding: 22px 22px 26px; }
  .mpis-pillar-overlay h3 { font-size: 22px; }
  .mpis-pillar-overlay p { font-size: 12.5px; margin-bottom: 16px; }
  .mpis-pillar-tags { margin-bottom: 16px; }
}
@media (min-width: 769px) and (max-width: 1080px) {
  .mpis-pillars-acc { height: 460px; padding: 0 16px; }
  .mpis-pillar-panel { flex: 0 0 56px; }
  .mpis-pillar-overlay { padding: 24px 26px 28px; }
}


@media (max-width: 1100px){
  .gallery-grid{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 640px){
  .gallery-grid{grid-template-columns:repeat(2, 1fr);gap:12px}
}


@media (max-width: 992px){
  .admission-cta-grid{grid-template-columns:1fr;gap:36px}
  .admission-cta-photo{height:320px}
  .admission-cta-form-card{padding:32px 26px}
}
@media (max-width: 768px){
  .admission-cta-section{padding:64px 0;background-attachment:scroll}
  .admission-cta-photo{height:260px}
  .admission-cta-badge{font-size:14px;padding:11px 16px}
}