
@media (max-width: 991px) {
    .tour-booking {
        margin-right: 0;
        width: 100%;
        justify-content: space-between;
    }
    .megamenu-panel {
        width: auto;
        position: absolute;
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
        border-radius: 0.5rem;
    }
    .featured-tour-card {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .hotel-main-info .hotel-top{
        width: 100%;
    }
    .tour-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .tour-booking {
        width: 100%;
        margin-top: 15px;
    }
    .hero-section{
        height: 86vh;
    }
    .hero-section::after{
        height: 72px;
    }
    .search-box input, .search-box button {
        padding: 15px 12px;
    }
    .search-box{
        padding: 14px;
    }
    .tour-tabs .nav-pills{
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: start !important;
        padding-bottom: 10px;
    }
    .tour-listing-section .nav-pills{
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: start !important;
        padding-bottom: 10px;
    }
    .tours-list .tour-card-main{
        flex-direction: column;
        gap: 0;
    }
    .tours-list .tour-details{
        justify-content: center;
    }
    .tours-list .tour-card{
        padding: 12px;
    }
    .tours-list .tour-card .date-option{
        flex-wrap: wrap;
    }
    .tours-list .tour-card .date-option .info-group{
        width: 100%;
        justify-content: space-between;
    }
    .tours-list .tour-card .date-option{
        padding: 10px;
    }
    .tours-list .tour-card .btn-reserve-option{
        padding: 0px 10px;
    }
    .tour-page .tour-hero-section{
        padding: 4rem 0;
    }
    .tour-tabs .btn-reserve{
        padding: 10px 14px;
    }
    .package-dates-section .swiper-wrapper{
        padding: 0;
    }
    .date-card{
        padding: 6px;
    }
    .price-card strong{
        font-size: 16px;
    }
    .price-card{
        padding: 6px;
    }
    .hotel-image{
        margin-left: 10px;
    }
}
