#block-search,
#block-search * {
  box-sizing: border-box;
}

#block-search {
  width: 100%;
}

.tl-container {
  max-width: 1346px;
  margin: 0 auto;
  padding: 0 25px;
}

#tl-booking-form {
    margin:  18px auto 30px;
    max-width: 1320px;
    width: 100%;
}

#tl-booking-cart {
    z-index: 1 !important;
}

/* .booking.hidden #block-search {
    display: none !important;
} */

body > section.rooms > div > div.row.g-4.show-more-rooms > div > div > div.content-wrap > div.price > div > span {
    color: #0B352C !important;
}

/* @media (max-width: 444px) {
    body > div.booking.sticky-top {
        position: relative !important;
        margin: 0 auto;
        background-color: #0B352C !important;
        padding-top: 60px;
        padding-bottom: 60px;
        top: auto;
    }
    body > header > div:nth-child(1) > div > div > div > a.nav-menu-toggler {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .booking.hidden #block-search {
        display: block !important;
    }
    .booking #booking-toggle-btn.btn-book {
        display: none !important;
    }
} */

@media (max-width: 450px) {
    .hero + .booking {
        margin-top: 0 !important;
    }
    
    /* .booking {
       height: auto;
    } */
    
    #block-search {
      background: #0C4A4A;
      padding-top: 0;
      height: auto;
    }
    
    .tl-container {
      padding: 25px;
    }
}

@media (min-width: 993px) and (max-width: 1007px) {
    .booking .btn-book {
        display: none;
    }
}

@media (max-width: 430px) {
    section .title {
        font-size: 36px;
    }
}

@media (max-width: 380px) {
    section .title {
        font-size: 32px;
    }
}

@media (max-width: 340px) {
    section .title {
        font-size: 30px;
    }
}