@media (max-width: 1540px) {
    section.property-detail .col-10 {
        flex: 0 0 auto;
        width: 79.333333%
    }

    section.property-detail .col-2 {
        flex: 0 0 auto;
        width: 20.666667%
    }
}

@media (max-width: 1400px) {
    .ovabrw_datetime_wrapper {
        position: relative;
        width: 49.3%;
        display: inline-block
    }
}

@media (max-width: 1280px) {
    .prop-price h5 {
        font-size: var(--f20)
    }
}

@media (max-width: 1024px) {
    section.property-detail .col-8 {
        padding-right: 0;
        width: 100%
    }

    div#book {
        width: 100%;
        padding: 0
    }

    .ovabrw_datetime_wrapper {
        width: 49.7%
    }

    a.sticky.main-btn {
        display: block
    }

    #book .side-area {
        padding: 25px
    }
}

@media (max-width: 980px) {
    .more-properties h5 span {
        font-size: var(--f18);
    }

    .more-properties .pro-cont {
        padding: var(--p30) var(--p15) var(--p15) var(--p15);
        margin-top: -10px;
    }

    .more-properties h3.title {
        font-size: var(--f18);
        height: 28px;
    }

    .more-properties .prop-view-btn a {
        text-decoration: underline;
        font-size: var(--f16);
    }

    .book-now-mob p.price,
    a.sticky.main-btn {
        display: none
    }

    section.property-detail {
        /* padding:85px 20px; */
    }

    .property-detail .row.gallery {
        margin-bottom: 30px
    }

    .property-detail .upper-area h3 {
        font-size: var(--f24)
    }

    .property-detail .row.bottom h4 {
        font-size: 22px
    }

    .spec-list p {
        font-size: var(--f17)
    }

    #book .side-area {
        padding: 30px
    }

    section.car-section {
        padding: 0 20px 80px
    }

    section.property-detail .col-10 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: var(--m20)
    }

    section.property-detail .col-2 {
        flex: 0 0 auto;
        width: 100%
    }

    .prop-price h5 {
        text-align: left
    }

    .col-3,
    .col-9 {
        width: 100%
    }

    .big-img {
        width: 73%
    }

    .col-3.sidebar {
        width: 25%
    }

    .property-detail h2 {
        font-size: 36px
    }

    .property-detail .row.bottom .amenities .row h4 {
        font-size: 18px
    }

    .book-now-mob {
        display: block
    }
}

@media (max-width: 540px) {
  #book .side-area .datepicker-common-2{
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
  }
  .row.check-form{
   position:relative; 
  }
    #tidio-chat iframe {
        inset: auto -7px 55px auto !important
    }

    .property-detail h2 {
        font-size: 28px
    }

    section.property-detail {
        padding: 40px 0px
    }

    .property-detail .gallery .col-6.left img {
        height: 200px;
        border-radius: 12px 12px 0 0
    }

    .property-detail .gallery .col-6.left {
        width: 100%;
        margin-bottom: var(--m14)
    }

    .col-3.sidebar,
    .ovabrw_datetime_wrapper,
    .property-detail .gallery .col-6,
    section.car-section .img-sec {
        width: 100%
    }

    .property-detail .gallery .col-6.right img {
        height: 150px
    }

    .gallery1 .big-img a span,
    .gallery1 .sidebar .img-active:first-child img,
    .property-detail .gallery .col-6.right .col-6:nth-child(2) img {
        border-radius: 0
    }

    .property-detail .adr-area {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin-top: 10px;
        gap: 10px;
        margin-bottom: var(--m20);
    }

    .property-detail .gallery .col-6.right .col-6:nth-child(3) img {
        border-radius: 0 0 0 12px
    }

    .property-detail .row.gallery {
        margin-bottom: 20px
    }

    .ammenities h2,
    .contact-form h2,
    .description h2,
    .policies h2,
    .property-detail .upper-area h3,
    .property-detail h4,
    .reviews h2 {
        font-size: var(--f20)
    }

    .property-detail .row.bottom h4,
    section.car-section .price h6 {
        font-size: 19px
    }

    .property-detail .ammenity-home span {
        text-align: center;
    }

    .property-detail .ammenity-home {
        gap: 5px;
        justify-content: space-between;
    }

    .spec {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px 0
    }

    .spec-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 33.33%
    }

    #amn .modal-dialog,
    #rvw .modal-dialog,
    #house .modal-dialog,
    #safety .modal-dialog,
    #cancel .modal-dialog {
        width: 80%;
    }

    #more,
    #less,
    #revw,
    #revl,
    #revw1,
    #revl1,
    #revw2,
    #revl2,
    .rul {
        font-size: 14px;
    }

    .property-detail .share-show-all-btn button.show-all-btn,
    button.main-btn.share,
    .property-detail .gallery button.main-btn {
        font-size: 14px;
    }

    .property-detail .upper-area {
        margin-bottom: var(--m20);
    }

    div#book {
        margin-top: 30px;
    }

    #book .side-area {
        padding: 20px
    }

    .more-properties h4 {
        margin-bottom: 15px;
    }

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

    #book .price p {
        font-size: var(--f21);
    }

    section.car-section {
        padding: 0 10px 45px
    }

    section.car-section .property-card img {
        height: 200px;
        width: 100%
    }

    section.car-section .property-card h5 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .ammenities,
    .policies,
    .reviews {
        padding: var(--p30) 0
    }

    .review-img img {
        margin-bottom: 10px
    }

    section.car-section .ammenities img {
        width: 23px !important
    }

    .property-detail .ammenity-home li {
        font-size: var(--f15);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        text-align: center
    }

    .prop-price h5 {
        font-size: var(--f18);
        margin-bottom: 0
    }

    .prop-price h5 span {
        font-size: var(--f14)
    }

    .big-img {
        width: 100%;
        margin-bottom: var(--m20)
    }

    .gallery1 .big-img a img {
        height: 200px;
        border-radius: 20px 20px 0 0
    }

    .gallery1 .sidebar .img-active img {
        height: 200px
    }

    .gallery1 .sidebar .img-active:last-child img,
    .gallery1 .sidebar .img-active:last-child span {
        border-radius: 0 0 20px 20px
    }

    .amenities .col-4 {
        width: 50%;
        padding: 0 12px
    }

    .gtiuwG {
        padding: 0 !important
    }

    .amenities img {
        width: 30px;
        height: 30px;
        margin-bottom: 10px
    }

    .property-detail .row.bottom .amenities .row h4 {
        font-size: 17px
    }

    .ammenities .col-4 {
        width: 50%
    }

    .main-form {
        padding: var(--p30) var(--p20)
    }

    .banner h1,
    .breadcrumb-wrap {
        display: none
    }

    .gallery1 button {
        padding: var(--p5) var(--p8)
    }

    .col-review,
    .review-img {
        width: 100%;
        padding: 0
    }

    .review-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column
    }

    a.sticky.main-btn {
        transform: rotate(0);
        position: relative;
        width: auto;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        font-size: 14px;
        display: none
    }

    .book-now-mob {
        display: none;
        justify-content: space-between;
        padding: 10px 12px;
        background: #fff;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 4;
        align-items: center
    }

    .book-now-mob p.price {
        color: var(--secondary-color);
        margin-bottom: 0;
        line-height: 1.4;
        font-size: 21px;
        font-weight: 700;
        display: inline-block
    }

    .book-now-mob p.price span {
        font-size: 14px;
        font-weight: 600
    }

    footer .copyright {
        padding-bottom: 100px
    }

    .features-sec .features-col {
        width: 100%;
        padding: 0 !important;
        text-align: left
    }

    .features-sec .row {
        gap: 30px 0
    }

    .features-sec img {
        width: 70px;
        margin-bottom: 20px
    }

    .limou-form form .form-bottom,
    .limou-form form .form-upper {
        flex-wrap: wrap
    }
    .button1{
        background: var(--secondary-color);
        height: 38px;
    }
    #book .side-area .form-text button i{
        color: var(--white-color);
    }
    #book .side-area .form-text i{
        color: var(--secondary-color);
    }
    #book .side-area .text-danger{
        text-align:left;
        margin-bottom: 15px;
    }
    input#show-target-data, select#guests_count{
        margin-bottom: 0;
    }
}

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

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