nav.mobile-active.active {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #7939fe;
    top: 0;
    left: 0;
    display: flex;
    padding-left: 50px;
    flex-direction: column;
    padding-top: 100px;
}

@media screen and (max-width: 1610px) {
    .friendly-inner-Amenities {
        width: 25%;
    }
    h3.type-title {
        font-size: 14px !important;
    }

    .product_area .list-pro-cont .mt-3 {
        margin-top: 16px !important;
    }

    .card-menu.pro-specification {
        font-size: 13px;
    }

    .histry-text h5 {
        font-size: 20px;
    }

    .input-histry {
        margin-bottom: 10px;
    }

    .input-histry input[type="date"] {
        font-size: 16px;
    }

    .input-histry h5 {
        font-size: 16px;
    }

    .head-histry-hd h4 {
        font-size: 18px;
    }

    .head-histry-hd h5 {
        font-size: 20px;
    }

    .booking-card-img {
        width: 26%;
        /* max-width: 298px; */
    }

    h1.car-hd-slider {
        max-width: 300px;
    }

    .choose-text h2 {
        font-size: 40px;
        line-height: 1.2;
    }

    .gallery-large-centerimg img {
        /* width: 97%; */
        border-radius: 20px;
        width: 100%;
        height: 639px;
        object-fit: cover;
        object-position: center;
        max-width: 888px;
    }

    img.bundle-offer-img-1.bundle-offer-imges {
        position: absolute;
        top: 0;
        right: 0;
    }

    section.package-banner {
        padding: 190px 0 168px 0;
    }

    .yellow-box {
        width: 140px;
        height: 134px;
    }

    .yellow-box h4 {
        font-size: 28px;
    }

    h2.price {
        font-size: 32px;
    }

    .list-pro-cont h3 {
        font-size: 22px;
    }

    .packbox {
        height: 510px;
    }

    .height-85 {
        height: 50px;
    }

    .packbox h1 {
        font-size: 45px;
    }

    .packbox h2 {
        font-size: 30px;
    }

    .pack-car {
        width: 100px;
        height: 100px;
    }

    .packbox p {
        font-size: 18px;
    }

    .pack-car img {
        width: 60px;
    }



    .cloud-two-pack {
        left: 630px;
        bottom: 60px;
    }

    .svg-layer svg {
        width: 100%;
        max-width: 860px;
    }

    .sundiv {
        left: 640px;
        top: 140px;
        width: 80px;
        height: 80px;
    }

    section.syncl-slider::before {
        height: 435px;
        width: 435px;
    }

    .ballimg.signin img {
        width: 85px;
    }

    .ballimg.signin {
        top: 51px;
        right: 39%;
    }

    .starimg.signin img {
        width: 80px;
    }

    .starimg.signin {
        bottom: 62px;
    }

    .choose-icon {
        margin-bottom: 30px;
    }

    .banner-text h1.larg-text {
        font-size: 80px;
        line-height: 85px;
    }

    .car-travel-text {
        padding-left: 165px !important;
    }

    button.open-mobile-menu {
        display: none;
    }

    section.banner .ballimg img {
        width: 80px;
    }

    section.banner .ballimg {
        right: 43%;
        top: 45px;
    }

    .travelimg img {
        width: 100%;
    }

    .banner-text {
        margin-top: 40px;
    }

    .roomslider-btn {
        top: 25%;
    }

    .right-silder p {
        font-size: 16px;
    }

    .roomslider-btn button p {
        font-size: 25px;
    }

    .roomslider-btn button i {
        font-size: 45px;
    }

    button.leftbtn-room {
        position: relative;
        left: 75px;
    }

    .about-right-img img {
        width: 100%;
    }

    .innerpage-banner-bg {
        padding: 5rem 0;
        background-size: contain;
        background-position: left;
    }

    section.about-explore {
        padding: 70px 0 200px;
    }

    .slider-room .slick-list.draggable {
        padding: 0px 400px !important;
    }
}

@media screen and (max-width: 1520px) {
    .car-travel-text {
        padding-left: 125px;
    }
}

@media screen and (max-width: 1450px) {
    .histry-date-area input {
        width: 45%;
    }

    .vertical-img {
        height: 250px !important;
    }

    .price.pro-price {
        font-size: 16px;
    }

    .product_img {
        height: 270px !important;
    }

    .card-menu.pro-specification {
        font-size: 12px;
    }

    .histry-text h5 {
        font-size: 18px;
    }

    .input-histry h5 {
        font-size: 14px;
    }

    .input-histry input[type="date"] {
        font-size: 14px;
    }

    .head-histry-hd h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .head-histry-hd h5 {
        font-size: 18px;
        margin-bottom: 0;
    }

    img.drop-shadow.book-hotel {
        height: 78px;
        top: -6px;
    }

    .booking-card-img {
        width: 28%;
        /* max-width: 298px; */
    }

    /* img.drop-shadow.vehicle-detail {
        height: 80px;
        width: 80px;
        right: -16px;
    } */
    .box-inner-box {
        height: 200px;
    }

    .pro-spacification-list {
        gap: 15px 10px;
    }

    .spaci-list-box {
        width: 24%;
    }

    p.slider-para-car {
        margin-bottom: 10px;
    }

    h3.card-price {
        font-size: 18px;
        margin-bottom: 2px;
    }

    h2.cart-hd {
        font-size: 25px;
    }

    img.lists-filters.drop-shadow {
        width: 80px;
    }

    .select-field {
        font-size: 18px !important;
    }

    .slider-txtpd {
        padding: 0px 20px 15px;
    }

    .slider-txtpd.height {
        height: 230px;
    }

    h1.car-hd-slider {
        max-width: 250px;
    }

    .booking-card-text {
        width: 68%;
    }

    .gallery-large-centerimg img {
        /* width: 97%; */
        border-radius: 20px;
        width: 100%;
        height: 620px;
        object-fit: cover;
        object-position: center;
        max-width: 828px;
    }

    .cloud-two-pack {
        bottom: 30px;
    }

    section.package-banner {
        padding: 190px 0 119px 0;
    }

    .list-pro-cont h4 {
        font-size: 20px;
    }

    .list-pro-cont h3 {
        font-size: 20px;
    }

    .yellow-box h4 {
        font-size: 24px;
    }

    .yellow-box {
        width: 135px;
        height: 135px;
    }

    .text-right-area del {
        font-size: 16px;
    }

    .text-right-area a,
    .text-right-area button {
        font-size: 16px;
        padding: 7px 20px;
    }

    .pro-country {
        margin-bottom: 0px;
    }

    .para-wonder {
        font-size: 14px !important;
    }

    h2.price {
        font-size: 24px;
    }

    .left-banner-circle {
        top: -60px;
        left: -60px;
    }

    .cloud-two-pack {
        left: 600px;
    }

    .svg-layer svg {
        width: 100%;
        max-width: 810px;
    }

    .sundiv {
        left: 590px;
        top: 130px;
        width: 70px;
        height: 70px;
    }

    section.syncl-slider::before {
        top: -230px;
        left: -260px;
    }

    .checkbtn {
        width: 31%;
        /*height: 95px;*/
    }

    .larg-text {
        font-size: 60px;
    }

    .larg-text {
        font-size: 74px;
    }

    p.banner-para {
        font-size: 16px;
    }

    .car-travel-text {
        padding-left: 150px;
    }

    .roomslider-btn button p {
        font-size: 25px;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 400px !important;
    }
}

@media screen and (max-width: 1414px) {
    .Powertrain.radios-fields.step-form-area-radio {
        width: 22%;
    }
    .friendly-inner-Amenities {
        width: 28%;
    }

    .checkBox-type {
        gap: 10px;
    }

    .gallery-large-centerimg img {
        height: 600px;
        max-width: 808px;
    }

    section.package-banner {
        padding: 190px 0 111px 0;
    }

    section.syncl-slider::before {
        top: -230px;
        left: -280px;
    }

    .input-histry h5 {
        font-size: 14px;
    }

    .input-histry input[type="date"] {
        font-size: 14px;
    }

    .histry-text h5 {
        font-size: 18px;
    }

    .histry-text h6 {
        font-size: 16px;
    }

    .head-histry-hd h4,
    .head-histry-hd h5 {
        font-size: 17px;
    }

    .slider-gallery-box {
        margin: 10px 10px;
    }

    .slider-gallery-box img {
        max-width: 144px;
        height: 103px;
        object-fit: cover;
    }

    .flex-btn-shop {
        display: inline-flex;
        width: fit-content;
        margin: 0 auto !important;
    }

    .flex-btn-shop button {
        padding: 11px 26px;
        margin: 20px 11px !important;
        font-size: 13px;
    }

    h1.near-hd {
        font-size: 30px;
    }

    .search-btn button {
        padding: 15px 30px;
        font-size: 15px;
    }

    button.tab-button {
        padding: 8px 30px;
        font-size: 13px;
    }

    .choose-text h2 {
        font-size: 45px;
    }

    .choose-text p {
        font-size: 14px;
    }

    .imgaes-btn img {
        width: 140px;
        height: 148px;
    }

    li.header-link a {
        font-size: 14px;
        margin-right: 15px;
    }

    .User-btns button {
        padding: 11px 35px;
        font-size: 12px;
        margin-left: 4px;
    }

    .larg-text {
        font-size: 70px;
    }

    .circle-video {
        width: 533px;
        height: 549px;
    }

    .circle-video video {
        width: 494px;
        height: 508px;
    }

    .car-travel-text h2 {
        font-size: 42px;
    }

    .car-travel-text h2 {
        font-size: 42px;
    }

    .women-girl img {
        width: 450px;
        height: 450px;
    }

    .get-img:before {
        width: 510px;
        height: 518px;
    }
}

@media screen and (max-width: 1400px) {
    .histry-date-area input {
        width: 100% !important;
    }

    .svg-layer svg {
        width: 100%;
        max-width: 750px;
    }

    .sundiv {
        left: 460px;
    }
}

@media screen and (max-width: 1376px) {
    .friendly-inner-Amenities {
        width: 33%;
    }
    img.lists-filters.drop-shadow {
        /* height: 77px; */
        width: 80px;
        /* top: -6px; */
    }
    .reserve-bottom-area {
        padding: 40px 20px;
    }

    h1.car-hd-slider {
        max-width: 230px;
    }

    .choose-para p {
        width: 100%;
    }

    .innerpage-banner-bg {
        padding: 4.2rem 0;
        background-size: contain;
        background-position: left;
    }

    section.package-banner {
        padding: 178px 0 108px 0;
    }

    .sundiv {
        left: 500px;
        height: 70px;
        width: 70px;
    }

    .cloud-two-pack {
        left: 510px;
    }

    .svg-layer svg {
        width: 100%;
        max-width: 750px;
    }

    /*section.syncl-slider::before {*/
    /*  display: none;*/
    /*}*/
    section.syncl-slider::before {
        height: 405px;
        width: 405px;
    }

    .abt-box h4 {
        font-size: 18px !important;
    }

    /*.innerpage-banner-bg {*/
    /*  padding: 3.2rem 0;*/
    /*}*/
    .input-histry h5 {
        font-size: 14px;
    }

    .input-histry input[type="date"] {
        font-size: 14px;
    }

    .histry-text h5 {
        font-size: 18px;
    }

    .histry-text h6 {
        font-size: 16px;
    }

    .head-histry-hd h4,
    .head-histry-hd h5 {
        font-size: 17px;
    }

    .slider-gallery-box {
        margin: 10px 10px;
    }

    .slider-gallery-box img {
        max-width: 144px;
        height: 103px;
        object-fit: cover;
    }

    .flex-btn-shop {
        display: inline-flex;
        width: fit-content;
        margin: 0 auto !important;
    }

    .flex-btn-shop button {
        padding: 11px 26px;
        margin: 20px 11px !important;
        font-size: 13px;
    }

    h1.near-hd {
        font-size: 30px;
    }

    .search-btn button {
        padding: 15px 30px;
        font-size: 15px;
    }

    button.tab-button {
        padding: 8px 30px;
        font-size: 13px;
    }

    /*.choose-text h2 {*/
    /*  font-size: 45px;*/
    /*}*/

    .choose-text p {
        font-size: 14px;
    }

    .imgaes-btn img {
        width: 140px;
        height: 148px;
    }

    li.header-link a {
        font-size: 14px;
        margin-right: 15px;
    }

    .User-btns button {
        padding: 11px 35px;
        font-size: 12px;
        margin-left: 4px;
    }

    .larg-text {
        font-size: 70px;
    }

    .circle-video {
        width: 533px;
        height: 549px;
    }

    .circle-video video {
        width: 494px;
        height: 508px;
    }

    .car-travel-text h2 {
        font-size: 42px;
    }

    .car-travel-text h2 {
        font-size: 42px;
    }

    .women-girl img {
        width: 450px;
        height: 450px;
    }

    .get-img:before {
        width: 510px;
        height: 518px;
    }
    .reserve-top-area {
        padding: 20px 14px 20px 20px;
    }
    .reserve-top-area span {
        font-size: 28px;
    }
}

@media screen and (max-width: 1290px) {
    .para-wonder span {
        font-size: 13px;
    }

    .rent-btn {
        padding: 5px 9px;
        font-size: 12px;
        margin-right: 6px;
    }

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

    .product-guest-have img {
        max-width: 25px;
        margin-bottom: 5px;
    }

    .product_area .list-pro-cont .mt-3 {
        margin-top: 10px !important;
    }

    .card-menu.pro-specification {
        font-size: 10px;
        font-weight: 600;
    }

    .slider-txtpd.height {
        height: 220px;
    }

    a.btn.btn-secondary.cancel-error-popup,
    a.btn.btn-primary.cancel-booking-btn {
        font-size: 13px;
    }

    .histry-img img {
        height: 160px;
    }

    .search-input.histry {
        height: 38px;
        font-size: 14px;
    }

    .histryBar .primary-btn {
        padding: 8px 25px;
        font-size: 12px;
    }

    .input-histry h5 {
        font-size: 13px;
    }

    .searchbar-bg {
        top: -35px;
    }

    .contact-text h2 {
        font-size: 45px;
    }

    .checkbtn {
        width: 46%;
        /* height: 95px; */
    }

    img.drop-shadow.book-hotel {
        height: 72px;
        top: -6px;
        width: 80px;
    }

    .booking-card-img {
        width: 29%;
        /* max-width: 298px; */
    }

    .booking-card-text {
        width: 68%;
    }

    .box-inner-box p {
        margin-bottom: 0px;
    }

    /* img.drop-shadow.vehicle-detail {
        height: 75px;
        width: 75px;
        right: -15px;
    } */

    /* img.lists-filters.drop-shadow {
        height: 72px;
        width: 70px;
    } */
    .select-field {
        font-size: 16px !important;
    }

    .Powertrain.radios-fields.step-form-area-radio {
        width: 26%;
    }

    .layer-box {
        margin: 10px 10px;
    }

    h1.car-hd-slider {
        max-width: 210px;
    }

    .toppadding-btm {
        padding-bottom: 0;
    }

    .choose-para h4 {
        font-size: 22px;
    }

    .choose-para p {
        font-size: 14px;
    }

    .gallery-large-centerimg img {
        height: 585px;
        max-width: 745px;
    }

    .para-wonder {
        font-size: 13px !important;
    }

    button.rent-btn {
        padding: 5px 10px;
        font-size: 12px;
        margin-right: 5px;
    }

    .text-right-area a,
    .text-right-area button {
        font-size: 14px;
        padding: 10px 20px;
    }

    h2.price {
        font-size: 19px;
    }

    .list-pro-cont h4 {
        font-size: 17px;
    }

    .list-pro-cont h3 {
        font-size: 17px;
    }

    .yellow-box {
        width: 100px;
        height: 100px;
    }

    .yellow-box h4 {
        font-size: 16px;
    }

    .sundiv {
        left: 460px;
        top: 100px;
        height: 60px;
        width: 60px;
    }

    .cloud-two-pack img {
        width: 130px;
    }

    .banner-pack-hd h2 {
        font-size: 74px;
    }

    .premier-area h2 {
        font-size: 50px;
    }

    .premier-title {
        font-size: 24px;
    }

    .primier-descrip {
        font-size: 18px;
    }

    section.about-explore {
        padding: 70px 0 55px;
    }

    .innerpage-banner-bg {
        padding: 3rem 0;
    }

    .choose-icon.recommended-shop img {
        width: 420px;
        height: 470px;
    }

    section.about-explore .get-img:before {
        top: 36px;
        right: 15px;
        width: 500px;
        height: 500px;
    }

    .innerpage-banner-bg {
        padding: 3.3rem 0;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 320px !important;
    }

    button.right-room {
        right: 80px;
    }

    button.leftbtn-room {
        position: relative;
        left: 50px;
    }

    .car-travel-text h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1212px) {
    img.bundle-offer-imges {
        max-width: 100%;
    }

    .box-histry {
        padding-right: 20px;
    }

    .input-histry input[type="date"] {
        font-size: 13px;
    }

    .testimonials-about h4 {
        font-size: 22px;
    }

    .img-box-slider {
        margin-bottom: 15px;
    }

    .choose-text h2 {
        font-size: 40px;
    }

    .box-inner-box {
        height: 200px;
    }

    input.pickadate.select-field.mb-3.flatpickr-input.flatpickr-mobile {
        margin-bottom: 10px !important;
    }

    .side-box-calendar h4 {
        padding: 8px 0;
    }

    h5.avai-dis-title {
        font-size: 18px;
    }

    h3.pro-hd-medium {
        font-size: 26px;
    }

    h1.pro-hd-larg {
        font-size: 45px;
    }

    .gallery-large-centerimg img {
        height: 565px;
        max-width: 725px;
    }

    .search-input {
        padding: 0 10px;
    }

    textarea.search-input {
        padding: 10px 10px !important;
    }

    .checkBox {
        gap: 10px;
    }

    section.package-banner {
        padding: 170px 0 100px 0;
    }

    .cloud-two-pack img {
        width: 120px;
        /* left: 698px; */
    }

    .cloud-two-pack {
        left: 450px;
        bottom: 30px;
    }

    .cloud-one-pack {
        top: 105px;
    }

    .cloud-one-pack img {
        width: 120px;
    }

    .banner-pack-hd h4 {
        font-size: 17px;
    }

    section.package-banner {
        padding: 180px 0 80px 0;
    }

    .banner-pack-hd h2 {
        font-size: 64px;
    }

    .sundiv {
        left: 440px;
        top: 130px;
        height: 50px;
        width: 50px;
    }

    .cloud-two-pack img {
        width: 120px;
    }

    span.fa.fa-star.fil-checked {
        font-size: 12px;
    }

    span.fa.fa-star.fil-unchecked {
        font-size: 12px;
    }

    .list-filter {
        max-width: 290px;
    }

    .left-banner-circle {
        top: -100px;
        left: -100px;
    }

    .svg-layer svg {
        width: 700px;
        height: 559px;
    }

    /* section.package-banner {
      padding: 230px 0 207px 0;
    } */
    .register-car-room::before {
        height: 370px;
        width: 355px;
    }

    .premier-title {
        font-size: 22px;
    }

    .reserve-top-area span {
        font-size: 20px;
    }

    .reserve-top-area h1 {
        font-size: 22px;
    }

    .register-car-room-inner h1 {
        font-size: 30px;
    }

    .reserve-select-field {
        font-size: 18px;
    }

    .abt-box h4 {
        font-size: 16px !important;
    }

    .client-rated-area div:nth-child(1) {
        width: 30%;
        max-width: 150px;
    }

    .d-res-none {
        display: none !important;
    }

    .navbar-res {
        width: 100%;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 350px !important;
    }

    button.right-room {
        right: 80px;
    }

    button.leftbtn-room {
        position: relative;
        left: 50px;
    }

    .car-travel-text h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1200px) {
    .col-12.padd-0 {
        padding: unset !important;
    }
    .reserve-select-field {
        padding: 10px 10px;
    }

    .histry-cont {
        padding: 20px 25px;
    }

    .box-histry {
        padding-right: 0;
    }

    .shortage-btn {
        display: none;
    }

    .tab-content-grid[data-content="list"] {
        display: none;
    }
}

@media screen and (max-width: 1034px) {


    .search-input.histry {
        height: 38px;
        font-size: 11px;
    }



    .histry-img img {
        height: 240px;
    }



    /* .histry-img img {
          height: 250px;
      }
      .col-12.col-lg-12.padd-0 {
          padding: 0 12px;
      } */
    /* .box-histry {
          padding-right: 0;
      } */
    .histry-text h5 {
        font-size: 16px;
    }

    .img-user-histry img {
        width: 45px;
        height: 45px;
        margin-right: 5px;
    }

    .head-histry-hd h4,
    .head-histry-hd h5 {
        font-size: 16px;
    }

    .head-histry-hd h4,
    .head-histry-hd h5 {
        font-size: 15px;
    }

    .paysbtn {
        gap: 10px;
    }

    .test-quote {
        width: 45px;
        height: 30px;
    }

    li.contactList {
        width: 100%;
    }

    .search-input {
        height: 45px;
        font-size: 12px;
    }

    img.drop-shadow.book-hotel {
        height: 67px;
        top: -6px;
        width: 70px;
    }

    .booking-card-img {
        width: 40%;
        /* max-width: 298px; */
    }

    .checkout-btn button {
        padding: 12px 22px;
        font-size: 14px;
    }



    section.shop-page {
        padding: 3rem 0;
    }

    img.lists-filters.drop-shadow {
        height: 68px !important;
        width: 55px !important;
        right: -12px;
        top: -7px;
    }

    .Powertrain.radios-fields.step-form-area-radio {
        width: 33%;
    }

    .checkout-field input {
        padding: 8px 10px 8px 5px !important;
        font-size: 14px !important;
        height: 40px;
    }

    h1.car-hd-slider {
        max-width: 360px;
    }

    /*    .nearby .tabs {*/
    /*    float: unset !important; */
    /*}*/
    /*.over-tabs {*/
    /*    width: auto;*/
    /*}*/
    .over-tabs {
        display: flex;
        overflow-x: auto;
        width: 570px;
    }

    .booking-card-text {
        width: 56%;
    }

    .input-calendar.mt-4 {
        margin-top: 15px !important;
    }

    .side-box-calendar h4 {
        margin-bottom: 0;
        font-size: 18px;
    }

    .side-box-calendar {
        padding: 10px 10px;
    }

    .gallery-large-centerimg img {
        height: 525px;
        max-width: 580px;
    }

    .spaci-list-box {
        width: 32%;
    }

    h1.pro-hd-larg {
        font-size: 40px;
        line-height: 1;
    }

    .img-box-slider img {
        height: 240px;
    }

    /*.d-flex.gap-2.mb-2.no-of-guest .form-field-box {*/
    /*    width : 100%;*/
    /*}*/
    /*    .d-flex.gap-2.mb-2.no-of-guest {*/
    /*    display: block !important;*/
    /*}*/
    .shop-siderbar {
        padding: 20px 10px;
    }

    /*.nearby .row.align-items-center {*/
    /*    align-items : end !important;*/
    /*} */
    section.syncl-slider::before {
        display: none;
    }

    input.reserve-select-field::placeholder {
        font-size: 16px;
    }

    .banner-pack-hd span.packages-line-bottom:after {
        bottom: 10px;
        left: 20px;
    }

    .banner-pack-hd span.line-bottom:after {
        bottom: 10px;
    }

    .packbox {
        height: 448px;
    }

    .packbox h1 {
        font-size: 40px;
    }

    .packbox h2 {
        font-size: 25px;
    }

    .pack-car img {
        width: 45px;
    }

    .pack-car {
        width: 80px;
        height: 80px;
    }

    .height-85 {
        height: 80px;
    }

    .get-btn a {
        padding: 12px 50px;
    }

    .list-filter {
        position: absolute;
        width: 100%;
        z-index: 99;
        left: -100%;
        max-width: 40%;
        transition: 0.5s;
    }

    .list-filter.active {
        left: 10px;
    }

    .packbox .mt-5 {
        margin-top: 10px !important;
    }

    .get-btn a {
        font-size: 20px;
    }

    .banner-pack-hd h4 {
        font-size: 12px;
    }

    .banner-pack-hd h2 {
        font-size: 50px;
    }

    .cloud-two-pack {
        left: 410px;
        bottom: 20px;
    }

    .cloud-one-pack {
        display: none;
    }

    .sundiv {
        left: 440px;
        top: 40px;
    }

    .svg-layer svg {
        width: 700px;
        height: 469px;
    }

    section.package-banner {
        padding: 150px 0 78px 0;
    }

    .service-label-area input {
        height: 25px;
        width: 25px;
    }

    .room-amenities-main {
        padding-left: 10px;
    }

    .reserve-select-field {
        font-size: 16px;
    }

    .reserve-top-area span {
        font-size: 22px;
    }

    .reserve-top-area h1 {
        font-size: 18px;
    }

    .rental-features-img {
        height: 69px;
        width: 69px;
    }

    .register-car-room::before {
        height: 356px;
        width: 330px;
    }

    .register-car-room-inner p {
        font-size: 16px;
    }

    .register-car-room-inner h1 {
        font-size: 26px;
    }

    .friendly-Amenities-img {
        height: 60px;
        width: 60px;
    }

    .friendly-Amenities label {
        font-size: 16px;
    }

    .primier-descrip {
        font-size: 15px;
    }

    .total-cost-text {
        font-size: 24px;
    }

    .extra-service-title {
        font-size: 24px;
    }

    .service-label-area {
        gap: 15px;
        font-size: 16px;
    }

    .adults-kids-area {
        display: block;
    }

    .adults-kids-area .hotel-drop {
        width: 100%;
    }

    .reserve-top-area {
        padding: 20px 14px 20px 20px;
    }

    .reserve-bottom-area {
        padding: 50px 20px;
    }

    .premier-area h2 {
        font-size: 35px;
    }

    .premier-title {
        font-size: 18px;
    }

    .client-rated-area div:nth-child(1) {
        width: 35%;
        max-width: 150px;
    }

    .tabs-content {
        padding: 0 5px;
    }

    footer.footer-sec {
        padding: 10px 0 0;
    }

    ul.under-list {
        padding: 0;
    }

    .abt-box h4 {
        font-size: 20px !important;
    }

    .right-silder h5 {
        font-size: 17px;
    }

    .slider-left h5 {
        font-size: 25px;
    }

    .slider-left h3 {
        font-size: 24px;
    }

    .right-silder p {
        font-size: 13px;
    }

    .User-btns.menubar {
        display: none !important;
    }

    .car-travel-text {
        padding-left: 60px !important;
    }

    .car-travel-text h2 {
        font-size: 26px !important;
    }

    .car-travel-text p {
        font-size: 12px !important;
    }

    .car-images {
        padding: 113px 10px !important;
    }

    img.bannertwo-img {
        position: relative;
        bottom: 30px;
    }

    button.open-mobile-menu {
        display: block;
    }

    nav.mobile-active.active .User-btns.menubar {
        display: none;
    }

    nav.mobile-active.active .user-area {
        display: none;
    }

    nav.mobile-active.active li.header-link a.active {
        color: #fff !important;
    }

    nav.mobile-active.active .User-btns.menubar {
        display: block;
        margin: 0;
    }

    li.header-link a {
        display: block;
        padding: 10px;
        width: fit-content;
        font-size: 25px;
    }

    nav.mobile-active.active button.manu-close-btn {
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 100px;
        font-size: 25px;
        background: var(--purple);
        color: white;
    }

    .sign-hd {
        font-size: 40px !important;
    }

    .signup-bg {
        display: grid;
        align-items: center;
        justify-content: center;
        height: auto;
        padding: 30px 0;
    }

    .slider-gallery-box img {
        max-width: 115px;
        height: 103px;
    }

    .set-formbl {
        float: unset !important;
    }

    .set-formbl .slider-btn {
        margin: 0 auto;
    }

    /*.checkbtn {*/
    /*  width: 110px;*/
    /*  height: 88px;*/
    /*  margin-bottom: 14px;*/
    /*}*/
    .search-input {
        width: 100%;
        margin-bottom: 0px;
    }

    .flex-btn-shop.mt-2 {
        display: block;
        text-align: center;
    }

    .flex-btn-shop button {
        margin: 20px 11px 0 !important;
    }

    /*.recommended-input {*/
    /*  margin-bottom: 11px;*/
    /*}*/
    h1.near-hd {
        font-size: 23px;
    }

    .choose-text h2 {
        font-size: 37px;
        line-height: 1.1;
    }

    .imgaes-btn img {
        width: 110px;
        height: 118px;
    }

    button.tab-button {
        padding: 8px 22px;
        font-size: 16px;
        margin-left: 8px;
    }

    .search-btn button {
        padding: 11px 16px;
        font-size: 14px;
        margin-left: 0;
        /* margin-bottom: 8px !important; */
    }

    .innerpage-banner-bg {
        padding: 2.5rem 0;
    }

    .searchbar-bg {
        top: -28px;
        border-radius: 10px;
        padding: 15px 15px 15px 15px !important;
    }

    h1.banner-hd {
        font-size: 50px;
        line-height: 1.2;
    }

    .column-none-tab {
        display: none;
    }

    p.slider-para-car {
        font-size: 12px;
    }

    .innerpage-banner-bg {
        padding: 2.6rem 0;
    }

    .about-right-text h1 {
        font-size: 51px;
    }

    .about-right-text p {
        width: 100%;
        font-size: 14px;
    }

    section.about-explore .get-img:before {
        top: 66px;
        right: 5px;
        width: 440px;
        height: 420px;
    }

    section.about-explore {
        padding: 20px 0 30px;
    }

    .about-text h1 {
        font-size: 44px;
    }

    .about-text p {
        font-size: 14px;
    }

    /* .testimonials-about h4 {
        font-size: 18px;
    } */
    .abt-box p {
        font-size: 14px;
    }

    .abt-box h4 {
        font-size: 20px;
    }

    .abt-box {
        padding: 20px 22px;
    }

    ul.underList {
        display: none;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 300px !important;
    }

    button.open-mobile-menu {
        display: block;
    }

    nav.mobile-active.active ul.underList {
        display: block !important;
    }

    html {
        overflow-x: hidden;
    }

    .User-btns {
        display: inline-flex;
    }

    .User-btns button {
        padding: 10px 27px;
        font-size: 12px;
        margin-left: 4px;
        color: #fff;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 230px !important;
    }

    .roomslider-btn button p {
        font-size: 15px;
    }

    .roomslider-btn button i {
        font-size: 40px;
        color: #fff;
    }

    .circle-video video {
        width: 421px;
        height: 419px;
    }

    .circle-video {
        width: 460px;
        height: 460px;
        margin: 0 auto;
    }

    .larg-text {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 22px;
    }

    .btn-banner button {
        font-size: 20px;
    }

    .text-icon h4 {
        font-size: 21px;
    }

    .text-icon p {
        font-size: 14px;
    }

    .women-girl img {
        width: 400px;
        height: 400px;
    }

    .get-img:before {
        width: 444px;
        height: 464px;
        top: 10px;
    }

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

    .box-reven h2 {
        font-size: 30px;
    }

    .btm-prom.d-flex h5 {
        font-size: 25px;
    }

    .box-reven {
        padding: 30px 30px;
    }

    .box-reven {
        padding: 30px 30px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    h1.near-hd {
        margin-bottom: 5px;
        font-size: 34px;
        text-align: center;
    }

    .near-p {
        text-align: center;
    }

    .tab-buttons.over-tabs.hotel-tabs {
        justify-content: center;
    }

    .pro-location-para {
        font-size: 12px !important;
    }

    .priv-sb-hd {
        font-size: 20px;
    }

    img.drop-shadow.vehicle-detail {
        width: 70px;
    }

    img.lists-filters.drop-shadow {
        width: 65px !important;
        right: -14px;
    }

    .answer {
        padding: 0 10px 20px;
    }

    .priv-text-area {
        font-size: 16px;
        line-height: 1.2;
    }

    .question {
        padding: 20px 50px 20px 10px;
    }

    .question .priv-sb-hd {
        font-size: 14px;
    }

    .signup-form {
        margin-top: 20px;
    }

    section.login-section .row {
        justify-content: center !important;
    }



    .padd-0 {
        padding: 12px !important;
    }

    .input-histry.d-flex.justify-content-between.align-items-center {
        display: block !important;
    }

    .histry-search-area {
        justify-content: center;
    }

    .paysbtn {
        justify-content: center;
        margin-bottom: 20px;
    }

    .testimonials-about h4 {
        font-size: 20px;
    }

    .primary-btn {
        padding: 10px 22px;
        font-size: 14px;
    }

    section.contact-us {
        padding: 1rem 0;
    }

    .res-margin-10px {
        margin-bottom: 10px;
    }

    img.drop-shadow.book-hotel {
        right: -15px;
    }

    .res-mb-0 {
        margin-bottom: 0 !important;
    }

    .rating {
        margin: 15px 0 20px auto;
        font-size: 18px;
    }

    .box-inner-box {
        width: 100%;
    }

    .spaci-list-box {
        width: 31%;
    }

    .product-name-list .row.align-items-center.justify-content-between {
        align-items: start !important;
    }

    .input-calendar-main {
        width: 49%;
    }

    .row.column-revers {
        flex-direction: column-reverse;
    }

    .Powertrain.radios-fields.step-form-area-radio {
        width: 20%;
    }

    button.tabgrid.shortage-btn {
        display: none;
    }

    .d-flex.mt-3.gap-2 .search-input.recommended-input {
        width: 49% !important;
    }

    .shop-siderbar {
        padding: 20px 20px;
    }

    /*    .search-btn button {*/
    /*    margin-bottom: 12px !important;*/
    /*}*/
    input.pickadate.select-field.mb-3.flatpickr-input.flatpickr-mobile {
        margin-bottom: 15px !important;
    }

    .tabs.text-end {
        text-align: center !important;
    }

    h1.car-hd-slider {
        max-width: 200px;
    }

    .img-box-slider {
        margin-bottom: 10px;
    }

    .slider-center-btns.center.mt-5 {
        display: none;
    }

    .booking-card-text {
        width: 57%;
    }

    h4.pro-hd-medium {
        font-size: 25px;
        font-weight: 600;
        color: black;
    }

    .speci-area {
        margin-top: 20px;
    }

    /*    .spaci-list-box {*/
    /*    width: 40%;*/
    /*}*/
    .pro-spacification-list {
        justify-content: center;
        gap: 20px 10px;
    }

    h5.pro-day {
        margin-bottom: 5px;
    }

    hr.pro-line-btm {
        width: 100%;
    }

    p.pro-para {
        margin-bottom: 0px;
    }

    .mobile-left {
        margin-top: 5px;
    }

    .float-end.center.mobile-left {
        float: left !important;
    }

    .slider-nav {
        position: relative;
        top: -60px;
    }

    .slider-gallery-box {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .gallery-large-centerimg img {
        height: 400px;
        max-width: 670px;
    }

    section.slider-main-gallery {
        padding-top: 30px;
    }

    .side-box-calendar {
        padding: 10px 40px;
        margin-bottom: 30px;
    }

    .col-12.col-lg-4.res-ordr-1 {
        order: -1;
    }

    .shop-siderbar {
        margin-bottom: 20px;
    }

    .checkbtn {
        width: 31%;
    }

    .checkbtn img {
        width: 45px;
    }

    .d-flex.gap-2.pri-per-day {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .d-flex.gap-2.pri-per-day .search-input {
        width: 49% !important;
    }

    .d-flex.gap-2.mb-2.no-of-guest {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .d-flex.gap-2.mb-2.no-of-guest .form-field-box {
        width: 49%;
    }

    .chk-inout-main .form-field-box {
        width: 49%;
    }

    .chk-inout-main {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }

    img.img-fluid.offr-bnner-img {
        display: none;
    }

    .banner-pack-hd span.line-bottom:after {
        left: -80px;
    }

    img.bundle-offer-imges {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .bound-offer-banner {
        background-image: unset !important;
        background-color: #0e446e !important;
    }

    .packbox {
        height: 458px;
        margin-bottom: 20px;
    }

    section.package-banner {
        padding: 180px 0 120px 0;
    }

    .svg-layer {
        display: none;
    }

    .left-banner-circle {
        display: none;
    }

    section.package-banner {
        background-color: #0e446e;
        background-image: unset;
    }

    .sundiv {
        display: none;
    }

    .cloud-two-pack {
        display: none;
    }

    button.open-humber {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .up-slider .slick-slide img {
        height: 300px;
    }

    .down-slider img {
        height: 230px;
    }

    .reserve-bottom-area {
        margin-bottom: 30px;
    }

    .testim-box {
        margin: 10px 5px;
        padding: 30px 10px;
    }

    .friendly-Amenities-area {
        margin-bottom: 50px;
    }

    .car-rental-features {
        margin-bottom: 30px;
    }

    .flex-logos {
        justify-content: center;
    }

    .google-map-area {
        margin-bottom: 30px;
    }

    .flex-logos div {
        width: 25%;
        text-align: center;
    }

    .google-map-area {
        margin-bottom: 30px;
    }

    .moble-reverse {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 768px) {
    .checkout-invoice-btn {
        justify-content: center !important;
        margin-top: 20px;
    }

    .booking-card-text {
        width: 100%;
    }

    .booking-card-img {
        width: 100%;
        max-width: 100%;
    }

    .booking-card-img img {
        max-width: 100%;
        height: auto;
    }

    .layer-box {
        margin: 10px 10px;
    }

    .select-field {
        margin-bottom: 10px;
    }

    .toppadding-btm {
        padding-bottom: 0px;
    }

    .reservation-hd {
        font-size: 35px !important;
    }

    .client-rated-area div:nth-child(1) {
        width: 40%;
        max-width: 150px;
    }



    .beds-iconz {
        width: 13%;
        text-align: center;
        margin-right: 30px;
    }

    body .User-btns.menubar {
        display: none !important;
    }

    li.number-btn-pag {
        padding: 11px 14px;
    }

    ul.under-list {
        padding: 0px 0px;
    }

    section.banner .raitimg {
        right: 83px;
        bottom: -80px;
    }

    .starimg img {
        width: 60px;
    }

    .starimg {
        position: absolute;
        bottom: 22px;
        left: 10px;
    }

    section.banner .ballimg img {
        width: 50px;
    }

    .car-images {
        padding: 50px !important;
    }

    .icon-img-box {
        margin: 0 0 0;
    }

    .get-img:before {
        width: 444px;
        height: 464px;
        top: 10px;
        right: 140px;
    }

    img.bannertwo-img {
        position: relative;
        bottom: 25px;
    }

    .user-area {
        display: none;
    }

    nav.mobile-active.active .user-area {
        display: flex;
        justify-content: stretch;
    }

    p.check-para-bold {
        font-size: 14px;
    }

    p.check-para {
        font-size: 14px;
    }

    .histry-img img {
        width: 100%;
    }

    .box-histry {
        padding-right: 0;
    }

    .contact-text h2 {
        font-size: 29px;
    }

    .contact-text h4 {
        font-size: 17px;
    }

    .contact-text {
        margin-top: 20px;
    }

    .choose-icon {
        margin-top: 36px;
    }

    .choose-icon .d-flex.align-items-center.mb-2 {
        display: block !important;
        text-align: center;
    }

    .choose-para p {
        width: 100%;
    }

    .search-input {
        margin-bottom: 0;
    }

    h1.near-hd {
        margin-bottom: 0;
    }

    button.funtionality-btn {
        padding: 10px 23px;
    }

    /*input.to.right-txt {*/
    /*  float: right;*/
    /*  text-align: right;*/
    /*  width: 22% !important;*/
    /*}*/
    .tabs.float-end {
        margin: 0 auto;
        width: fit-content !important;
        float: unset !important;
    }

    .choose-icon.recommended-shop {
        width: fit-content;
        margin: 0 auto;
    }

    section.ever-find {
        text-align: center;
    }

    .imgaes-btn {
        justify-content: center;
        margin-bottom: 40px;
    }


    h1.banner-hd {
        font-size: 42px;
        line-height: 1.2;
    }

    .innerpage-banner-bg {
        padding: 2rem 0;
        background-image: none;
        background-color: #584a6b;
    }

    .about-right-text.right {
        text-align: center;
    }

    section.about-explore .get-img {
        text-align: center !important;
        margin: 0 0 90px;
    }

    section.about-explore .women-girl {
        text-align: center;
    }

    section.about-box {
        padding: 0;
    }

    section.about-explore .get-img:before {
        right: 65px;
    }

    .User-btns {
        display: flex;
        margin: 0 0 0 auto;
        width: fit-content;
    }

    .banner-text h1.larg-text {
        font-size: 47px;
        line-height: 60px;
    }

    h1.larg-text img {
        width: 72px;
    }

    h2.room-hd {
        font-size: 43px;
    }

    button.light-btn {
        padding: 9px 28px;
        font-size: 18px;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 100px !important;
    }

    .roomslider-btn {
        display: none;
    }

    section.explore-section {
        text-align: center;
    }

    .car-travel-text {
        padding: 50px 90px !important;
        text-align: center;
        border-radius: unset;
    }

    .car-travel-text:before {
        border-radius: 0;
    }

    section.get-explore {
        text-align: center;
    }

    p.get-para {
        text-align: left;
    }

    .get-img {
        margin-top: 70px;
    }

    .first-colom {
        margin: unset;
        margin-bottom: 50px;
    }

    .second-colom {
        margin: unset;
    }

    .mobile-left {
        margin-top: 10px;
        float: unset !important;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {

    .near-p {
        font-size: 13px !important;
    }

    .over-tabs button.tab-button {
        margin: 0px 0px 10px 0 !important;
    }

    .tab-buttons.over-tabs {
        gap: 10px;
    }

    button.tab-button {
        padding: 10px 15px;
        font-size: 12px;
        margin-left: 8px;
    }

    .drop-shadow.book-vehicle {
        height: 70px;
    }

    .login-section {
        padding: 50px 0;
    }

    section.contact-us {
        padding: 1rem 0 3rem;
    }

    h1.banner-hd {
        text-align: center;
    }

    h1.car-hd-slider {
        max-width: 220px;
    }

    .choose-text h2 br {
        display: none;
    }

    h5.avai-dis-title {
        font-size: 16px;
    }

    h3.pro-hd-medium {
        font-size: 22px;
    }

    h5.pro-day {
        font-size: 25px;
    }

    h1.pro-hd-larg {
        font-size: 35px;
    }

    .banner-pack-hd h2 {
        text-align: center;
    }

    .banner-pack-hd h4 {
        text-align: center;
    }

    .privacy-content-area ul {
        padding-left: 20px;
    }

    .about-ser .slick-track {
        margin: 50px 0 0;
    }

    .about-ser.slick-initialized.slick-slider {
        margin: 0 0;
    }

    .grid-profile-area {
        display: block;
    }

    .grid-profile-area .slider-btn {
        float: right;
    }

    .add-product a {
        padding: 7px 7px;
        font-size: 11px;
    }

    .block-header .breadcrumb {
        justify-content: center;
        padding: 10px 10px;
        font-size: 13px;
    }

    .paysbtn {
        display: grid !important;
    }

    li.header-link a:after {
        bottom: 10px;
    }

    body .tabs-list .tab-button.active:after {
        bottom: 0 !important;
    }

    /*    body .tab-button.active {*/
    /*    color: var(--purple) !important;*/
    /*}*/
    .tabs-list {
        border: none;
    }

    .tabs-list {
        position: relative;
    }

    .tabs-list:after {
        content: "";
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 3px;
        background: whitesmoke;
        z-index: -9;
    }

    p.pagination-para {
        width: fit-content;
        margin: 0 auto 20px;
    }

    ul.under-list {
        margin: 0 auto;
    }

    section.about-explore {
        padding-top: 0 !important;
    }

    body nav.mobile-active.active .User-btns.menubar {
        display: block !important;
    }

    section.banner .raitimg {
        right: 263px;
        bottom: -60px;
    }

    .icon-img-box {
        margin: 0 0 0 0;
    }

    .get-img:before {
        right: 55px !important;
    }

    .slider-left h3 {
        font-size: 27px;
    }

    .moble-reverse {
        flex-direction: column-reverse;
    }

    nav.mobile-active.active .User-btns.menubar button {
        display: inline-flex;
    }

    /*.side-box-calendar {*/
    /*  margin-bottom: 60px;*/
    /*}*/
    .mobile-left {
        margin-top: 10px;
        float: unset !important;
        text-align: left;
    }

    .beds-iconz {
        width: 50%;
    }

    .galleryroom.position-relative {
        margin-bottom: 30px;
    }

    .tabs-list .tab-button {
        padding: 18px 12px;
        font-size: 19px;
    }

    /*.spaci-list-box {*/
    /*  width: 40%;*/
    /*}*/
    .box-inner-box img {
        width: 40px;
    }

    .set-flex-mobile {
        justify-content: start;
        gap: 10px;
    }

    /*.booking-card-img {*/
    /*  margin: 0 0 20px;*/
    /*}*/
    .checkout-btn button {
        /*margin-bottom: 20px;*/
        padding: 13px 26px;
        font-size: 14px;
    }

    .checkout-btn {
        display: flex;
    }

    h1.banner-hd {
        font-size: 37px;
        line-height: 1.2;
        /*margin-bottom: 20px;*/
    }

    .tab-buttons button {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    /*.tab-buttons {*/
    /*  display: flex;*/
    /*  flex-wrap: wrap;*/
    /*  justify-content: center;*/
    /*}*/


    .larg-text {
        font-size: 28px;
        line-height: 34px;
    }

    h1.larg-text img {
        width: auto;
        height: 52px;
        margin-bottom: 0;
    }

    section.copyright .row {
        justify-content: center;
    }

    section.about-explore .get-img:before {
        right: 15px;
    }

    .copy-img {
        margin: 9px auto;
    }

    .innerpage-banner-bg {
        padding: 2rem 0;
        background: #595077;
        text-align: center;
    }

    .abt-box {
        padding: 20px 22px;
        margin-bottom: 60px;
    }

    section.about-explore {
        padding: 70px 0 0;
    }

    .banner-text {
        margin: 0 0 60px 0;
    }

    section.hotelRoom {
        text-align: center;
    }

    .right.res-center {
        text-align: center;
    }

    h2.room-hd.mb-5 {
        margin-bottom: 20px !important;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0px 0 !important;
    }

    .slider-text {
        display: grid;
        align-items: center;
        text-align: center;
    }

    .right-silder {
        width: 100%;
        margin: 24px 0 auto 0;
    }

    .car-travel-text {
        padding: 50px 30px !important;
    }

    .first-colom {
        margin: unset;
        margin-bottom: 0;
    }

    h4.footer-hd {
        margin: 20px 0;
    }

    .User-btns button {
        display: none;
    }

    button.open-mobile-menu {
        display: block;
    }

    header.header-pd {
        position: unset !important;
        padding-right: 20px;
    }

    section.banner {
        padding: 0rem 0 2.7rem;
    }

    .sign-hd {
        font-size: 32px;
    }
}

@media screen and (max-width: 585px) {
    label.form-check-label.powertrain {
        padding: 10px 2px;
    }
    .invi-list-hd {
        width: 26%;
        text-align: start;
    }

    .Powertrain.radios-fields.step-form-area-radio {
        width: 30% !important;
    }

    .pro-location-para {
        font-size: 12px !important;
    }

    span.card-menu {
        text-align: center;
    }

    .listCont a {
        font-size: 18px;
    }

    .listCont {
        font-family: "Roboto";
        line-height: 1.3;
    }

    li.contactList {
        gap: 10px;
    }

    .histry-search-input {
        max-width: 294px;
        width: 100%;
    }

    .search-input.histry {
        height: 31px;
        font-size: 12px;
    }

    .histryBar .primary-btn {
        padding: 8px 20px;
        font-size: 10px;
    }

    .histry-img img {
        height: 280px;
    }

    .login-section {
        padding: 20px 0 50px;
    }

    .over-tabs {
        display: flex;
        overflow-x: auto;
        width: 450px;
    }

    .thanks-popup {
        max-width: 95vw;
        padding: 10px;
    }

    .invi-list-hd h5 {
        font-size: 16px;
    }

    .invi-list-para {
        font-size: 15px;
        width: 68%;
    }

    h3.pro-hd-medium.mb-5 {
        margin-bottom: 20px !important;
    }

    .d-flex.align-items-center.flex-unset {
        gap: 0;
        flex-wrap: wrap;
    }

    h5.avai-dis-title {
        font-size: 14px;
    }

    .primary-btn {
        padding: 8px 20px;
        font-size: 12px;
    }

    h3.pro-hd-medium {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .float-end.center.set-formbl {
        float: left !important;
        margin-bottom: 10px;
    }

    h5.pro-day {
        font-size: 20px;
    }

    h1.pro-hd-larg {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .side-box-calendar {
        padding: 10px 10px;
    }

    /* .checkbtn {
        width: 23%;
    } */

    h1.car-hd-slider {
        max-width: 360px;
    }

    .booking-card-text {
        width: 100%;
        margin-top: 20px;
    }

    .booking-card-img {
        width: 100%;
        max-width: 100%;
    }

    .booking-card-img img {
        max-width: 456px;
        height: 270px;
        width: 100%;
    }

    .bg-grey-check {
        margin: 0;
    }

    .d-flex.align-items-center.set-flex-mobile {
        display: block !important;
        /* text-align: center; */
    }

    section.similar-section {
        padding: 0px 30px;
    }

    .gallery-large-centerimg img {
        height: 300px;
        max-width: 500px;
    }

    .special-features-area {
        margin-top: 20px;
    }

    .box-inner-box {
        height: 180px;
    }

    .spaci-list-box {
        width: 46%;
    }

    section.shop-page {
        padding: 2rem 0;
    }

    /*    .d-flex.gap-2.mb-2.no-of-guest .form-field-box {*/
    /*    width: 100%;*/
    /*}*/
    /*.d-flex.gap-2.mb-2.no-of-guest {*/
    /*    display: block !important;*/
    /*}*/
    .chk-inout-main .form-field-box {
        width: 100%;
    }

    .chk-inout-main {
        display: block;
    }
}

@media screen and (max-width: 490px) {
    .invoice.box.invoicemgb.cncle-booking-pop h4 {
        font-size: 20px;
    }
    .invi-list-para {
        font-size: 11px;
    }
    section.privacy-policy-sec {
        padding-bottom: 30px;
    }
    .invi-list-hd {
        width: 28%;
    }
    .invoice-list-flex {
        gap: 5px;
    }

    .question {
        padding: 20px 30px 20px 10px;
    }

    .question::after {
        font-size: 1.6rem;
        right: 10px;
    }

    .question .priv-sb-hd {
        font-size: 12px;
    }

    .testimonials-about h4 {
        font-size: 16px;
    }

    .test-quote {
        width: 40px;
        height: 22px;
    }

    .testimonials-about h4:before {
        left: -35px;
        top: -14px;
        height: 40px;
        width: 40px;
        background-size: 25px 30px;
    }

    .over-tabs {
        display: flex;
        overflow-x: auto;
        width: 290px;
    }

    .checkout-btn button {
        /* margin-bottom: 20px; */
        padding: 8px 20px;
        font-size: 12px;
    }

    .slider-txtpd.height {
        height: 200px;
    }



    .checkbtn {
        width: 31%;
    }

    .tabs-content.mt-5 {
        margin-top: 10px !important;
    }

    .searchbar-bg {
        padding: 10px 10px 10px 10px !important;
    }








    img.drop-shadow {
        height: 84px;
    }

    .text-box-slider.d-flex.jusify-content-between.align-items-center {
        flex-wrap: wrap;
    }

    h1.car-hd-slider {
        width: 100%;
        max-width: 230px;
        word-break: break-word;
    }

    section.searchbar {
        padding: 0 10px;
    }

    .booking-card-img img {
        max-width: 410px;
    }

    /*    .side-box-calendar {*/
    /*    padding: 10px 20px;*/
    /*    margin-bottom: 30px;*/
    /*}*/
    h1.pro-hd-larg {
        font-size: 35px;
        line-height: 1.2;
    }

    .tabs-content {
        padding: 0 !important;
    }

    .banner-pack-hd span.packages-line-bottom:after {
        bottom: 6px;
        left: 0px;
    }

    .list-filter {
        max-width: 90%;
    }

    .list-pro-cont .d-flex.justify-content-between.align-items-end {
        display: block !important;
    }

    .text-right-area {
        text-align: left;
    }

    img.bundle-offer-imges {
        height: 250px;
    }



    .package-box {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    p.para-test {
        height: 100px;
    }

    .height-85 {
        height: 90px;
    }

    .packbox {
        height: 488px;
        margin-bottom: 20px;
    }

    .packbox h1 {
        font-size: 40px;
    }

    .packbox h2 {
        font-size: 30px;
    }

    .pack-car {
        width: 90px;
        height: 90px;
    }

    .pack-car img {
        width: 50px;
    }

    .banner-pack-hd h2 {
        font-size: 50px;
    }

    .banner-pack-hd h4 {
        font-size: 14px;
    }

    .up-slider .slick-slide img {
        height: 240px;
    }

    button.premier-btn i {
        font-size: 16px;
    }

    .premier-btn {
        width: 40px;
        height: 40px;
    }

    .down-slider img {
        width: 140px;
        height: 140px;
        object-fit: cover;
    }

    .primier-inner-badge-area img {
        width: 30px;
    }

    .primier-badge-text {
        font-size: 18px;
    }

    .premier-title {
        font-size: 16px;
    }

    .premier-area h2 {
        font-size: 25px;
    }

    img.logos-img {
        max-width: 80px;
    }

    .register-car-room-inner {
        padding: 40px 0;
    }

    .register-car-room::before {
        height: 100%;
        width: 100%;
        border-radius: unset;
    }

    .rental-features-area {
        gap: 60px;
    }

    .room-amenities-main {
        flex-wrap: wrap;
    }

    .room-amenities-area {
        width: 50%;
    }

    .friendly-inner-Amenities {
        width: 33%;
        text-align: -webkit-center;
        margin-bottom: 15px;
    }

    .friendly-Amenities {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .priv-sb-hd {
        font-size: 16px;
    }

    .priv-text-area {
        font-size: 14px;
    }

    .get-img:before {
        right: 80px !important;
    }

    .review-img-area img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
    }

    .client-rated-area div:nth-child(1) {
        width: 30%;
        max-width: 200px;
    }

    .m-l-10,
    .navbar-nav.navbar-left .input-group,
    .chat-widget .chat-scroll-list li.left .chat-info,
    .contact .c_list .c_name {
        margin-left: 32px;
    }

    .breadcrumb-item.active {
        color: #6c757d;
        font-size: 13px;
    }

    .block-header .breadcrumb a {
        color: #fff;
        font-size: 13px;
    }

    ul.breadcrumb.float-md-right {
        align-items: center;
    }

    .beds-iconz {
        text-align: initial;
    }

    .searchbar-bg {
        top: -25px;
    }

    .ballimg {
        position: absolute;
        top: -9px;
        right: 33%;
    }

    section.about-sec-one {
        padding: 40px 0;
    }

    .banner-text h1.larg-text {
        font-size: 39px;
        line-height: 60px;
    }

    p.banner-para br {
        display: none;
    }

    .icon-img-box {
        margin: 0 0 0 0;
    }

    section.banner .raitimg {
        right: 203px;
        bottom: -50px;
    }

    .starimg {
        position: absolute;
        bottom: 22px;
        left: 50px;
    }

    .get-img:before {
        width: 420px;
        height: 420px;
        top: 36px;
    }

    img.bannertwo-img {
        position: relative;
        bottom: 17px;
    }

    .banner-text {
        margin-top: 40px;
    }

    .explore-section {
        padding-bottom: 0 !important;
    }

    .car-travel-text h2 {
        margin-bottom: 20px;
    }

    .car-images {
        padding: 40px 20px;
    }



    .invi-list-hd h5 {
        text-align: left;
    }

    .sign-hd {
        font-size: 30px !important;
    }

    /*button.tab-button {*/
    /*  padding: 11px 50px;*/
    /*  font-size: 16px;*/
    /*  margin-left: 8px;*/
    /*}*/
    .tablcolum {
        padding: 20px 4px;
    }

    li.number-btn-pag {
        padding: 15px 16px;
    }

    li.alpha-btn {
        padding: 15px 14px;
    }

    .raitimg {
        position: absolute;
        bottom: 0px;
        transform: translateY(76px);
        right: 192px;
        z-index: -9;
    }

    .women-girl img {
        width: 300px !important;
        height: 300px !important;
    }

    section.about-explore .get-img:before {
        top: 60px;
        right: 5px;
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 434px) {
    .search-btn button {
        font-size: 11px;
    }

    h3.type-title {
        font-size: 12px !important;
    }

    .priv-text-area {
        font-size: 14px;
    }

    .form-field.mb-4.mt-5 {
        margin-top: 20px !important;
    }

    .paysbtn {
        gap: 5px;
    }

    .histry-img img {
        height: 220px;
    }

    .sign-sm-hd {
        font-size: 14px;
        line-height: 1.2;
    }

    .about-text p {
        font-size: 13px !important;
    }

    .testimonials-about h4 {
        font-size: 14px;
    }

    .testimonials-about {
        width: 100%;
        padding-left: 38px;
    }

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



    .search-input {
        font-size: 12px;
    }

    .feature-area ul li {
        margin: 10px 0;
        width: 100%;
    }

    .shop-siderbar button.primary-btn.primary-shadow {
        width: fit-content;
        margin: 34px auto 0;
        font-size: 12px;
        padding: 8px 18px;
    }

    .shop-siderbar {
        padding: 20px 10px;
    }

    .select-field {
        font-size: 17px !important;
    }

    section.booking-info {
        padding: 40px 12px;
    }

    .bg-grey-check {
        padding: 30px 20px !important;
    }

    .booking-card-img img {
        max-width: 390px;
        height: 240px;
    }

    .spaci-list-box {
        width: 48%;
    }

    /* .checkbtn {
        width: 40%;
    } */

    .d-flex.gap-2.pri-per-day .search-input {
        width: 48% !important;
    }

    .choose-icon.recommended-shop img {
        width: 370px;
        height: 370px;
    }



    .layer-box {
        margin: 10px 5px;
    }

    img.logo.img-fluid {
        width: 80px;
    }

    .open-filter.filter-btn {
        font-size: 18px;
        padding: 1px 13px;
    }

    .banner-pack-hd h2 {
        font-size: 46px;
    }

    .banner-pack-hd span.packages-line-bottom:after {
        bottom: 6px;
        left: -20px;
    }

    .banner-pack-hd span.line-bottom:after {
        left: -110px;
    }

    .list-pro-cont .d-flex p {
        font-size: 16px;
    }

    .filter-btn {
        font-size: 18px;
        padding: 2px 13px;
    }

    .list-pro-cont h4 {
        font-size: 15px;
    }

    .list-pro-cont h3 {
        font-size: 15px;
    }

    img.bundle-offer-imges {
        height: 200px;
    }

    .book-now-btn {
        font-size: 18px;
        padding: 10px 30.29px;
        margin-top: 20px;
    }

    .copyright p {
        color: #8c8c8c;
        font-size: 12px;
        font-weight: 400;
    }

    .up-slider .slick-slide img {
        height: 200px;
    }

    .flex-logos div {
        width: 50%;
        text-align: center;
    }

    .premier-area .col-12.col-lg-11 .d-flex.align-items-center.justify-content-between.premier-inner-area:nth-child(1) {
        display: block !important;
    }

    .add-product a {
        background-color: rgba(255, 255, 255, 0.3);
        padding: 7px 12px;
        border-radius: 30px;
        color: white;
        font-size: 9px;
    }

    .raitimg {
        position: absolute;
        bottom: 0px;
        transform: translateY(96px);
        right: 152px;
        z-index: -9;
    }

    h1.larg-text img {
        margin-bottom: 0;
    }

    .circle-video video {
        width: 341px;
        height: 340px;
    }

    .circle-video {
        width: 380px;
        height: 380px;
    }

    .invi-list-para {
        font-size: 13px;
    }

    .invi-list-hd h5 {
        font-size: 13px;
    }

    .banner-text {
        margin-top: 30px;
    }

    .explore-section {
        padding-bottom: 0;
    }

    .car-images {
        border-radius: unset;
        padding: 40px 10px;
    }

    .women-girl img {
        width: 280px !important;
        height: 280px !important;
    }

    section.about-explore .get-img:before {
        top: 60px;
        right: 5px;
        width: 280px;
        height: 280px;
    }

    .get-img:before {
        right: 65px !important;
    }

    img.bannertwo-img {
        position: relative;
        bottom: 17px;
    }
}

@media screen and (max-width: 390px) {
    .product-guest-have label {
        font-size: 10px;
    }

    .feature-list-area {
        gap: 5px;
    }

    .feature-list-area .feature-area {
        width: 32%;
    }

    .invoice.box.invoicemgb.cncle-booking-pop h4 {
        font-size: 17px;
    }

    .histryBar .primary-btn {
        padding: 6px 12px;
        font-size: 10px;
    }

    .testimonials-about h4 {
        font-size: 12px;
    }




    section.similar-section {
        padding: 0px 15px;
    }

    h2.cart-hd {
        font-size: 22px;
    }



    .choose-text h2 {
        font-size: 30px;
    }

    .select-field {
        font-size: 15px !important;
    }

    img.drop-shadow {
        height: 70px;
        width: 68px !important;
        top: -6px !important;
        right: -14px !important;
    }



    .from-area input,
    .location-area input {
        height: 42px;
    }

    h1.car-hd-slider {
        width: 100%;
        max-width: 190px;
        word-break: break-word;
    }

    .booking-card-img img {
        max-width: 340px;
        height: 200px;
    }

    .checkout-btn button {
        margin-bottom: 0px;
        padding: 8px 15px;
        font-size: 12px;
    }

    .bg-grey-check {
        padding: 20px 20px !important;
    }

    span.card-menu {
        font-size: 12px;
    }

    h2.cart-hd {
        color: var(--purple);
    }

    .open-filter.filter-btn {
        font-size: 17px;
        padding: 1px 13px;
    }

    button.grip-btn {
        font-size: 26px;
    }

    .filter-btn {
        font-size: 16px;
        padding: 2px 10px;
    }

    .banner-pack-hd span.packages-line-bottom:after {
        bottom: 0px;
        left: -80px;
    }

    .banner-pack-hd span.line-bottom:after {
        left: -140px;
        bottom: 0px;
    }

    .get-btn a {
        border-radius: 10px;
        background: #fff;
        padding: 10px 40px;
    }

    .get-btn a {
        font-size: 18px;
    }

    .packbox {
        height: 458px;
        margin-bottom: 20px;
    }

    .packbox p i {
        font-size: 18px;
    }

    .packbox p {
        font-size: 18px;
    }

    .packbox h1 {
        font-size: 30px;
    }

    .packbox h2 {
        font-size: 25px;
    }

    .pack-car img {
        width: 35px;
    }

    .pack-car {
        width: 70px;
        height: 70px;
    }

    section.package-banner {
        padding: 150px 0 70px 0;
    }

    .banner-pack-hd h4 {
        font-size: 10px;
    }

    .banner-pack-hd h2 {
        font-size: 35px;
    }

    .friendly-Amenities-area {
        margin-bottom: 10px;
        margin-top: 25px;
    }

    .primier-inner-badge-area img {
        width: 22px;
    }

    .primier-badge-text {
        font-size: 14px;
    }

    .rental-features-area {
        gap: 20px 80px;
    }

    .primier-descrip {
        font-size: 12px;
    }

    .client-rated-area div:nth-child(1) {
        width: 40%;
        max-width: 200px;
    }

    .raitimg {
        position: absolute;
        bottom: 0px;
        transform: translateY(106px);
        right: 122px;
        z-index: -9;
    }

    section.banner .raitimg {
        right: 123px;
        bottom: -60px;
    }

    .choose-icon.recommended-shop img {
        width: 340px;
        height: 340px;
    }

    .circle-video video {
        width: 301px;
        height: 300px;
    }

    .banner-text {
        margin-top: 30px;
    }

    .explore-section {
        padding-bottom: 0;
    }

    .car-images {
        border-radius: unset;
        padding: 40px 10px;
    }

    .women-girl img {
        width: 320px;
        height: 320px;
    }

    .get-img:before {
        width: 325px;
        height: 325px;
        top: 40px;
    }

    .circle-video {
        width: 340px;
        height: 340px;
    }

    img.bannertwo-img {
        position: relative;
        bottom: 17px;
    }

    .ballimg img {
        width: 60px;
    }

    .ballimg {
        top: 24px;
    }

    .tabs-list .tab-button {
        padding: 18px 12px;
        font-size: 16px;
    }

    .box-inner-box {
        width: 100%;
    }

    /*.spaci-list-box {*/
    /*  width: 70%;*/
    /*}*/
    h1.pro-hd-larg {
        font-size: 30px;
        line-height: 1.2;
    }

    .gallery-large-centerimg img {
        height: 230px;
        max-width: 360px;
    }
}

@media screen and (max-width: 370px) {
    /* .checkbtn {
        width: 45%;
    } */

    .women-girl img {
        width: 260px !important;
        height: 260px !important;
    }

    section.about-explore .get-img:before {
        top: 60px;
        right: 5px;
        width: 260px;
        height: 260px;
    }

    section.about-explore .women-girl img {
        width: 320px;
        height: 320px;
    }



    .choose-icon.recommended-shop img {
        width: 310px;
        height: 310px;
    }

    .about-right-text h1 {
        font-size: 34px;
    }

    .about-text h1 {
        font-size: 33px;
    }

    h1.banner-hd {
        font-size: 34px;
    }

    header.header-pd {
        position: unset !important;
        padding-right: 20px;
    }

    .travelimg.position-relative img {
        width: 100%;
    }

    .slider-text {
        display: grid;
        width: 100%;
    }

    .larg-text {
        font-size: 32px;
        line-height: 40px;
    }

    /* .larg-text br {
      display: none;
    } */

    .larg-text img {
        width: 75px;
        height: 61px;
    }

    .btn-banner button {
        font-size: 16px;
    }

    h2.room-hd {
        font-size: 35px;
        text-align: center;
        margin-bottom: 6px !important;
    }

    .right.res-center {
        text-align: center;
    }

    button.light-btn {
        font-size: 18px;
    }

    .circle-video {
        width: 100%;
        height: 356px;
    }

    .circle-video video {
        width: 297px;
        height: 315px;
    }

    .car-travel-text {
        padding: 50px 20px !important;
        border-radius: unset;
    }

    .car-images {
        background: #13063d;
        border-radius: 500px 0px 0 500px;
        padding: 22px 0;
        position: relative;
    }

    .car-travel-text h2 {
        font-size: 28px;
    }

    .car-travel-text p {
        font-size: 14px;
    }

    .text-icon h4 {
        font-size: 22px;
        margin-top: 18px;
    }

    p.banner-para {
        font-size: 15px;
    }

    .women-girl img {
        width: 100%;
        height: 313px;
    }

    .get-img:before {
        width: 100%;
        height: 100%;
        top: 63px;
    }

    .first-colom {
        margin: unset;
    }

    .second-colom {
        margin: unset;
    }

    img.slider-img.img-fluid {
        width: unset;
        object-fit: unset;
        height: unset;
        border-radius: 39px;
        object-position: unset;
    }

    section.hotelRoom .slick-list.draggable {
        padding: 0 !important;
    }

    .roomslider-btn {
        position: unset;
        top: 29%;
        display: flex;
        justify-content: initial;
        width: 100%;
        flex-wrap: wrap;
    }

    .right-silder {
        width: 100%;
    }

    button.leftbtn-room {
        width: 100px;
    }

    .roomslider-btn button i {
        font-size: 33px;
        color: #000;
    }

    .roomslider-btn button p {
        font-size: 11px;
    }

    .travelimg {
        margin-top: 40px;
    }

    section.banner .ballimg img {
        width: 52px;
    }

    section.banner .ballimg {
        right: 28%;
    }

    .ballimg {
        top: 34px;
    }

    .starimg img {
        width: 45px;
    }

    h4.footer-hd {
        margin-top: 30px;
    }
}

@media screen and (max-width: 320px) {
    section.banner .raitimg {
        right: 90px;
        bottom: -60px;
    }

    .circle-video video {
        width: 251px;
        height: 265px;
    }

    .circle-video {
        width: 290px;
        height: 305px;
    }

    .car-travel-text {
        padding: 30px 19px !important;
    }

    .text-icon h4 {
        font-size: 19px;
        margin-top: 15px;
    }

    .car-icons {
        margin-bottom: 40px;
    }
}