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

#block-search {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    border-radius: 10px;
}

.tl-wrapper {
    position: relative;
}

#block-search.block-search--main {
    background: #fff;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: absolute !important;
    z-index: 9;
    bottom: -20px;
    box-sizing: border-box;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 10px;
}

#block-search.block-search--inner {
    background: #fefae9;
    border: 1px solid #e3bc76;
    margin: 30px auto 0;
}

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

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

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

@media screen and (min-width: 1200px) {
    body > div.main > div.main__content > div.main__slider-wrp > div > div > div.main-section__wrp > div.main-section__list.flex {
        margin-top: -60px;
    }
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    body > div.main > div.main__content > div.main__slider-wrp > div > div > div.main-section__wrp > div.main-section__list.flex {
        margin-top: -20px;
    }
}

@media screen and (max-width: 1210px) {
    #block-search.block-search--inner {
        width: auto;
        margin: 20px 15px 0;
    }
}

@media screen and (max-width: 1199px) {
    #block-search.block-search--main {
        /*background: #fefae9;*/
        position: relative !important;
        bottom: auto;
        margin: 0 auto;
        transform: none;
        left: auto;
        max-width: 100%;
        border-radius: 0;
    }
    #tl-booking-form {
        width: auto;
        margin: 18px 12px 30px;
    }
}