/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 1100px) {
  .institutes-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .about-strip-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .news-side { grid-template-columns: 1fr; }
  .big-thumb { min-height: 160px; }
  .institutes-detail-grid .idetail-card { flex: 0 1 280px; }
  .depts-full-grid { grid-template-columns: 1fr; }
  .depts-full-grid.three-col { grid-template-columns: 1fr; }
  .depts-full-grid.two-col   { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
  .news-full-grid { grid-template-columns: 1fr; }
  .testimonial-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .institutes-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .counters-aside { grid-template-columns: 1fr 1fr; }
  .section { padding: 2.5rem 0; }
  .hero { min-height: 70vh; height: 70vh; }
  @supports (height: 70dvh) { .hero { height: 70dvh; min-height: 70dvh; } }
  .hero-slide-overlay { white-space: normal; max-width: 95%; bottom: 1.5rem; }
  .hero-slide-name { font-size: clamp(1.3rem,5vw,2rem); }
  .section-header { margin-bottom: 2rem; }
  .section-header h2 { font-size: clamp(1.4rem,5vw,1.8rem); }
  .page-hero { padding: 4.5rem 1rem 1.5rem; }
  .page-hero h1 { font-size: clamp(1.4rem,5vw,1.8rem); }
  .cta-box { padding: 2.5rem 1.5rem; border-radius: var(--radius); }
  .cta-box h2 { font-size: clamp(1.2rem,4vw,1.5rem); }
  .testimonial-card { padding: 1.5rem; }
  .t-quote { font-size: 3rem; }
  .testimonial-card p { font-size: .9rem; }
  .features-grid { grid-template-columns: 1fr; }
  .about-strip { padding: 2.5rem 0; }
  .contact-layout { gap: 1.5rem; }
  .logo-main { font-size: .9rem; }
  .logo-sub { font-size: .65rem; }
  .logo-emblem { width: 44px; height: 44px; }
  .logo-emblem img.logo-img { width: 36px; height: 36px; }
  .footer { padding: 2.5rem 0 1rem; }
  .values-grid { grid-template-columns: 1fr 1fr; }
  .as-values { grid-template-columns: 1fr 1fr; }
  .board-grid { grid-template-columns: 1fr; max-width: 100%; }
  .institutes-detail-grid { gap: 1rem; }
  .idetail-card > p { padding: .5rem .85rem; font-size: .7rem; }
  .idetail-depts { padding: 0 .85rem .65rem; gap: .35rem; }
  .idetail-top { padding: .65rem .85rem; gap: .55rem; }
  .idetail-top h3 { font-size: .78rem; }
  .idetail-card .btn { margin: 0 .85rem .75rem; font-size: .72rem; padding: .4rem .85rem; }
  .btn-card { font-size: .75rem; padding: .45rem .85rem; }
  .news-side .ncard { min-width: 0; max-width: 100%; }
  .form-box { padding: 1.5rem 1.25rem; margin: 1rem; }
  .qa-nav-container .submenu a { font-size: .8rem; padding: .5rem .5rem; }
  .qa-nav-container .submenu { padding: .4rem .75rem .5rem .5rem; }
  .qa-nav-container details summary { font-size: .85rem; padding: .7rem .85rem; }
  .qa-page-title { font-size: 1.2rem; }
}
@media (max-width: 480px) {
  .hero { min-height: 40vh; height: 40vh; }
  @supports (height: 40dvh) { .hero { height: 40dvh; min-height: 40dvh; } }
  .cta-box { padding: 2.5rem 1.25rem; }
  .staff-grid { grid-template-columns: 1fr; }
  .institute-card { padding: 1.25rem; }
  .ic-img-wrap { width: 40px; height: 40px; border-radius: 8px; }
  .idetail-img-wrap { width: 46px; height: 46px; border-radius: 10px; }
  .institute-card h3 { font-size: .9rem; }
  .institute-card p { font-size: .78rem; }
  .ic-depts li { font-size: .76rem; }
  .ic-num { font-size: 2rem; }
  .values-grid { grid-template-columns: 1fr; }
  .as-values { grid-template-columns: 1fr; }
  .institutes-detail-grid { gap: .75rem; }
  .idetail-card > p { padding: .4rem .7rem; font-size: .65rem; }
  .idetail-depts { padding: 0 .7rem .5rem; gap: .25rem; }
  .idetail-top { padding: .5rem .7rem; gap: .45rem; }
  .idetail-top h3 { font-size: .7rem; }
  .idetail-card .btn { margin: 0 .7rem .6rem; font-size: .68rem; padding: .35rem .7rem; }
  .btn-card { font-size: .7rem; padding: .35rem .7rem; }
  .idept { gap: .35rem; font-size: .7rem; }
}