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

#block-search {
    width: 100%;
    margin: 0 auto;
}

.tl-wrapper {
    position: relative;
}

#block-search.block-search--by-main {
    background: #fff;
    width: 100%;
}

#block-search.block-search--by-main .tl-container {
    max-width: 1320px;
}

#block-search.block-search--inner {
    background: #fefae9;
    border: 1px solid #e3bc76;
    margin: 30px auto;
    max-width: 1170px;
    border-radius: 10px;
}

.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;
}

.tl-button {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13.5px;
    font-weight: bold;
    font-style: normal;
    display: block;
    text-decoration: none !important;
    cursor: pointer;
    max-width: 160px;
    width: 100%;
    padding: 12px;
    margin: 20px 0;
    text-align: center;
    white-space: normal;
    color: #111 !important;
    background-color: #f4d193;
    background-image: linear-gradient(0deg, #f4d193, #d5ab5e);
    border: 1px solid hsla(0, 0%, 100%, .16);
    border-radius: 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .38), inset 0 1px 0 0 hsla(0, 0%, 100%, 0);
}

.tl-button:hover {
    color: #111 !important;
    background-color: #f8e1b8;
    background-image: linear-gradient(0deg, #d5ab5e, #d5ab5e);
    border: 1px solid hsla(0, 0%, 100%, .16);
    text-decoration: none !important;
    cursor: pointer;
}

@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;
    }
}