/* ═════════════════════════════════════════════
   RESPONSIVE — C.B.S.M. Header & Page
═════════════════════════════════════════════ */

@media screen and (max-width: 992px) {

    /* Top bar: hide marquee on smaller screens */
    .msc-social-address:nth-child(2) { display: none !important; }

    /* Logo section: tighter */
    .msc-logo-section { padding: 10px 1.5rem; }
    .msc-information-section { padding: 7px 1.5rem; }
    .msc-school-name { font-size: 16px; }
    .msc-header-logo-design img { width: 72px; height: 72px; }

    .msc-icons-design-main { padding-top: 4px; }
    .msc-hdr-btn { font-size: 11px; padding: 5px 10px; }

    /* Nav: hamburger */
    .msc-hamburger-design {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin-left: 30px !important;
    }

    .msc-nav-menu-design {
        display: block;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #fff;
        position: fixed !important;
        left: -100%;
        top: 0;
        margin: 0 !important;
        padding: 7px 0 20px;
        transition: left 0.3s ease;
        z-index: 99999;
        border-right: 3px solid #1b2f72;
        overflow-y: auto;
        box-shadow: 4px 0 20px rgba(27,47,114,0.12);
    }

    .msc-nav-menu-design.show { left: 0;background-color: white !important; }

    .msc-nav-menu-design p {
        text-align: left;
        border-bottom: 1px solid #f0f2fb;
        margin: 0;
        padding: 0 10px;
    }

    .msc-nav-menu-design a {
        display: block;
        padding: 13px 20px !important;
        font-size: 14px !important;
        margin: 0 !important;
        line-height: 1 !important;
        letter-spacing: 0.3px !important;
    }

    .msc-nav-menu-design a::after { display: none !important; }

    /* Inline dropdowns */
    .msc-overlay-dropdown {
        position: static !important;
        box-shadow: none !important;
        border-top: none !important;
        border-left: 3px solid #1b2f72;
        border-radius: 0 !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: none;
        background: #f6f8ff;
        width: auto !important;
        margin-left: 16px;
        transition: none !important;
    }

    .msc-dropdown-main:hover .msc-overlay-dropdown { display: block; }
    .msc-dropdown-main.active .msc-overlay-dropdown { display: block; }

    /* Responsive logo in nav — show on mobile */
    .msc-responsive-view {
        display: flex !important;
        align-items: center;
        flex-direction: row !important;
    }

    .msc-responsive-links { display: block !important; }
}

@media screen and (max-width: 576px) {

    .msc-information-section { display: none; }
    .msc-logo-section { padding: 8px 1rem; }

    .msc-school-name { font-size: 14px; letter-spacing: 0.3px; }
    .msc-text-section-header-main p { font-size: 11px; }
    .msc-header-logo-design img { width: 56px; height: 56px; }

    .msc-header-social-row { gap: 6px; }
    .msc-hdr-social-icon { width: 30px; height: 30px; font-size: 12px; }

    .msc-header-action-row { gap: 5px; }
    .msc-hdr-btn { font-size: 10.5px; padding: 5px 8px; }

    /* General layout */
    .msc-main-img-design { width: 100% !important; height: auto !important; }
    .msc-image-collapse img { padding: 0 10px !important; }
    .msc-tag-text { text-align: center !important; }
    .msc-info-heading { text-align: center !important; padding-bottom: 8px !important; }
    .msc-about-description-info { padding: 0 10px !important; }
    .msc-description-heading { width: 100% !important; }
    .msc-main-btn-read {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .msc-read-more-btn { text-align: center !important; padding: 8px 20px; }
    .msc-text-desk { text-align: center !important; }
    .msc-principal-info { padding: 10px !important; }
    .msc-principal-details { padding-bottom: 10px; }
    .msc-image-design-about-school { margin: 10px !important; }
    .msc-image-design-about-school img { border-radius: 10px; width: 100%; height: auto !important; }
    .msc-location-icon { position: static !important; margin-bottom: 15px !important; }
    .msc-text-about-school h2 { text-align: center !important; }
    .msc-text-about-school h2::after { display: none; }
    .msc-contact-box-design { margin: 15px !important; padding: 25px !important; }
    .msc-map-design-contact { padding: 15px; }
    .msc-map-design-contact iframe { width: 100% !important; margin: 0 !important; border-radius: 8px; }
    .modal-content { margin: 10px !important; }
    .modal-body img { max-height: 60vh !important; }
    .modal-footer { padding: 10px !important; }
    .modal-footer .col-md-4 { padding: 0; }
    .msc-gallery-image-box { padding: 0 10px !important; }
    .msc-overlay-image { display: none !important; }
    .msc-responsive-address { display: block !important; }
}