@media (max-width: 900px) {
      .member-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
      .person-grid { grid-template-columns: repeat(2, 1fr); }
    }
    
    
    
    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .mq-nav-inner { display: none; }
      .mq-hamburger { display: flex; }
      .mq-navbar { display: flex; align-items: center; border-bottom: none; }
      .mq-navbar::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 3px;
        background: #c0392b;
      }

      .sl-slide img { height: 300px; }
      .sl-caption h2 { font-size: 22px; }
      .sl-caption p  { font-size: 13px; display: none; }
      .sl-caption { max-width: 82%; left: 5%; }
      .sl-btn { width: 40px; height: 40px; }
      .sl-btn svg { width: 18px; height: 18px; }

      .principal-grid { grid-template-columns: 1fr; gap: 32px; }
      .principal-grid.reverse { direction: ltr; }
      .principal-photo-frame img { height: 260px; }

      .history-layout { grid-template-columns: 1fr; }
      .history-sidebar { position: static; }
      .history-stats-mini { flex-direction: row; flex-wrap: wrap; }
      .h-stat { flex: 1; min-width: 120px; }

      .notice-grid { grid-template-columns: 1fr; }

    }
 

  



 







 
    @media (max-width: 640px) {
      .stats-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .stat-item:nth-child(2)::after { display: none; }
      .stat-item:nth-child(1),
      .stat-item:nth-child(2) {
        border-bottom: 1px solid rgba(255,255,255,0.14);
      }
      .stat-num { font-size: 30px; }
      .stat-icon { font-size: 28px; }
      .stat-item { padding: 24px 14px; }
    }



    @media (max-width: 560px) {
      .mq-body { flex-direction: column; gap: 14px; padding: 18px 16px; }
      .mq-text { text-align: center; }
      .mq-divider-h { background: linear-gradient(to right, transparent, #2d7a44, transparent); }
      .mq-meta { justify-content: center; }
      .mq-title-bn { font-size: 20px; }
      .mq-title-en { font-size: 10px; }
      .mq-logo-wrap { width: 80px; height: 80px; }
    }



    @media (max-width: 500px) {
      .member-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
      .member-photo { width: 80px; height: 80px; }
      .member-name { font-size: 14px; }
      .member-info { padding: 14px 12px 18px; }
      .member-photo-wrap { padding: 20px 14px 0; }
      .member-section { padding: 40px 14px; }
      .member-heading h2 { font-size: 22px; }
    }



     @media (max-width: 480px) {
      .sl-slide img { height: 220px; }
      .sl-caption h2 { font-size: 17px; }
      .sl-caption-tag { font-size: 9.5px; padding: 4px 12px 4px 8px; margin-bottom: 10px; }
      .sl-caption a { font-size: 12px; padding: 9px 18px; }
      .sl-btn { display: none; }

      .person-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
      .person-photo { width: 70px; height: 70px; }

    }

    @media (max-width: 380px) {
      .stats-grid { grid-template-columns: 1fr 1fr; }
      .stat-num { font-size: 26px; }
    }