@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
    .activity-experience-map-wrapper {
        margin: 0;
    }
    .input-details .app-btn.themeBtn {
        flex: 0.5;
    }
    .line-form {
        flex-direction: column;
    }
    .banner-shape {
        display: none;
    }
    .loginSignup-popup {
        width: 100%;
        margin: 0 0.75rem;
    }

    button.loginSignup-popup__icons {
        padding: 4px 20px;
    }

    .header-nav ul {
        display: none;
    }

    li.header-btns__item:not(.login-li) {
        display: none;
    }
    li.header-btns__item.login-li a.login-anchor {
        display: none;
    }

    .header-main__menu {
        display: block;
    }

    .banner-heading h1 {
        font-size: 40px;
    }

    .banner-heading h1 .bannerMain-title {
        color: #000;
        font-size: 23px;
    }

    .banner {
        padding: 1rem 0;
    }

    .banner-img {
        width: 299.89px;
        height: 170px;
        margin-top: 15px;
    }

    .search i {
        margin-top: 18px;
        font-size: 24px;
        left: 37px !important;
        top: 9px;
    }

    .search input {
        width: 100%;
        padding: 27px 73px;
        font-size: 15px;
    }

    .banner-form {
        margin: 1.165rem 0;
    }

    .destinations {
        padding: 3rem 0;
    }

    .dst1 {
        font-size: 15px;
    }

    .dst2 {
        font-size: 24px;
        line-height: 3rem;
        margin-top: 20px;
    }

    .sale-card {
        flex-direction: column;
    }

    .tripviz-contact__details {
        flex-direction: column;
    }

    .header-btns .currencys {
        flex-direction: column;
    }

    .app-btn {
        padding: 0.65rem 1rem;
        flex: initial;
        font-size: 13px;
    }

    /*     
    .themeBtn {
        padding: 15px 20px;
        width: auto;
        display: block;
        border-radius: 8px;
        background-color: #fff;
        border: 2px solid #F5F5FF;
        font-size: 13px;
        color: #243064;
        font-weight: 400;
        outline: none;
    } */

    span.GroupTourCard_title {
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 3px;
    }

    span.GroupTourCard_subtitle {
        color: #fff;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .GroupTourCard_content {
        padding: 1rem;
    }

    .section-content .heading {
        font-size: 1.27rem;
    }

    h2.more-offers-title {
        font-size: 24px;
        margin-top: 30px;
    }

    .section-content .subHeading {
        font-size: 1.75rem;
    }
    .latest-stories__details .subHeading {
        font-size: 18px;
    }

    .section-content p {
        font-size: 1.65rem;
    }

    .local-guide__btns {
        gap: 13px;
        margin-top: 1.5rem;
    }

    .local-guide__btns .btns {
        padding: 0.65rem 1.1rem;
    }

    .local-guide .more-link {
        padding-top: 10px !important;
    }

    .sale-card {
        padding: 1rem;
        max-height: 100%;
    }

    .sale-card__content {
        margin-bottom: 2rem;
    }

    .timer-label {
        font-size: 16px;
    }

    .enquiry-btn {
        height: 41px;
        width: 224px;
    }

    .time-box {
        width: 31px;
        height: 50px;
    }

    .discount-label {
        font-size: 21px;
    }

    .sale-label {
        font-size: 16px;
    }

    .enquiry-help-text {
        margin: 5px 0 5px;
    }

    .clock-label {
        font-size: 12px;
        width: 101px;
        justify-content: end;
    }

    .latest-stories__btns {
        margin: 10px 0;
    }

    .Desti-Pract__content p {
        padding-right: 0;
    }

    .Desti-Pract__content .Desti-Pract__title {
        font-size: 25px;
        padding-right: 0;
    }

    .Desti-Pract__content .date {
        font-size: 11px;
    }

    .Desti-Pract__activities {
        margin-top: 1rem;
    }

    .activities-content a {
        font-size: 14px;
        font-weight: 800;
    }

    .comment .peoples-img {
        width: 30%;
        left: 80%;
        top: 12px;
    }

    .comment {
        padding: 2rem 0 0;
        position: relative;
    }

    .comment-card__img {
        width: 100%;
        height: 100%;
    }

    .newsletter-signup__content p {
        font-size: 14px;
    }

    .newsletter-signup__content {
        padding: 1rem;
    }

    .form-input {
        padding: 6px 12px;
    }

    .input__container label {
        font-size: 12px;
    }

    span.c-input__icon.c-input__icon--posticon {
        font-size: 16px;
    }

    .communications-subscription__privacy {
        font-size: 0.85rem;
    }

    .input-details input {
        font-size: 13px;
    }

    .input-details {
        padding: 0.2rem;
        padding-left: 1rem;
    }

    .qr-code {
        width: 25%;
    }

    .top-location {
        padding: 2rem 0;
        min-height: 0;
    }

    .top-location__list ul {
        column-count: 2;
    }

    .popular-related-destinations__content {
        padding-top: 1rem;
    }

    .fi1 {
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        justify-content: center;
        gap: 9px;
        font-size: 17px;
    }

    .fi2 {
        padding: 9px 18px;
        font-size: 13px !important;
        margin: 5px 0;
    }

    .footer-details {
        font-size: 16px;
    }

    .footer-link a {
        opacity: 0.6;
        font-size: 15px;
    }

    .footer-logo {
        width: 30%;
        height: 100%;
    }

    .whatsapp-contact i {
        font-size: 30px;
    }

    .comment-card {
        padding: 1rem 0;
    }

    .fi4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-content {
        padding-bottom: 13px;
    }

    .highlights-item__container {
        margin-bottom: 10px;
    }

    .highlight__image {
        width: 100%;
        height: 100%;
    }

    .highlight {
        flex-direction: column;
    }

    .most-recommended {
        padding: 5rem 0;
    }

    .sort-by {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 500;
        margin-top: 16px;
    }

    .tour-activity__cards {
        padding: 1rem 0 0;
    }

    .cart__productContent {
        margin-left: 0;
        margin-top: 1rem;
    }

    .cart__product {
        flex-direction: column;
    }

    .themeBtn-round {
        padding: 0.25rem 0.95rem;
        font-size: 14px;
    }

    .cart__product {
        padding: 1rem 0px;
    }

    .pull-right {
        float: inline-start;
        margin-top: 12px;
    }

    .cartBottom {
        margin: 0;
        margin-bottom: 0 !important;
    }

    .tour-content__headerLocation {
        flex-wrap: wrap;
        margin-bottom: 18px;
        gap: 0.75rem 0;
    }
    .badge-of-excellence {
        align-items: center;
        line-height: 1.35;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .pipeDivider {
        display: none;
    }
    ul.header-listGroup {
        margin-left: auto;
    }

    .share-popup {
        width: 100%;
        margin: 0 0.75rem;
    }
    .platform .icon {
        width: 45px;
    }
    .platform .icon i {
        font-size: 1.75rem;
    }
    .platform img {
        width: 20px;
    }
    .platform .title {
        font-size: 12px;
    }
    .copy-link {
        margin: 1.5rem 0 1.5rem;
    }
    .journey-map {
        width: 100%;
        left: 0;
    }
    .journey-details {
        padding-right: 0;
    }

    .tour-content__header {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    ul.tour-content__moreDetail--content {
        display: block;
        padding-top: 0 !important;
    }

    ul.tour-content__moreDetail--content li {
        margin-top: 15px;
    }

    .media-gallery__item--1 {
        padding-right: 0;
        padding-bottom: 10px;
    }

    .media-gallery__item--3 {
        padding-bottom: 10px;
    }

    .itinerary-card__body__img {
        height: 100%;
        width: 100%;
    }

    .tour-content-location__map {
        margin-top: 2rem;
    }

    .activity-experience__map {
        height: 87%;
    }

    .main-reviews__box {
        padding: 1rem;
        margin: 0 3rem 2rem;
    }

    .themeBtn-white {
        padding: 7px 22px;
        font-size: 13px;
    }

    .media-gallery__item--2 {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .blog-banner__btns ul {
        flex-wrap: wrap;
    }

    .blog-more__dest-title {
        margin: 12px 0 12px 12px;
    }

    .blog-more__destinations {
        background-color: #fcf7ec;
        padding: 2rem 1rem;
        border-radius: 12px;
    }

    .blog-more__heading {
        font-size: 32px;
        font-weight: 400;
        text-align: center;
    }

    .blog-more__destinations > .row {
        padding-top: 18px !important;
    }

    .blog-banner__heading {
        padding: 2rem 0;
    }

    .blog-details {
        padding: 2rem 0;
    }

    .blog-details__mainHeading {
        font-size: 30px;
    }

    .availability-frame__img-ver {
        margin-bottom: 1rem;
    }
    .location-banner1__img {
        height: 250px;
    }
    .location1-content__section {
        padding: 1rem 0;
    }
    .location1-content__section--heading h2 {
        font-size: 53px;
    }
    .breadcrumb li,
    .location1-Breadcrumb li a {
        font-size: 13px;
    }
    p.location1-content__section--pra {
        font-size: 16px;
        padding-right: 0;
    }
    .loaction-guide {
        padding: 2.5rem 0;
        margin: 2rem 0.25rem;
    }
    .loaction-guide-btn a .themeBtn-round {
        padding: 0.35rem 4rem;
    }
    .top-picks-experts__Smheading {
        margin: 20px 0 0;
    }

    .top-picks-experts {
        padding: 1rem 0;
    }
    .latest-stories-loc-2 {
        padding: 1rem 0;
    }
    .country-container {
        padding: 1rem 0;
    }
    .date-search__btns {
        flex-wrap: wrap;
    }
    ul.show-in-mobile {
        display: flex;
    }
    ul.show-in-desktop {
        display: none;
    }
    .faq-icon {
        padding: 0.25rem;
        font-size: 1.1rem;
    }
    ul.header-listGroup {
        gap: 0.65rem;
    }
    .breadcrumb {
        flex-wrap: nowrap;
        overflow: scroll;
        width: 100%;
        white-space: nowrap;
        padding-bottom: 0.5rem;
    }
    .global-popup {
        width: 100%;
        margin: 0 0.75rem;
    }
    .global-popup-wrapper.detail-popup .global-popup__header .title {
        font-size: 1.1rem;
    }
    .section-content h1.heading,
    .section-content h1.subHeading {
        font-size: 32px;
    }
    .section-content h2.heading,
    .section-content h2.subHeading {
        font-size: 24px;
    }
    .section-content h3.heading,
    .section-content h3.subHeading {
        font-size: 18px;
    }
    .editor-content :is(p, li, strong),
    .features-item p {
        font-size: 16px;
    }
    .refund-policy {
        margin: 1.25rem 0 2rem;
    }
    .refund-policy-item__result {
        font-size: 14px;
    }
    .refund-policy-item__time {
        font-size: 13px;
    }
    .global-popup__content {
        height: 70vh;
        overflow-y: auto;
    }
    .tour-content_book_app {
        padding: 1rem 1.25rem 1.5rem;
    }
    .detail-popups {
        padding: 0.99rem 0.75rem;
    }
    .detail-popups-item__info span {
        font-size: 0.9rem;
    }
    .tour-content__header .section-content .heading {
        margin-bottom: 0.35rem;
    }
    .details-btn-wrapper {
        margin-top: 0.5rem;
    }
    .availability-bar {
        padding: 0.45rem 0.35rem 1rem;
    }
    .details-btn-wrapper .wishlist-btn {
        width: 40px;
    }
    .details-btn-wrapper .wishlist-btn i {
        font-size: 1.4rem;
    }
    .details-btn-wrapper .primary-btn {
        flex: 1;
        font-size: 0.85rem;
        padding: 0.7rem 0;
    }
    .availability-bar-padding {
        padding-inline: 0;
    }
    .availability-bar .details-wrapper {
        display: none;
    }
    .faqs-single__header {
        gap: 1rem;
    }
    .location1-content__section--heading h2,
    .location1-content__section--heading .heading {
        font-size: 12px;
    }
    .loaction-guide-title {
        font-size: 11px;
    }
    .faqs.faqs-category .tour-content__title {
        font-size: 13px;
    }

    .faqs.faqs-category .tour-content__pra {
        font-size: 12px;
    }
    .banner-alt-heading {
        font-size: 16px;
    }
    .highlights-item__pra {
        font-size: 12px;
    }
    .newsletter__content {
        padding: 1rem;
    }
    .newsletter__content p,
    .privacy-content {
        font-size: 12px;
    }
    .loginBtn {
        font-size: 13px;
    }
    .newsletter__content .section-content .subHeading {
        font-size: 1.15rem;
    }
    .highlight__text {
        padding: 1rem 0;
    }
    .newsletter__img {
        width: 100%;
        height: 200px;
    }
    .activities-content {
        width: 100%;
    }
    .activities-details {
        flex-direction: column;
    }
    .Desti-Pract__img {
        filter: brightness(0.7);
        width: 100%;
        height: 280px;
    }
    body .subHeading.block-heading {
        font-size: 1.25rem !important;
    }
    .category-card__content .title {
        font-size: 0.9rem;
    }
    .category-card__content .description {
        color: #707070;
        font-size: 12px;
    }
    .faqs.faqs-category .faqs-single__content {
        margin-left: 2.25rem;
    }
    .stories-content__img {
        height: 320px;
    }
    .filter-group {
        width: 100%;
    }

    .filter-sort-container {
        padding: 20px 5px;
    }

    .custom-select-wrapper select {
        width: 100%;
    }
    .tour-details_banner.blogs-banner {
        padding: 1rem 0 0;
    }
    .availability-frame__img-ver {
        height: 260px;
    }
    .author-section {
        gap: 0.7rem;
    }
    .author-avatar {
        width: 48px;
    }
    .author-info {
        font-size: 14px;
    }
    .global-cta {
        font-size: 12px;
        padding: 12px 11px;
        gap: 5px;
    }
    .text-document {
        font-size: 12px;
    }
    .text-document h1 {
        font-size: 2em;
    }
    .cart__productImg {
        width: 100%;
        height: 190px;
    }
    .checkout-Mainheading {
        justify-content: center;
        margin-bottom: 1rem;
    }
    .checkout__order-list__info {
        flex-wrap: wrap;
        text-align: center;
    }
    .checkout__order-list {
        gap: 5px;
    }
    .checkout__order-list__infoTitle {
        font-size: 12px;
    }
    .payment-option__box {
        background: #f9f9fb;
        padding: 0.7rem 0.75rem;
        border-radius: 0.5rem;
        gap: 0.85rem;
    }
    .payment-option__box .radio {
        display: none;
    }
    .payment-option__box .icon {
        padding: 0;
        border: none;
        width: 50px;
        height: auto;
    }
    .payment-option__box div#tabbyPromo {
        display: none;
    }
    .payment-option__box .title {
        font-size: 0.8rem;
        display: block !important;
        font-weight: 800;
    }
    .payment-option__box .content .note {
        font-size: 0.75rem;
        color: #717179;
    }
    .payment-option__box .content {
        opacity: 1;
    }
    label.payment-option__box.payment-option__box--tabby {
        padding: 0;
    }
    .details-box__body.details-box__body--pay {
        padding: 1.5rem 1rem;
        margin-bottom: 1rem;
    }
    .checkout-details {
        margin-bottom: 1.5rem;
    }
    body .control-item{
        font-size: 11px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 519px) {
.advanced-tabs-banner .bannerContent {
        width: auto;
    }
.responsiveMenu {
    display:block;
}
.advanced-tabs-banner .bannerSubHEad:before {
    width: 170px;
}

.meniBtn {
    display: block;
}
    .responsiveMenu {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: #f9ca24ad;
        padding: 20px;
        backdrop-filter: blur(7px);
        transition: 300ms all;
        transform: translatex(-100%);
    }

    .crdBtn {
        position: absolute;
        top: 12px;
        right: 20px;
        font-size: 26px;
    }

    .resMenu {
        padding: 20px 0 0;
    }

    .resMenu li a {
        padding: 10px;
        display: block;
        background: #fff;
        border-radius: 10px;
        margin: 10px 0;
    }

    .headerBtns {
        gap: 10px;
        border-radius: 0;
        margin: 10px 0 20px;
    }

    .headerBtns a {
        border: 1px solid #444;
        border-radius: 10px;
        width: 50%;
        justify-content: center;
    }

    ul.topIcons {
        justify-content: center;
    }

    .responsiveMenu.active {
        transform: none;
    }

    .logo {
        width: 120px;
    }

    ul.navMenu {
        display: none;
    }

    .meniBtn {
        font-size: 25px;
    }

    section.insider {
        padding: 40px 0 0;
    }

    .app_form form input {
        font-size: 12px;
        border: 1px solid #4444;
        border-radius: 10px;
        margin: 0 0 5px;
    }

    .top__location__main li {
        width: 46%;
    }

    .headerLeft {
        display: none;
    }

.advanced-tabs-banner {
        min-height: auto;
        padding: 70px 0 0;
    }

.advanced-tabs-banner h2.bannerSubHEad {
        font-size: 11px;
        height: 23px;
    }

.advanced-tabs-banner .bannerreview {
        margin: 6px 0 0;
    }

    .nav-link {
        padding: 4px 15px;
    }

.advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        border-radius: 0 20px 0 0 !important;
    }

    .formBox form {
        flex-wrap: wrap;
    }

    .inputfeild:nth-child(1) {
        width: 100%;
    }

    .inputfeild:nth-child(2) {
        width: 80%;
    }

    .group_main:before {
        position: absolute;
        width: 100%;
        height: 94%;
        background: #f9ca244f;
        content: '';
        inset: 0;
        z-index: -1;
    }

    .insider .col-md-4 {
        width: 50%;
    }

    .insider .col-md-4:nth-child(3) {
        width: 100%;
    }

    .explore_card::before {
        width: 50px;
    }

    h1.bannerHead {
        font-size: 13px;
        margin: 14px 0px 0;
        font-weight: 700;
    }

    .copy_right p {
        font-size: 15px;
    }

    .contact__main {
        display: grid;
    }

    .contact-left h2 {
        font-size: 30px;
    }

    .contact-left p {
        font-size: 18px;
    }

    .contact-center {
        display: grid;
        margin: 20px 0px;
        gap: 14px;
    }

    .contact-box {
        font-size: 16px;
    }

    a.tour-card {
        width: 95%;
        margin: 10px auto;
    }

    .price span {
        font-size: 18px;
    }

    .contact-right h3 {
        font-size: 30px;
    }

    .top__location__main ul {
        justify-content: center;
        gap: 20px;
    }

    .top__location__main h3 {
        font-size: 30px;
    }

    .app_cont h3 {
        font-size: 30px;
    }

    .app_cont p {
        font-size: 15px;
    }

    .app_form form {
        display: grid;
    }

    .app_form {
        gap: 10px;
    }

    .scanner {
        width: 110px;
        height: 110px;
    }

    .send_email form .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 18px;
    }

    .app_form label {
        font-size: 12px;
    }

    .applications h4 {
        font-size: 16px;
    }

    .app_main_img {
        height: 300px;
    }

    a.news_view_item {
        display: grid;
    }

    .news_view_img {
        width: 100%;
        height: 140px;
    }

    .news_view_cnt {
        width: 100%;
        padding: 0px 10px;
    }

    .news_view_cnt h4 {
        font-size: 15px;
    }

    .news_views {
        padding: 50px 0px;
    }

    .views_img {
        height: 250px;
    }

    .views_head span {
        font-size: 12px;
        font-weight: 500;
    }

    .views_cnt {
        padding: 15px;
    }

    .views_cnt h4 {
        font-size: 18px;
    }

    .views_cnt p {
        font-size: 15px;
    }

    .views_item {
        margin: 0 0 25px;
    }

    .section_title h3 {
        font-size: 24px;
    }

    .testo_cont p {
        font-size: 14px;
        height: 250px;
        overflow-y: scroll;
    }

    .testo_cont {
        padding: 20px;
    }

    .section_title h6 {
        font-size: 22px;
    }

    .traveljrny_img {
        display: none;
    }

    .travel_journey {
        padding: 50px 0px;
    }

    .traveljrny_cnt h3 {
        font-size: 30px;
    }

    .traveljrny_cnt p {
        width: 100%;
        font-size: 15px;
    }

    .traveljrny_cnt form {
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .traveljrny_cnt .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .field {
        width: 100%;
        border: 1px solid #4444;
        border-radius: 10px;
        padding-right: 10px;
        margin: 0 0 9px;
    }

    .popular_location:after {
        width: 115px;
        height: 115px;
    }

    .grey {
        padding: 10px;
        font-size: 17px;
        margin: 5px 0;
    }

    .rating ul li {
        font-size: 20px;
    }

    .price span {
        font-size: 12px;
    }

    .card-body h3 {
        font-size: 14px;
    }

    .interest_free_cnt h3 {
        font-size: 20px;
    }

    .interest_free_cnt h3 span {
        font-size: 22px;
    }

    .activities_dubai_main {
        margin: 0 0 15px;
    }


    .activites_dubai_img {
        height: 480px;
    }

    .activites_dubai_img img {
        object-fit: fill;
    }

    .activities_card {
        padding: 40px 20px;
        background-size: cover;
    }

    .activities_cont2 h4 {
        font-size: 30px;
        color: #000;
        margin: 0 0 8px;
    }

    .activities_cont2 h3 {
        font-size: 30px;
        color: #000;
    }

    .activities_cont2 {
        width: 100%;
    }

    .activities_cont {
        width: 100%;
    }

    .activities_cont h3 {
        font-size: 30px;
    }

    .activities_cont h4 {
        font-size: 22px;
    }

    .activities_cont p {
        width: 100%;
    }

    .activities_cont2 p {
        color: #000;
        font-size: 15px;
        width: 100%;
        margin: 8px 0px 15px;
        font-weight: 500;
    }

    .activities .col-md-6 {
        margin: 0 0 20px;
    }

    .activities {
        padding: 40px 0px 0;
    }

    .inspiration_getaways::before {
        width: 115px;
        height: 115px;
        left: 0;
        bottom: -75px;
    }

    .inspiration_getaways {
        padding: 20px 0px;
    }

    .inspiration_main {
        display: grid;
    }

    .inspiration_card_img {
        width: 100%;
        height: 175px;
    }

    .insider_cnt {
        margin: 0px 0 0;
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
    }

    .insider_cnt p {
        font-size: 15px;
        width: 100%;
    }

    .insider_cnt h3 {
        font-size: 28px;
        margin: 0 0 8px;
    }

    .insider_img {
        height: 260px;
        margin: 0 0 30px;
    }

    .insider::after {
        display: none;
    }

    .insider_img:before {
        left: 5px;
        top: -5px;
    }

    .insider::before {
        height: 100%;
        transform: none;
        top: 0;
        background-size: 100% 300%;
    }

    .explore_card {
        height: 350px;
        padding: 75px 25px 45px;
        background-size: cover;
        background-position: left;
    }

    .explore_cont {
        width: 100%;
    }

    .explore_cont h6 {
        font-size: 15px;
    }

    .explore_cont h4 {
        font-size: 30px;
    }

    .explore_cont p {
        width: 100%;
        font-size: 15px;
    }

    .popular_item {
        margin: 0 0 20px !important;
    }


    .group_main {
        min-height: 50vh;
        padding: 70px 25px 22px;
        display: block;
        position: relative;
    }

    .group_cont h4 {
        width: 100%;
        font-size: 20px;
        color: #000;
    }

    .group_cont p {
        color: #000;
    }

    .box_price h5 {
        font-size: 16px;
    }

    .box_cont h4 {
        font-size: 20px;
    }

    .wherever_box {
        margin: 0 0 15px !important;
    }

    .wherever_tabs .nav-tabs {
        gap: 10px;
    }

.advanced-tabs-banner .bannerBotContent h5 {
        font-size: 19px;
    }

.advanced-tabs-banner .bannerBotContent p {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 15px;
    }

.advanced-tabs-banner .bannerBotContent p span {
        font-size: 20px;
    }

    .dp-wrap-arrow {
        display: none;
    }

    .dp_item {
        width: 39%;
        height: 160px;
    }

    .dp-wrap {
        left: 20%;
    }

    .inputfeild :is(select, input) {
        font-size: 10px;
        padding: 10px 5px;
    }

    .subBtn button {
        width: 35px;
    }

    .tabHead img {
        width: 20px;
    }

    .tabHead span {
        font-size: 12px;
    }

.advanced-tabs-banner .bannerreview p {
        font-size: 11px;
        font-weight: 600;
    }

    #dp-slider,
    .dp-img img {
        height: 190px;
    }

    .bannerHead span {
        font-size: 18px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .wherever_tabs .col-md-4 {
        width: 50%;
    }
.responsiveMenu {
    display:block;
}

.meniBtn {
    display: block;
}
    .innerTabbb .col-md-4:nth-last-child(1) {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .innerTabbb .col-md-4:nth-last-child(1) .inspiration_main {
        width: 47.5%;
    }

    .box_cont p {
        padding: 2px 10px;
        font-size: 12px;
    }

    span.pro_reviews {
        font-size: 11px;
    }

    span.booked {
        font-size: 14px;
    }

    .most_popular .col-md-3 {
        width: 50%;
    }

    .popular_cont h4 {
        font-size: 18px;
    }

    .innerTabbb .col-md-4 {
        width: 50%;
    }

    .Activities_in_dubai .col-md-6 {
        width: 50%;
    }

    .dubai_activites_inner h4 {
        font-size: 17px;
    }

    .subcard_price span {
        font-size: 14px;
    }

    .traveljrny_cnt form .field {
        width: 100%;
    }

    .field {}

    .news_views .col-md-6 {
        width: 50%;
    }

    .views_head {
        display: block;
    }

    a.news_view_item {
        width: 48%;
    }

    .view_right {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

.advanced-tabs-banner .bannerContent {
        width: auto;
    }

    .responsiveMenu {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: #f9ca24ad;
        padding: 20px;
        backdrop-filter: blur(7px);
        transition: 300ms all;
        transform: translatex(-100%);
    }

    .crdBtn {
        position: absolute;
        top: 12px;
        right: 20px;
        font-size: 26px;
    }

    .resMenu {
        padding: 20px 0 0;
    }

    .resMenu li a {
        padding: 10px;
        display: block;
        background: #fff;
        border-radius: 10px;
        margin: 10px 0;
    }

    .headerBtns {
        gap: 10px;
        border-radius: 0;
        margin: 10px 0 20px;
    }

    .headerBtns a {
        border: 1px solid #444;
        border-radius: 10px;
        width: 50%;
        justify-content: center;
    }

    ul.topIcons {
        justify-content: center;
    }

    .responsiveMenu.active {
        transform: none;
    }

    .logo {
        width: 160px;
    }

    ul.navMenu {
        display: none;
    }

    .meniBtn {
        font-size: 25px;
    }

    section.insider {
        padding: 40px 0 0;
    }

    .app_form form input {
        font-size: 12px;
        border: 1px solid #4444;
        border-radius: 10px;
        margin: 0 0 5px;
    }

    .top__location__main li {
        width: 46%;
    }

    .headerLeft {
        display: none;
    }

.advanced-tabs-banner {
        min-height: auto;
        padding: 90px 0 0;
    }

.advanced-tabs-banner h2.bannerSubHEad {
        font-size: 18px;
        height: 30px;
    }

.advanced-tabs-banner .bannerreview {
        margin: 6px 0 0;
    }

    .nav-link {
        padding: 4px 15px;
    }

.advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        border-radius: 0 20px 0 0 !important;
    }

    .formBox form {
        flex-wrap: wrap;
    }

    .inputfeild:nth-child(1) {
        width: 41%;
    }

    .inputfeild:nth-child(2) {
        width: 44%;
    }

    .group_main:before {
        position: absolute;
        width: 100%;
        height: 94%;
        background: #f9ca244f;
        content: '';
        inset: 0;
        z-index: -1;
    }

    .insider .col-md-4 {
        width: 32%;
    }

    .insider .col-md-4:nth-child(3) {
        width: 32%;
    }

    .explore_card::before {
        width: 50px;
    }

    h1.bannerHead {
        font-size: 20px;
        margin: 14px 0px 0;
        font-weight: 700;
    }

    .copy_right p {
        font-size: 15px;
    }

    .contact__main {
        display: grid;
    }

    .contact-left h2 {
        font-size: 30px;
    }

    .contact-left p {
        font-size: 18px;
    }

    .contact-center {
        display: grid;
        margin: 20px 0px;
        gap: 14px;
    }

    .contact-box {
        font-size: 16px;
    }

    a.tour-card {
        width: 47%;
        margin: 10px auto;
    }

    .price span {
        font-size: 18px;
    }

    .contact-right h3 {
        font-size: 30px;
    }

    .top__location__main ul {
        justify-content: center;
        gap: 20px;
    }

    .top__location__main h3 {
        font-size: 30px;
    }

    .app_cont h3 {
        font-size: 30px;
    }

    .app_cont p {
        font-size: 15px;
    }

    .app_form form {
        display: grid;
    }

    .app_form {
        gap: 10px;
    }

    .scanner {
        width: 110px;
        height: 110px;
    }

    .send_email form .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 18px;
    }

    .app_form label {
        font-size: 12px;
    }

    .applications h4 {
        font-size: 16px;
    }

    .app_main_img {
        height: 300px;
    }

    a.news_view_item {
        display: grid;
    }

    .news_view_img {
        width: 100%;
        height: 140px;
    }

    .news_view_cnt {
        width: 100%;
        padding: 0px 10px;
    }

    .news_view_cnt h4 {
        font-size: 15px;
    }

    .news_views {
        padding: 50px 0px;
    }

    .views_img {
        height: 250px;
    }

    .views_head span {
        font-size: 12px;
        font-weight: 500;
    }

    .views_cnt {
        padding: 15px;
    }

    .views_cnt h4 {
        font-size: 18px;
    }

    .views_cnt p {
        font-size: 15px;
    }

    .views_item {
        margin: 0 0 25px;
    }

    .section_title h3 {
        font-size: 34px;
        text-align: center;
    }

    .testo_cont p {
        font-size: 14px;
        height: 250px;
        overflow-y: scroll;
    }

    .testo_cont {
        padding: 20px;
    }

    .section_title h6 {
        font-size: 22px;
    }

    .traveljrny_img {
        display: none;
    }

    .travel_journey {
        padding: 50px 0px;
    }

    .traveljrny_cnt h3 {
        font-size: 30px;
    }

    .traveljrny_cnt p {
        width: 100%;
        font-size: 15px;
    }

    .traveljrny_cnt form {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .traveljrny_cnt .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .field {
        width: 100%;
        border: 1px solid #4444;
        border-radius: 10px;
        padding-right: 10px;
        margin: 0 0 9px;
    }

    .popular_location:after {
        width: 115px;
        height: 115px;
    }

    .grey {
        padding: 10px;
        font-size: 17px;
        margin: 5px 0;
    }

    .rating ul li {
        font-size: 20px;
    }

    .price span {
        font-size: 12px;
    }

    .card-body h3 {
        font-size: 14px;
    }

    .interest_free_cnt h3 {
        font-size: 20px;
    }

    .interest_free_cnt h3 span {
        font-size: 22px;
    }

    .activities_dubai_main {
        margin: 0 0 15px;
    }


    .activites_dubai_img {
        height: 480px;
    }

    .activites_dubai_img img {
        object-fit: cover;
    }

    .activities_card {
        padding: 40px 20px;
        background-size: cover;
    }

    .activities_cont2 h4 {
        font-size: 30px;
        color: #000;
        margin: 0 0 8px;
    }

    .activities_cont2 h3 {
        font-size: 30px;
        color: #000;
    }

    .activities_cont2 {
        width: 100%;
    }

    .activities_cont {
        width: 100%;
    }

    .activities_cont h3 {
        font-size: 30px;
    }

    .activities_cont h4 {
        font-size: 22px;
    }

    .activities_cont p {
        width: 100%;
    }

    .activities_cont2 p {
        color: #000;
        font-size: 15px;
        width: 100%;
        margin: 8px 0px 15px;
        font-weight: 500;
    }

    .activities .col-md-6 {
        margin: 0 0 20px;
    }

    .activities {
        padding: 40px 0px 0;
    }

    .inspiration_getaways::before {
        width: 115px;
        height: 115px;
        left: 0;
        bottom: -75px;
    }

    .inspiration_getaways {
        padding: 20px 0px;
    }

    .inspiration_main {
        display: grid;
    }

    .inspiration_card_img {
        width: 100%;
        height: 175px;
    }

    .insider_cnt {
        margin: 0px 0 0;
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
    }

    .insider_cnt p {
        font-size: 15px;
        width: 100%;
    }

    .insider_cnt h3 {
        font-size: 28px;
        margin: 0 0 8px;
    }

    .insider_img {
        height: 260px;
        margin: 0 0 30px;
    }

    .insider::after {
        display: none;
    }

    .insider_img:before {
        left: 5px;
        top: -5px;
    }

    .insider::before {
        height: 100%;
        transform: none;
        top: 0;
        background-size: 100% 300%;
    }

    .explore_card {
        height: 350px;
        padding: 75px 25px 45px;
        background-size: cover;
        background-position: left;
    }

    .explore_cont {
        width: 100%;
    }

    .explore_cont h6 {
        font-size: 15px;
    }

    .explore_cont h4 {
        font-size: 30px;
    }

    .explore_cont p {
        width: 100%;
        font-size: 15px;
    }

    .popular_item {
        margin: 0 0 20px !important;
    }


    .group_main {
        min-height: 50vh;
        padding: 70px 25px 22px;
        display: block;
        position: relative;
    }

    .group_cont h4 {
        width: 100%;
        font-size: 20px;
        color: #000;
    }

    .group_cont p {
        color: #000;
    }

    .box_price h5 {
        font-size: 12px;
    }

    .box_cont h4 {
        font-size: 17px;
    }

    .wherever_box {
        margin: 0 0 15px !important;
    }

    .wherever_tabs .nav-tabs {
        gap: 10px;
    }

.advanced-tabs-banner .bannerBotContent h5 {
        font-size: 26px;
        margin: 0 0 7px;
    }

.advanced-tabs-banner .bannerBotContent p {
        font-size: 32px;
        line-height: 28px;
        margin: 0 0 15px;
    }

.advanced-tabs-banner .bannerBotContent p span {
        font-size: 27px;
        margin: 7px 0 0;
    }

    .dp-wrap-arrow {
        display: none;
    }

    .dp_item {
        width: 26%;
        height: 195px;
    }

    .dp-wrap {
        left: 20%;
    }

    .inputfeild :is(select, input) {
        font-size: 10px;
        padding: 10px 5px;
    }

    .subBtn button {
        width: 35px;
    }

    .tabHead img {
        width: 20px;
    }

    .tabHead span {
        font-size: 12px;
    }

.advanced-tabs-banner .bannerreview p {
        font-size: 11px;
        font-weight: 600;
    }

    #dp-slider,
    .dp-img img {
        height: 190px;
    }

    .bannerHead span {
        font-size: 29px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wherever_tabs .col-md-4 {
        width: 50%;
    }
.bannerBot .col-md-6 {
    width: 100%;
}

    .innerTabbb .col-md-4:nth-last-child(1) {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .innerTabbb .col-md-4:nth-last-child(1) .inspiration_main {
        width: 47.5%;
    }

    .box_cont p {
        padding: 2px 10px;
        font-size: 12px;
    }

    span.pro_reviews {
        font-size: 11px;
    }

    span.booked {
        font-size: 14px;
    }

    .most_popular .col-md-3 {
        width: 50%;
    }

    .popular_cont h4 {
        font-size: 18px;
    }

    .innerTabbb .col-md-4 {
        width: 50%;
    }

    .Activities_in_dubai .col-md-6 {
        width: 50%;
    }

    .dubai_activites_inner h4 {
        font-size: 17px;
    }

    .subcard_price span {
        font-size: 14px;
    }

    .traveljrny_cnt form .field {
        width: 100%;
    }

    .field {}

    .news_views .col-md-6 {
        width: 50%;
    }

    .views_head {
        display: block;
    }

    a.news_view_item {
        width: 48%;
    }

    .view_right {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

.advanced-tabs-banner .bannerContent {
        width: auto;
    }

    .responsiveMenu {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: #f9ca24ad;
        padding: 20px;
        backdrop-filter: blur(7px);
        transition: 300ms all;
        transform: translatex(-100%);
    }

    .crdBtn {
        position: absolute;
        top: 12px;
        right: 20px;
        font-size: 26px;
    }

    .resMenu {
        padding: 20px 0 0;
    }

    .resMenu li a {
        padding: 10px;
        display: block;
        background: #fff;
        border-radius: 10px;
        margin: 10px 0;
    }

    .headerBtns {
        gap: 10px;
        border-radius: 0;
        margin: 10px 0 20px;
    }

    .headerBtns a {
        border: 1px solid #444;
        border-radius: 10px;
        width: 50%;
        justify-content: center;
    }

    ul.topIcons {
        justify-content: center;
    }

    .responsiveMenu.active {
        transform: none;
    }

    .logo {
        width: 160px;
    }

    ul.navMenu {
        display: none;
    }

    .meniBtn {
        font-size: 25px;
    }

    section.insider {
        padding: 40px 0 0;
    }

    .app_form form input {
        font-size: 12px;
        border: 1px solid #4444;
        border-radius: 10px;
        margin: 0 0 5px;
    }

    .top__location__main li {
        width: 46%;
    }

    .headerLeft {
        display: none;
    }

.advanced-tabs-banner {
        min-height: auto;
        padding: 90px 0 0;
    }

.advanced-tabs-banner h2.bannerSubHEad {
        font-size: 16px;
        height: 30px;
    }

.advanced-tabs-banner .bannerreview {
        margin: 6px 0 0;
    }

    .nav-link {
        padding: 4px 15px;
    }

.advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        border-radius: 0 20px 0 0 !important;
    }

    .formBox form {
        flex-wrap: wrap;
    }

    .inputfeild:nth-child(1) {
        width: 41%;
    }

    .inputfeild:nth-child(2) {
        width: 44%;
    }

    .group_main:before {
        position: absolute;
        width: 100%;
        height: 94%;
        background: #f9ca244f;
        content: '';
        inset: 0;
        z-index: -1;
    }

    .insider .col-md-4 {
        width: 32%;
    }

    .insider .col-md-4:nth-child(3) {
        width: 32%;
    }

    .explore_card::before {
        width: 50px;
    }

    h1.bannerHead {
        font-size: 20px;
        margin: 14px 0px 0;
        font-weight: 700;
    }

    .copy_right p {
        font-size: 15px;
    }

    .contact__main {
        display: grid;
    }

    .contact-left h2 {
        font-size: 30px;
    }

    .contact-left p {
        font-size: 18px;
    }

    .contact-center {
        display: grid;
        margin: 20px 0px;
        gap: 14px;
    }

    .contact-box {
        font-size: 16px;
    }

    a.tour-card {
        width: 47%;
        margin: 10px auto;
    }

    .price span {
        font-size: 18px;
    }

    .contact-right h3 {
        font-size: 30px;
    }

    .top__location__main ul {
        justify-content: center;
        gap: 20px;
    }

    .top__location__main h3 {
        font-size: 30px;
    }

    .app_cont h3 {
        font-size: 30px;
    }

    .app_cont p {
        font-size: 15px;
    }

    .app_form form {
        display: grid;
    }

    .app_form {
        gap: 10px;
    }

    .scanner {
        width: 110px;
        height: 110px;
    }

    .send_email form .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 18px;
    }

    .app_form label {
        font-size: 12px;
    }

    .applications h4 {
        font-size: 16px;
    }

    .app_main_img {
        height: 300px;
    }

    a.news_view_item {
        display: grid;
        width: 100%;
    }

    .news_view_img {
        width: 100%;
        height: 140px;
    }

    .news_view_cnt {
        width: 100%;
        padding: 0px 10px;
    }

    .news_view_cnt h4 {
        font-size: 15px;
    }

    .news_views {
        padding: 50px 0px;
    }

    .views_img {
        height: 250px;
    }

    .views_head span {
        font-size: 12px;
        font-weight: 500;
    }

    .views_cnt {
        padding: 15px;
    }

    .views_cnt h4 {
        font-size: 18px;
    }

    .views_cnt p {
        font-size: 15px;
    }

    .views_item {
        margin: 0 0 25px;
    }

    .section_title h3 {
        font-size: 32px;
        text-align: center;
    }

    .testo_cont p {
        font-size: 14px;
        height: 250px;
        overflow-y: scroll;
    }

    .testo_cont {
        padding: 20px;
    }

    .section_title h6 {
        font-size: 22px;
    }

    .traveljrny_img {
        display: none;
    }

    .travel_journey {
        padding: 50px 0px;
    }

    .traveljrny_cnt h3 {
        font-size: 30px;
    }

    .traveljrny_cnt p {
        width: 100%;
        font-size: 15px;
    }

    .traveljrny_cnt form {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .traveljrny_cnt .themebtn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .field {
        width: 100%;
        border: 1px solid #4444;
        border-radius: 10px;
        padding-right: 10px;
        margin: 0 0 9px;
    }

    .popular_location:after {
        width: 115px;
        height: 115px;
    }

    .grey {
        padding: 10px;
        font-size: 17px;
        margin: 5px 0;
    }

    .rating ul li {
        font-size: 20px;
    }

    .price span {
        font-size: 12px;
    }

    .card-body h3 {
        font-size: 14px;
    }

    .interest_free_cnt h3 {
        font-size: 20px;
    }

    .interest_free_cnt h3 span {
        font-size: 22px;
    }

    .activities_dubai_main {
        margin: 0 0 15px;
        position: sticky;
        top: 90px;
    }


    .activites_dubai_img {
        height: 480px;
    }

    .activites_dubai_img img {
        object-fit: cover;
    }

    .activities_card {
        padding: 40px 20px;
        background-size: cover;
    }

    .activities_cont2 h4 {
        font-size: 30px;
        color: #000;
        margin: 0 0 8px;
    }

    .activities_cont2 h3 {
        font-size: 30px;
        color: #000;
    }

    .activities_cont2 {
        width: 100%;
    }

    .activities_cont {
        width: 100%;
    }

    .activities_cont h3 {
        font-size: 30px;
    }

    .activities_cont h4 {
        font-size: 22px;
    }

    .activities_cont p {
        width: 100%;
    }

    .activities_cont2 p {
        color: #000;
        font-size: 15px;
        width: 100%;
        margin: 8px 0px 15px;
        font-weight: 500;
    }

    .activities .col-md-6 {
        margin: 0 0 20px;
    }

    .activities {
        padding: 40px 0px 0;
    }

    .inspiration_getaways::before {
        width: 115px;
        height: 115px;
        left: 0;
        bottom: -75px;
    }

    .inspiration_getaways {
        padding: 20px 0px;
    }

    .inspiration_main {
        display: grid;
    }

    .inspiration_card_img {
        width: 100%;
        height: 175px;
    }

    .insider_cnt {
        margin: 0px 0 0;
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
    }

    .insider_cnt p {
        font-size: 15px;
        width: 100%;
    }

    .insider_cnt h3 {
        font-size: 28px;
        margin: 0 0 8px;
    }

    .insider_img {
        height: 260px;
        margin: 0 0 30px;
    }

    .insider::after {
        display: none;
    }

    .insider_img:before {
        left: 5px;
        top: -5px;
    }

    .insider::before {
        height: 100%;
        transform: none;
        top: 0;
        background-size: 100% 300%;
    }

    .explore_card {
        height: 350px;
        padding: 75px 25px 45px;
        background-size: cover;
        background-position: left;
    }

    .explore_cont {
        width: 100%;
    }

    .explore_cont h6 {
        font-size: 15px;
    }

    .explore_cont h4 {
        font-size: 30px;
    }

    .explore_cont p {
        width: 100%;
        font-size: 15px;
    }

    .popular_item {
        margin: 0 0 20px !important;
    }


    .group_main {
        min-height: 50vh;
        padding: 70px 25px 22px;
        display: block;
        position: relative;
    }

    .group_cont h4 {
        width: 100%;
        font-size: 20px;
        color: #000;
    }

    .group_cont p {
        color: #000;
    }

    .box_price h5 {
        font-size: 12px;
    }

    .box_cont h4 {
        font-size: 17px;
    }

    .wherever_box {
        margin: 0 0 15px !important;
    }

    .wherever_tabs .nav-tabs {
        gap: 10px;
    }

.advanced-tabs-banner .bannerBotContent h5 {
        font-size: 26px;
        margin: 0 0 7px;
    }

.advanced-tabs-banner .bannerBotContent p {
        font-size: 32px;
        line-height: 28px;
        margin: 0 0 15px;
    }

.advanced-tabs-banner .bannerBotContent p span {
        font-size: 27px;
        margin: 7px 0 0;
    }

    .dp-wrap-arrow {
        display: none;
    }

    .dp_item {
        width: 26%;
        height: 195px;
    }

    .dp-wrap {
        left: 20%;
    }

    .inputfeild :is(select, input) {
        font-size: 10px;
        padding: 10px 5px;
    }

    .subBtn button {
        width: 35px;
    }

    .tabHead img {
        width: 20px;
    }

    .tabHead span {
        font-size: 12px;
    }

.advanced-tabs-banner .bannerreview p {
        font-size: 11px;
        font-weight: 600;
    }

    #dp-slider,
    .dp-img img {
        height: 190px;
    }

    .bannerHead span {
        font-size: 29px;
    }
    .forLaptop {
    position: sticky;
    top: 80px;
}

.footer_top_heading {
    font-size: 18px;
}


.footer .col-md-9 .col-md-3 {
    width: 50%;
}

.footer .col-md-9 {
    width: 100%;
}

.footer_cnt {
    margin: 20px 0 0;
}
    .section_btn a {
    font-size: 17px;
}
.responsiveMenu {
    display:block;
}

.meniBtn {
    display: block;
}
}

@media only screen and (min-width: 992px) and (max-width: 1250px) {}


/* ========================================
   ADVANCED TABS BANNER - FULL RESPONSIVE
   Desktop 100% / Tablet / Mobile
   ======================================== */

/* Large Desktop 1200px+ - fine tune font scaling */
@media only screen and (min-width: 1200px) {
    .advanced-tabs-banner .bannerHead {
        font-size: clamp(22px, 2vw, 33px);
    }
    .bannerHead span {
        font-size: clamp(30px, 3vw, 45px);
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: clamp(26px, 2.5vw, 39px);
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: clamp(18px, 1.8vw, 27px);
    }
}

/* Medium Desktop 992px - 1199px */
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .advanced-tabs-banner {
        min-height: 100vh;
        padding-top: 75px;
        padding-bottom: 40px;
    }
    .advanced-tabs-banner .bannerHead {
        font-size: 26px;
        letter-spacing: 2px;
    }
    .bannerHead span {
        font-size: 36px;
    }
    .advanced-tabs-banner h2.bannerSubHEad {
        font-size: 10px;
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: 28px;
        line-height: 34px;
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: 20px;
    }
    .dp_item {
        width: 55%;
        height: 240px;
    }
    #dp-slider, .dp-img img {
        height: 220px;
    }
    .dp-wrap {
        transform: translateX(-60px);
    }
}

/* Tablet 768px - 991px */
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .advanced-tabs-banner {
        min-height: auto;
        padding-top: 80px;
        padding-bottom: 30px;
        align-items: flex-start;
    }
    .advanced-tabs-banner .col-md-8 {
        width: 100%;
    }
    .advanced-tabs-banner .bannerHead {
        font-size: 22px;
        letter-spacing: 1px;
        margin-top: 20px;
    }
    .bannerHead span {
        font-size: 30px;
        white-space: normal;
    }
    .advanced-tabs-banner h2.bannerSubHEad {
        font-size: 10px;
        height: auto;
    }
    .advanced-tabs-banner .bannerreview {
        margin: 8px 0 0;
    }
    .advanced-tabs-banner .bannerreview p {
        font-size: 10px;
    }
    .advanced-tabs-banner .bannerForm #myTab {
        margin: 8px 0 6px;
    }
    .dp-wrap {
        transform: translateX(-20px);
    }
    .dp_item {
        width: 50%;
        height: 190px;
    }
    #dp-slider, .dp-img img {
        height: 200px;
        width: 85%;
    }
    .advanced-tabs-banner .bannerBot .row {
        flex-direction: column;
    }
    .advanced-tabs-banner .bannerBot .col-md-6 {
        width: 100%;
    }
    .advanced-tabs-banner .bannerBotContent {
        margin-bottom: 15px;
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: 24px;
        line-height: 30px;
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: 17px;
    }
    .dp-wrap-arrow {
        display: none;
    }
}

/* Mobile 767px and below */
@media only screen and (max-width: 767px) {
    .advanced-tabs-banner {
        min-height: 100svh;
        padding-top: 70px;
        padding-bottom: 20px;
        align-items: flex-start;
    }
    /* Stack the single column full width */
    .advanced-tabs-banner .col-md-8 {
        width: 100%;
    }
    /* Hero heading */
    .advanced-tabs-banner .bannerHead {
        font-size: 20px;
        letter-spacing: 1px;
        margin: 15px 0 0;
    }
    /* THRILLING ADVENTURE - allow wrap on very small screens */
    .bannerHead span {
        font-size: 26px;
        white-space: normal;
        line-height: 1.2;
    }
    /* Sub-heading */
    .advanced-tabs-banner h2.bannerSubHEad {
        font-size: 9px;
        height: auto;
        margin-bottom: 6px;
    }
    .advanced-tabs-banner h2.bannerSubHEad:before {
        width: 120px;
    }
    /* Review row */
    .advanced-tabs-banner .bannerreview {
        margin: 6px 0;
    }
    .advanced-tabs-banner .bannerreview p {
        font-size: 9px;
    }
    .reviewImg {
        width: 22px;
        height: 22px;
    }
    /* Form tabs */
    .advanced-tabs-banner .bannerForm #myTab {
        margin: 6px 0 4px;
    }
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(1) button,
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        padding: 6px 12px;
        font-size: 11px;
    }
    .tabHead img {
        width: 16px;
    }
    .tabHead span {
        font-size: 11px;
    }
    /* Search form inputs */
    .formBox form {
        flex-wrap: wrap;
        gap: 6px;
    }
    .inputfeild:nth-child(1) {
        width: 100%;
    }
    .inputfeild:nth-child(2) {
        width: 75%;
    }
    .subBtn button {
        width: 38px;
        height: 38px;
    }
    /* Bottom destinations row - stack vertically */
    .advanced-tabs-banner .bannerBot {
        margin-top: 10px;
    }
    .advanced-tabs-banner .bannerBot .row {
        flex-direction: column;
    }
    .advanced-tabs-banner .bannerBot .col-md-6 {
        width: 100%;
    }
    /* Destination label */
    .advanced-tabs-banner .bannerBotContent {
        margin-bottom: 10px;
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: 15px;
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: 20px;
        line-height: 26px;
    }
    .advanced-tabs-banner .bannerBotContent p span {
        font-size: 17px;
    }
    /* Slider cards */
    .dp-wrap {
        transform: translateX(0);
        margin-top: 10px;
    }
    .dp_item {
        width: 55%;
        height: 160px;
    }
    #dp-slider, .dp-img img {
        height: 170px;
        width: 90%;
    }
    .dp-wrap-arrow {
        display: none;
    }
    .dp_item h5 {
        font-size: 18px;
        bottom: 10px;
    }
    /* Banner image stays as background */
    .advanced-tabs-banner .bannerImg img {
        object-position: 70% center;
    }
    /* Banner content full width */
    .advanced-tabs-banner .bannerContent {
        width: 100% !important;
    }
}

/* Extra small mobile 480px and below */
@media only screen and (max-width: 480px) {
    .advanced-tabs-banner {
        padding-top: 65px !important;
    }
    .advanced-tabs-banner .bannerHead {
        font-size: 17px !important;
    }
    .bannerHead span {
        font-size: 22px !important;
    }
    .dp_item {
        width: 65% !important;
        height: 140px !important;
        left: 17.5% !important; /* Center card: (100% - 65%) / 2 */
    }
    #dp-slider, .dp-img img {
        height: 150px !important;
    }
}

/* ==========================================================================
   PREMIUM MOBILE RESPONSIVE POLISH & CORRECTIONS (PORTRAIT & LANDSCAPE)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    /* --- HERO CONTAINER --- */
    .advanced-tabs-banner {
        min-height: auto !important;
        padding-top: 80px !important;
        padding-bottom: 35px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        overflow-x: hidden !important; /* Prevent slide overflows from causing horizontal page scrollbar */
    }
    .advanced-tabs-banner .col-md-8 {
        width: 100% !important;
        padding: 0 15px !important;
    }
    .advanced-tabs-banner .bannerContent {
        width: 100% !important;
        padding-top: 15px !important;
    }

    /* --- HERO HEADING --- */
    .advanced-tabs-banner .bannerHead {
        font-size: 22px !important;
        letter-spacing: 1.5px !important;
        line-height: 1.3 !important;
        margin: 10px 0 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        width: 100% !important;
    }
    .bannerHead span {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        display: block !important;
        white-space: normal !important;
        margin-top: 5px !important;
    }

    /* --- SUB-HEADING & SKETCHED DECORATIONS --- */
    .advanced-tabs-banner h2.bannerSubHEad {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin: 15px 0 !important;
        text-align: left !important;
        font-weight: 500 !important;
        color: #333 !important;
        width: 100% !important;
    }
    /* Hide skewed background box behind subheading on mobile */
    .advanced-tabs-banner .bannerSubHEad:before {
        display: none !important;
    }
    /* Natural text wrapper for highlighted span */
    .subHeadStyle {
        display: inline-block !important;
        position: relative !important;
        z-index: 1 !important;
        margin: 2px 2px !important;
        vertical-align: middle !important;
    }
    .subHeadStyle span {
        display: inline-block !important;
        background: var(--c1, #F9CA24) !important;
        padding: 2px 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #000 !important;
        border-radius: 6px !important;
        clip-path: none !important; /* Disable polygon clipping to prevent cutting off text on mobile */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    }

    /* --- REVIEW ROW --- */
    .advanced-tabs-banner .bannerreview {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin: 15px 0 !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerreview .reviewImagesMain {
        margin: 0 !important;
    }
    .advanced-tabs-banner .bannerreview p {
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #444 !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: 100% !important;
    }

    /* --- SEARCH TABS & FORMBOX --- */
    .advanced-tabs-banner .bannerForm {
        margin: 15px 0 25px !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerForm #myTab {
        display: flex !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerForm #myTab .nav-item {
        flex: 1 !important;
    }
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(1) button,
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        width: 100% !important;
        padding: 10px 15px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        border: 1px solid rgba(0,0,0,0.08) !important;
        background: #f5f5f5 !important;
        color: #666 !important;
        border-radius: 12px 12px 0 0 !important;
        transition: all 0.2s ease !important;
    }
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        border-left: none !important;
    }
    .advanced-tabs-banner .bannerForm #myTab button.active {
        background: #fff !important;
        color: #000 !important;
        border-bottom: 2px solid var(--color-primary, #005DD2) !important;
    }
    .advanced-tabs-banner .bannerForm .nav-link.active:before {
        display: none !important;
    }

    .formBox {
        border: 1px solid rgba(0,0,0,0.08) !important;
        padding: 18px 16px !important;
        background: #fff !important;
        border-radius: 0 0 16px 16px !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
        width: 100% !important;
    }
    .formBox form {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .formBox form .inputfeild {
        width: 100% !important;
        margin: 0 !important;
    }
    /* Polished text & dropdown fields */
    .formBox form .inputfeild :is(select, input) {
        height: 48px !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        border: 1px solid rgba(0, 0, 0, 0.12) !important;
        border-radius: 8px !important;
        background-color: #fafafa !important;
        color: #333 !important;
    }
    /* Select2 container override for premium custom selector integration */
    .custom-select-wrapper .select2-container--default .select2-selection--multiple {
        min-height: 48px !important;
        border: 1px solid rgba(0, 0, 0, 0.12) !important;
        border-radius: 8px !important;
        background-color: #fafafa !important;
        display: flex !important;
        align-items: center !important;
        padding: 4px 8px !important;
    }
    .custom-select-wrapper .select2-container {
        width: 100% !important;
    }

    /* Convert Search Circle Button to a beautiful full-width call to action! */
    .formBox form .subBtn {
        width: 100% !important;
        margin-top: 4px !important;
    }
    .formBox form .subBtn button {
        width: 100% !important;
        height: 48px !important;
        border-radius: 8px !important;
        background: var(--c1, #F9CA24) !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border: none !important;
        box-shadow: 0 4px 10px rgba(249, 202, 36, 0.3) !important;
        transition: all 0.2s ease !important;
    }
    .formBox form .subBtn button i {
        font-size: 20px !important;
        font-weight: 700 !important;
    }
    .formBox form .subBtn button::after {
        content: 'Search Destinations' !important;
        font-family: var(--f1), sans-serif !important;
        text-transform: none !important;
    }

    /* --- TOP DESTINATIONS SECTION (BANNER BOT) --- */
    .advanced-tabs-banner .bannerBot {
        margin-top: 25px !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerBot .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .advanced-tabs-banner .bannerBot .row > div {
        width: 100% !important;
        padding: 0 !important;
    }
    .advanced-tabs-banner .bannerBotContent {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: 14px !important;
        color: #555 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        font-weight: 600 !important;
        margin-bottom: 4px !important;
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        font-weight: 700 !important;
    }
    .advanced-tabs-banner .bannerBotContent p span {
        display: block !important;
        width: 100% !important;
    }
    /* Hide skewed background box behind subheading on mobile */
    .advanced-tabs-banner .bannerSubHEad:before {
        display: none !important;
    }
    /* Natural text wrapper for highlighted span */
    .subHeadStyle {
        display: inline-block !important;
        position: relative !important;
        z-index: 1 !important;
        margin: 2px 2px !important;
        vertical-align: middle !important;
    }
    .subHeadStyle span {
        display: inline-block !important;
        background: var(--c1, #F9CA24) !important;
        padding: 2px 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #000 !important;
        border-radius: 6px !important;
        clip-path: none !important; /* Disable polygon clipping to prevent cutting off text on mobile */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    }

    /* --- REVIEW ROW --- */
    .advanced-tabs-banner .bannerreview {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin: 15px 0 !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerreview .reviewImagesMain {
        margin: 0 !important;
    }
    .advanced-tabs-banner .bannerreview p {
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #444 !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: 100% !important;
    }

    /* --- SEARCH TABS & FORMBOX --- */
    .advanced-tabs-banner .bannerForm {
        margin: 15px 0 25px !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerForm #myTab {
        display: flex !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerForm #myTab .nav-item {
        flex: 1 !important;
    }
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(1) button,
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        width: 100% !important;
        padding: 10px 15px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        border: 1px solid rgba(0,0,0,0.08) !important;
        background: #f5f5f5 !important;
        color: #666 !important;
        border-radius: 12px 12px 0 0 !important;
        transition: all 0.2s ease !important;
    }
    .advanced-tabs-banner .bannerForm #myTab li:nth-child(2) button {
        border-left: none !important;
    }
    .advanced-tabs-banner .bannerForm #myTab button.active {
        background: #fff !important;
        color: #000 !important;
        border-bottom: 2px solid var(--color-primary, #005DD2) !important;
    }
    .advanced-tabs-banner .bannerForm .nav-link.active:before {
        display: none !important;
    }

    .formBox {
        border: 1px solid rgba(0,0,0,0.08) !important;
        padding: 18px 16px !important;
        background: #fff !important;
        border-radius: 0 0 16px 16px !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
        width: 100% !important;
    }
    .formBox form {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .formBox form .inputfeild {
        width: 100% !important;
        margin: 0 !important;
    }
    /* Polished text & dropdown fields */
    .formBox form .inputfeild :is(select, input) {
        height: 48px !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        border: 1px solid rgba(0, 0, 0, 0.12) !important;
        border-radius: 8px !important;
        background-color: #fafafa !important;
        color: #333 !important;
    }
    /* Select2 container override for premium custom selector integration */
    .custom-select-wrapper .select2-container--default .select2-selection--multiple {
        min-height: 48px !important;
        border: 1px solid rgba(0, 0, 0, 0.12) !important;
        border-radius: 8px !important;
        background-color: #fafafa !important;
        display: flex !important;
        align-items: center !important;
        padding: 4px 8px !important;
    }
    .custom-select-wrapper .select2-container {
        width: 100% !important;
    }

    /* Convert Search Circle Button to a beautiful full-width call to action! */
    .formBox form .subBtn {
        width: 100% !important;
        margin-top: 4px !important;
    }
    .formBox form .subBtn button {
        width: 100% !important;
        height: 48px !important;
        border-radius: 8px !important;
        background: var(--c1, #F9CA24) !important;
        color: #000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border: none !important;
        box-shadow: 0 4px 10px rgba(249, 202, 36, 0.3) !important;
        transition: all 0.2s ease !important;
    }
    .formBox form .subBtn button i {
        font-size: 20px !important;
        font-weight: 700 !important;
    }
    .formBox form .subBtn button::after {
        content: 'Search Destinations' !important;
        font-family: var(--f1), sans-serif !important;
        text-transform: none !important;
    }

    /* --- TOP DESTINATIONS SECTION (BANNER BOT) --- */
    .advanced-tabs-banner .bannerBot {
        margin-top: 25px !important;
        width: 100% !important;
    }
    .advanced-tabs-banner .bannerBot .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .advanced-tabs-banner .bannerBot .row > div {
        width: 100% !important;
        padding: 0 !important;
    }
    .advanced-tabs-banner .bannerBotContent {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    .advanced-tabs-banner .bannerBotContent h5 {
        font-size: 14px !important;
        color: #555 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        font-weight: 600 !important;
        margin-bottom: 4px !important;
    }
    .advanced-tabs-banner .bannerBotContent p {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        font-weight: 700 !important;
    }
    .advanced-tabs-banner .bannerBotContent p span {
        display: block !important;
        font-size: 22px !important;
        color: var(--color-primary, #005DD2) !important;
        margin-top: 2px !important;
    }

    /* --- SLIDER CARDS ALIGNMENT & CENTERING --- */
    .dp-wrap {
        left: 0 !important;
        width: 100% !important;
        transform: none !important;
        margin: 15px auto 0 !important;
        height: 190px !important;
        overflow: visible !important;
    }
    #dp-slider {
        width: 100% !important;
        height: 170px !important;
        position: relative !important;
        margin: 0 auto !important;
        overflow: visible !important; /* Allow the stacked deck of cards to extend beyond the slider container */
    }
    /* Centered base position for stacked slide items on mobile view */
    .dp_item {
        width: 46% !important;
        height: 150px !important;
        left: 27% !important; /* Centers a 46% wide card perfectly: (100% - 46%) / 2 */
        transition: transform 0.6s ease, left 0.6s ease !important;
    }
    #dp-slider, .dp-img img {
        height: 150px !important;
        width: 100% !important;
    }
    .dp_item h5 {
        font-size: 16px !important;
        bottom: 12px !important;
        font-weight: 700 !important;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.95) !important;
    }
    .dp-wrap-arrow {
        display: none !important;
    }
    
    /* Exact premium translateX offsets and scaling for deck of cards effect on mobile */
    .dp_item[data-position="2"] {
        transform: rotateY(0deg) translateX(30%) scale(0.9) !important;
        z-index: 9 !important;
    }
    .dp_item[data-position="3"] {
        transform: rotateY(0deg) translateX(60%) scale(0.8) !important;
        z-index: 8 !important;
    }
    .dp_item[data-position="4"] {
        transform: rotateY(0deg) translateX(90%) scale(0.7) !important;
        z-index: 7 !important;
    }
    .dp_item[data-position="5"] {
        transform: rotateY(0deg) translateX(120%) scale(0.6) !important;
        z-index: 6 !important;
    }
    .dp_item[data-position="6"] {
        transform: rotateY(0deg) translateX(150%) scale(0.5) !important;
        z-index: 5 !important;
    }
}