@media(max-width: 1599px) {
    .header .desktopNav__item {
        padding: 5px 14px;
    }
}
@media(max-width: 1399px) {
    .hero.-type-9 .hero__slide {
        min-height: unset;
    }

    .hero.-type-9 .hero__content {
        padding: 100px 0 70px;
    }
    .header.-mx-60 .header__container{
        margin: 0 30px;
    }
    .header .desktopNav__item > a {
        font-size: 14px;
    }

    .header__center {
        position: relative;
        margin-left: auto;
        left: unset;
        transform: unset;
        margin-right: 10px;
    }
    .header__right .button {
        font-size: 14px;
        padding: 8px 10px;
        height: auto;
    }

    .hero.-type-9 .hero__nav {
        padding: 0 10px;
    }
    .hero.-type-9 .hero__title {
        font-size: 48px;
    }
    .follow-section {
        padding-top: 50px;
        padding-bottom: 40px;
    }
/*    .section-title h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .about-us-content h2 {
        font-size: 38px;
        line-height: 48px;
    }*/
    h3.roomCard__title {
        font-size: 22px !important;
        line-height: 28px;
    }



}
@media(max-width: 1199px) {


    .hero.-type-9.inner-page-banner .hero__slide {
        min-height: 35vh;
        padding-bottom: 60px;
        height: 474px !important;
    }

    .hero.-type-9.inner-page-banner .hero__bg img {
        width: 100%;
        height: 35vh;
        /* object-position: right; */
        min-height: 474px !important;
    }

    .hero.-type-9.inner-page-banner .hero__slide {
        height: 474px !important;
        min-height: 35vh;
    }

    .inner-page-first-section {
        padding-top: 40px;
    }

    .section-title h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .about-us-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .exp-sec {
        padding-top: 40px;
        padding-bottom: 40px;
        /*    .hero.-type-9 .hero__content {
        padding: 70px 0 70px;
    }*/
    }
    .footer-address {
        margin: auto;
    }
    .activities-first-section .activity-card .activity-name {
        min-height: 80px;
    }
    .contact-us-section .contactForm {
        padding-top: 30px !important;
    }

    .contact-us-section .section-title {
        margin-bottom: 15px !important;
    }

    .contact-sec-para {
        margin-top: 0px !important;
    }
}
@media(max-width: 1199px) {
    
    
}
@media(max-width: 991px) {
    .header__logo img {
        min-height: 60px;
        height:auto;
        max-height: 80px;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        min-height: 474px;
    }

}
@media(max-width: 767px) {

    .search-panel-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: column;
    }
    .home-search-panel .search-panel-wrap .search-item {
        width: calc(33.33% - 62px);
        width: 100%;
        margin: auto;
    }
    
    /* Strong, specific override for the search panel wrapper */
    div.col-auto.col-lg-9.home-search-panel > .search-panel-wrap {
        /* logical properties are safest (handles LTR/RTL) */
        padding-block: 16px; /* top & bottom */
        padding-inline: 16px !important; /* left & right — force it if something else is overriding */
        box-sizing: border-box; /* ensure padding doesn't break layout */
        position: relative; /* keeps absolutely-positioned children contained */
    }
    i.icon-chevron-down.ml-40 {
        margin-left: 0px !important;
    }
    i.icon-chevron-down.ml-40 {
        margin-left: 0px !important;
        right: 0px;
        position: absolute;
    }
    .hero__slider.js-section-slider {
        height: 450px;
    }
    .follow-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .follow-inner {
        row-gap: 15px;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        min-height: 400px !important;
        padding: 0px 0 0px;
    }
    .hero.-type-9.inner-page-banner .hero__bg img {
        /* object-position: right; */
        min-height: 400px !important;       
    }
    .footer-address {
       
        margin: auto;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        min-height: auto !important;
        padding: 0px 0 0px;
/*        height: 400px !important;*/
height:434px;
    }
    .about-us-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .mob-flex-row {
        row-gap:15px;

    }
    .right-room-content-mob {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .safari-booking-info .right-content {
     
        margin: auto;
    }
    .section-title h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .about-us-content h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .mob-flex-row-gap-15 {
        row-gap: 15px;
    }
    .mob-img-flex-row-gap{
        row-gap:15px;
    }
    .safari-book-now{
        height:50px;
        margin-top:5px !important;  

    }
    .safari-alert-box{
        margin-top:10px;

    }

    .hero.-type-9.inner-page-banner .hero__slide {
        height: 434px !important;
/*        top: -74px;*/
    }

    .hero.-type-9.inner-page-banner .hero__bg img {
      
        min-height: 434px !important;
    }
    .activities-first-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer.-type-3 .footer__bottom {
        height: auto;
        padding: 20px 0;
    }
    .follow-inner img.img-ratio {
        max-height: 527px;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        height: 434px !important;
        min-height: 35vh;
    }
    .exp-sec.section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .activities-first-section .activity-card .activity-name {
        min-height: auto;
    }
    .mfp-content .mfp-figure .mfp-close {
        top: 5px !important;
    }

    .contact-info-section {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .contact-us-section{
        padding-bottom:40px;


    }
        .contact-us-section .contactForm {
            padding-top: 30px !important;
        }
        .contact-us-section .section-title {
            margin-bottom: 15px !important;
        }
    .contact-sec-para{
        margin-top:0px !important;
    }
    
}
@media(max-width: 575px) {
    .header__logo img {
        height: 32px !important;
    }
}


/* DESKTOP: tidy search row and align chevrons + button */
@media (min-width: 768px) {
    /* row layout */
    .home-search-panel .search-panel-wrap {
        display: flex;
        align-items: center; /* vertical centre of all items */
        gap: 20px; /* consistent space between controls */
        padding: 12px 18px;
        background: transparent;
        background:white;
    }

    /* keep each item its natural width but aligned */
    .home-search-panel .search-item {
        flex: 0 0 auto;
        min-width: 220px; /* tweak as needed */
    }

    /* controls: consistent height and internal layout */
    .home-search-panel .searchFormItem_button,
    .home-search-panel .js-select-control {
        position: relative;
        display: flex;
        align-items: center;
        height: 64px; /* uniform height for box-like inputs */
        padding: 0 44px 0 18px; /* reserve space on right for chevron */
        box-sizing: border-box;
    }

    /* chevron sits inside the right padding */
    .home-search-panel i.icon-chevron-down,
    .home-search-panel .icon-chevron-down {
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-left: 0 !important; /* neutralize ml-40 */
        pointer-events: none;
        z-index: 2;
    }

    /* make the search button match height */
    .home-search-panel .search-btn-wrap .btn,
    .home-search-panel .search-btn {
        height: 64px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 28px;
    }

    /* visual polish for boxes */
    .home-search-panel .search-item .searchForm__form,
    .home-search-panel .search-item .searchFormItem_button {
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
        background: #fff;
    }
    .home-search-panel .search-panel-wrap {
       
        box-shadow: 0px 1px 1px 1px #fbfbfb;
    }
        
}

@media(max-width: 400px) {
    .home-search-panel {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(max-width: 992px) {
    .search-panel-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: column;
    }

    .home-search-panel .search-panel-wrap .search-item {
       
        width: 100%;
        margin: auto;
    }

    /* Strong, specific override for the search panel wrapper */
    /*div.col-auto.col-lg-9.home-search-panel > .search-panel-wrap {*/
        /* logical properties are safest (handles LTR/RTL) */
        /*padding-block: 16px;*/ /* top & bottom */
        /*padding-inline: 16px !important;*/ /* left & right — force it if something else is overriding */
        /*box-sizing: border-box;*/ /* ensure padding doesn't break layout */
        /*position: relative;*/ /* keeps absolutely-positioned children contained */
    /*}*/

  

    i.icon-chevron-down.ml-40 {
        margin-left: 0px !important;
        right: 0px;
        position: absolute;
    }

    .home-search-panel {
        position: relative;
        z-index: 9999; /* higher than hero image & arrows */
        margin-top: -40px; /* pull it up to overlap the banner */
        background: #fff; /* keep white background */
        border-radius: 8px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    }

    .hero.-type-9 .hero__bg img {
        /* object-position: right; */
        min-height: 400px;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        min-height: 50vh;
        padding: 0px 0 0px;
    }
    .header__logo img {
        width: auto;
        min-height: 60px;
    }
    .addon-description {
        line-height: 1.3;
    }
    .addons-wrap .addon-title, .safari-booking-info .safari-booking-title {
        font-size: 20px;
    
    }
    .addon-item .addon-price {
      
        margin-top: 8px;
    }
   
   

    
}


@media(max-width: 992px) {
 

    .hero.-type-9 .hero__title {
        font-size: 36px;
    }
    .hero.-type-9.inner-page-banner .hero__slide {
        height: 474px !important;
        min-height:35vh;
 
    }
    .hero.-type-9.inner-page-banner .hero__bg img {
        /* object-position: right; */
        min-height: 474px;

    }
    .inner-page-first-section {
        padding-top: 40px;
    }

    .hero.-type-9 .hero__title {
        font-size: 36px;
    }
    .footer.-type-3 .footer__main {
        padding: 50px 0;
    }
    .header__right.d-flex.items-center.h-full {
        flex-direction: row-reverse;
    }
    .items-center.d-none.lg\:d-flex.js-menuFullScreen-toggle {
     
        margin-right: 0px !important;
        margin-left: 20px;
    }
    
}



@media(max-width: 767px) {
    .hero.-type-9.inner-page-banner .hero__slide {
        height: 434px !important;
       
    }
  
}
/*@media(max-width: 992px) {
    input.js-first-date.flatpickr-input.flatpickr-mobile {
        display: none;
    }

    input.js-last-date.flatpickr-input.flatpickr-mobile {
        display: none;
    }
    .home-search-panel {
        position: relative !important;
        z-index: 9999 !important;
    }
    .hero__bg, .hero__bg img, .hero__slide {
        pointer-events: none !important;
    }

    .hero__nav, .hero__nav button {
        pointer-events: auto !important;
        z-index: 10000;
    }


}*/

/* Mobile-friendly: expand hit area and keep layout */