/* ── Responsive overrides for Vestibular Physio Clinic ── */

@media (max-width: 1300px) {
    .header_wrapper .menu-navbar-nav {
        width: auto;
    }
}

@media (max-width: 1230px) {
    .header_wrapper .nav-item {
        margin: 0 3px;
    }

    .header_wrapper .learn-more-btn {
        padding: 10px 14px !important;
    }

    .banner_wrapper .banner-title {
        font-size: 48px;
    }
}

@media (max-width: 1070px) {
    .header_wrapper .nav-item .nav-link {
        font-size: 14px;
    }

    .about_wrapper .about_title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .header_wrapper .navbar-brand img {
        width: 120px;
    }

    .header_wrapper .navbar-toggler:focus {
        box-shadow: none;
    }

    .header_wrapper .menu-navbar-nav {
        text-align: center;
    }

    .header_wrapper .nav-item .nav-link {
        margin-top: 8px;
        font-size: 15px;
    }

    .header_wrapper .nav-item:last-child .nav-link {
        margin-bottom: 12px;
    }

    .header_wrapper .learn-more-btn {
        padding: 10px 22px !important;
    }

    .header_wrapper .navbar-collapse {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(12px);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
        padding: 8px 16px 16px;
    }

    .banner_wrapper .banner-title {
        font-size: 34px;
    }

    .about_wrapper .about_number {
        margin: 20px auto;
    }

    .about_wrapper .about_title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .DizzyLogoNew {
        width: 100px !important;
    }

    .banner_wrapper {
        padding: 180px 0 80px;
    }

    .banner_wrapper .row {
        flex-direction: column;
    }

    .banner_wrapper .learn-more-btn-section {
        justify-content: center;
    }

    .free_trial .free_title {
        font-size: 22px;
    }

    .faq_wrapper .accordion-button {
        font-size: 15px;
    }

    .footer_wrapper .footer_logo img {
        max-width: 120px;
    }

    .modal-dialog {
        position: fixed;
        bottom: 100px;
        right: 0;
        z-index: 10040;
        overflow: auto;
        max-width: 300px;
    }
}

@media (max-width: 575px) {
    .modal-dialog {
        position: fixed;
        bottom: 100px;
        right: 0;
        z-index: 10040;
        overflow: auto;
        max-width: 300px;
    }
}