@media (max-width:1366px) {
    section.home-list ul li {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 5px
    }

    section.home-list ul i {
        margin-right: 0
    }
}

@media (max-width:980px) {

    .search-btn,
    .search-btn-item,
    .search-item {
        width: 100% !important
    }

    .search-bar {
        margin-top: 0;
        margin-bottom: 40px;
        position: relative;
        z-index: 10;
        padding: 0 15px
    }

    .search-wrapper {
        flex-direction: column;
        height: auto;
        padding: 5px;
        background: rgba(0, 0, 0, .7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        display: flex;
        border-radius: 15px
    }

    .search-item {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
        padding: 15px 20px !important;
        flex: none !important;
        text-align: center
    }

    .item-label {
        font-size: 16px
    }

    .search-btn-item {
        padding: 10px !important
    }

    .search-btn {
        height: 50px !important;
        border-radius: 0 0 14px 14px !important;
        background: rgba(255, 255, 255, .1)
    }

    .guests-dropdown {
        width: calc(100% - 30px);
        left: 15px;
        transform: none
    }

    .datepicker-trigger {
        min-width: 100% !important
    }

    section.home-list {
        padding: var(--p50) var(--p12)
    }

    .banner h1 {
        margin-top: var(--m90)
    }

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

    input#demo17 {
        height: 59px !important
    }
}

@media (max-width:600px) {

    .shape-image img,
    section.home-list .col-4 {
        width: 100%
    }
}

@media (max-width:540px) {
    input#demo17 {
        height: 133px !important
    }

    .search-item label {
        font-size: 11px
    }

    .search-item .value-wrapper {
        font-size: 13px
    }

    section.home-list {
        padding: var(--p40) var(--p12)
    }

    .how-we-value-heading h4 {
        font-size: 18px;
        text-align: center
    }

    .how-we-value-heading h3 {
        margin-bottom: 0;
        font-size: 25px
    }

    .head-sec h2,
    .map-sec h3 {
        font-size: var(--f28)
    }

    section.home-list h3.title,
    section.home-list p.adr {
        height: auto
    }

    a.sticky.main-btn {
        transform: rotate(0);
        position: fixed;
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0
    }

    section.home-list .pro-cont {
        padding: var(--p24) var(--p14);
        margin-top: 0
    }

    footer .copyright {
        padding-bottom: var(--p60)
    }

    .map-sec iframe {
        border: 0;
        height: 400px
    }

    .map-sec h3 {
        margin-bottom: 20px
    }

    section.home-list .pro-img img {
        height: 250px
    }

    .banner p {
        font-size: 17px;
        text-align: center
    }

    .search-bar .check.right input {
        border-left: 1px solid #e0e0e0
    }
}

@media (max-width:360px) {
    .banner p {
        font-size: 16px;
        text-align: center
    }

    .head-sec h2,
    .map-sec h3 {
        font-size: var(--f25)
    }

    .map-sec h3 {
        margin-bottom: 20px
    }

    .how-we-value-heading h4 {
        font-size: 16px
    }

    .how-we-value-heading h3 {
        font-size: 22px
    }

    section.home-list img.img-fluid {
        height: 250px
    }

    section.home-list h3.title {
        height: auto
    }

    section.home-list h5 span {
        font-size: var(--f21)
    }
}

@media (max-width:576px) {
    .property-amenities {
        flex-wrap: wrap;
        gap: 10px 15px
    }

    .property-amenities span {
        flex: 1 1 30%;
        min-width: 80px
    }

    .property-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px
    }

    .book-btn {
        width: 100%
    }

    .book-btn .main-btn {
        width: 100%;
        text-align: center;
        padding: 15px 20px;
        font-size: 14px
    }
}

@media (max-width:320px) {
    section.home-list ul li {
        text-align: center;
        font-size: var(--f13)
    }
}