/* Responsive CSS for Mobile Navbar */
@media (max-width: 991px) {
    /* Reset navbar padding on mobile */
    #navbar .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Ensure banner has no negative margin on mobile */
    .banner {
        margin-top: 0 !important;
    }
}

/* Adjust navbar padding for medium screens to prevent overlap with logo */
@media (min-width: 992px) and (max-width: 1300px) {
    #navbar .container-fluid {
        padding-left: 210px !important;
    }

    #navbarmain .nav-link {
        font-size: 14px !important;
        padding: 6px 8px !important;
    }
}

@media (min-width: 1301px) and (max-width: 1500px) {
    #navbar .container-fluid {
        padding-left: 200px !important;
    }

    #navbarmain .nav-link {
        font-size: 15px !important;
        padding: 6px 10px !important;
    }
}