/*===== Start min 1200 =====*/
@media screen and (min-width:1200px) {
    .header-main .dropdown {
        position: static;
    }
    .header-main .mega-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 0;
        padding: 1em 0;
        border-radius: 0;
        box-shadow: var(--bs-box-shadow);
        transition: opacity 0.3s, visibility 0.3s;
    }
    .header-main .dropdown:hover .mega-menu,
    .header-main .dropdown:focus-within .mega-menu {
        visibility: visible;
        opacity: 1;
    }
    .header-main .mega-menu .row {
        --bs-gutter-x: 1em;
    }
}
/*===== End min 1200 =====*/

/*===== Start max 1199 =====*/
@media screen and (max-width:1199px) {
    .header-main .offcanvas {
        --bs-offcanvas-width: 22rem;
    }
    .header-main .offcanvas-header {
        padding: 1rem 1.5rem;
        border-bottom: 1px solid var(--bs-border-color);
    }
    .header-main .offcanvas-body {
        padding: 1.5rem;
    }
    .header-main .navbar-nav {
        gap: 0.25rem;
    }
    .header-main .nav-link {
        font-size: 0.95rem;
    }
    .header-main .dropdown-toggle::after {
        display: none;
    }
    .header-main .mega-menu {
        display: block;
        position: static;
        margin: 0 0 0.5rem;
        padding: 0 0 0 1rem;
        border-left: 2px solid var(--bs-border-color);
        border-radius: 0;
        background: none;
    }
    .header-main .mega-menu .container {
        padding: 0;
    }
    .header-main .mega-menu .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0.5rem;
    }
    .header-main .mega-title,
    .header-main .mega-tour {
        padding-inline: 0;
    }
    .header-main .mega-tour img {
        display: none;
    }
    .header-main .mega-all {
        padding-inline: 0;
    }
    .header-main .mega-all-tours {
        margin-top: 0.75rem;
        padding-top: 0.75rem;
    }
}
/*===== End max 1199 =====*/

/*===== Start max 991 =====*/
@media screen and (max-width:991px) {
    .home-banner .banner-content,
    .section-head,
    .inner-banner .banner-text {
        width: auto;
        max-width: none;
    }
    .home-categories .featured-img img {
        min-height: 0;
        aspect-ratio: 3 / 2;
    }
    .tour-detail .booking-box,
    .guide-section .guide-toc {
        position: static;
    }
}
/*===== End max 991 =====*/

/*===== Start max 767 =====*/
@media screen and (max-width:767px) {
    .header-main {
        top: 0;
    }
}
/*===== End max 767 =====*/