/* ==================================================
   TABLET
================================================== */

@media (max-width: 991px) {

    .hero-grid {

        grid-template-columns: 1fr;

    }

    .stats-grid {

        grid-template-columns: repeat(2, 1fr);

    }
    .about-grid,
    .event-grid{

        grid-template-columns:1fr;

    }

    .facility-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .academics-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .gallery-grid{

        grid-template-columns:repeat(2,1fr);

    }

     .vision-mission-grid,
    .principal-grid,
    .timeline{

        grid-template-columns:1fr;

    }
       .academic-level-grid{

        grid-template-columns:repeat(2,1fr);

    }
     .contact-grid{

        grid-template-columns:1fr;

    }

    .contact-card-grid{

        grid-template-columns:repeat(2,1fr);

    }

     .facility-feature {

        grid-template-columns: 1fr;

    }

    .facility-feature.reverse .facility-feature-image,
    .facility-feature.reverse .facility-feature-content {

        order: initial;

    }

    .gallery-grid {

        grid-template-columns: repeat(2,1fr);

    }


   .academic-pathway {

        grid-template-columns: repeat(2,1fr);

    }

        .cbse-info-grid {

        grid-template-columns: repeat(2,1fr);

    }

    .document-grid {

        grid-template-columns: repeat(2,1fr);

    }
    .news-grid {
        grid-template-columns: 1fr;
    }
    .achievement-grid {
        grid-template-columns: 1fr;
    }
    .admission-steps {
        grid-template-columns: repeat(2,1fr);
    }
    .download-grid {
        grid-template-columns: 1fr;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 768px) {

    .hamburger {

        display: block;

    }

    .navbar {

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: var(--color-white);

        display: none;

        box-shadow: var(--shadow-md);

    }

    .navbar.active {

        display: block;

    }

    .nav-menu {

        flex-direction: column;

        padding: var(--space-lg);

    }

    .hero h1 {

        font-size: var(--fs-2xl);

    }

    .top-bar {

        display: none;

    }
    .dropdown-menu {

        position: static;

        opacity: 1;

        visibility: visible;

        box-shadow: none;

        border-radius: 0;

        min-width: 100%;

        display: none;

    }

    .has-dropdown.active .dropdown-menu {

        display: block;

    }
    .notice-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

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

    .gallery-lightbox {
        padding: var(--space-md);
    }

    .gallery-lightbox-content {
        padding-block: var(--space-xl);
    }

    .gallery-lightbox-image-wrapper {
        padding: var(--space-md);
    }

    .gallery-lightbox-image {
        max-height: 55vh;
    }

    .gallery-lightbox-close {
        top: var(--space-xs);
        right: var(--space-xs);
    }

    .gallery-lightbox-prev {
        left: var(--space-xs);
    }

    .gallery-lightbox-next {
        right: var(--space-xs);
    }

    .ziprt-btn {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }

    .ziprt-prev {
        left: 8px;
    }

    .ziprt-next {
        right: 8px;
    }

    .ziprt-caption {
        padding: 20px;
    }

        .ziprt-caption h2 {
            font-size: 20px;
        }

        .ziprt-caption p {
            font-size: 14px;
        }



}

@media (max-width: 576px) {

    .stats-grid {

        grid-template-columns: 1fr;

    }

    .hero-actions {

        flex-direction: column;

    }
     .facility-grid,
    .academics-grid,
    .gallery-grid{

        grid-template-columns:1fr;

    }

    .section-header{

        flex-direction:column;

        align-items:flex-start;

        gap:var(--space-md);

    }
      .academic-level-grid{

        grid-template-columns:1fr;

    }
      .contact-card-grid{

        grid-template-columns:1fr;

    }

     .gallery-grid {

        grid-template-columns: 1fr;

    }

     .academic-pathway {

        grid-template-columns: 1fr;

    }

        .cbse-info-grid {

        grid-template-columns: 1fr;

    }

    .document-grid {

        grid-template-columns: 1fr;

    }
    .admission-steps {
        grid-template-columns: 1fr;
    }


}