.seo-h1 {
    font-size: 0 !important;
}

.multi-hotel-results-page {
    margin-bottom: 40px;
}

.multi-hotel-results-page .searchbox .form-container {
    justify-content: space-between;
}

.multi-hotel-results-page .searchbox .form-container > * {
    width: 100%;
}

.multi-hotel-results-page .searchbox .form-container #form-submit-btn {
    width: 100px;
}

/* total results component */

.total-results {
    margin: 0 0 20px 0;
    position: relative;
}

.total-results .results {
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.5s;
}

.total-results .results.mobile {
    display: none;
}

/* left sidebar component  */

.sidebar-section {
    padding: 0 0 24px;
}

.sidebar-section h5 {
    font-size: 20px;
    font-weight: 600;
}

.left-side-map {
    position: relative;
    width: 100%;
    display: block;
    height: 190px;
}

.left-side-map button {
    position: absolute;
    background: #006E8E;
    color: white;
    text-transform: uppercase;
    top: calc(50% - 24px);
    left: calc(50% - 70px);
    border: none;
    height: 36px;
}

.left-side-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.left-side-map button:hover {
    background: #00A7D8;
    color: white;
}

.left-sidebar-top-rating {
    margin-bottom: 24px;
}

.left-sidebar-top-rating,
.left-sidebar-guest-rating {
    border-bottom: 1px solid #D2D7D8;
}

.left-sidebar-top-rating .filter-rating {
    margin-top: 12px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.left-sidebar-guest-rating .filter-guest-rating {
    margin-top: 12px;
}

.left-sidebar-guest-rating .filter-guest-rating .form-check {
    cursor: pointer;
}

.left-sidebar-guest-rating .filter-guest-rating .form-check-input:checked[type=radio] {
    background-color: #006E8E;
    border-color: #006E8E;
}

.left-sidebar-top-rating .filter-rating .button-rating {
    padding: 3px 6px;
    margin-right: 3px;
    min-width: 30px;
    max-width: 53px;
    transition: all 0.15s ease-in-out;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.left-sidebar-top-rating .filter-rating button.button-rating span {
    margin-right: 4px;
}

.left-sidebar-top-rating .filter-rating button.button-rating.active {
    background: #006E8E !important;
    color: white !important;
}

.left-sidebar-top-rating .filter-rating button.button-rating.active .star {
    background: #fff;
}

.left-sidebar-top-rating .filter-rating .button-rating .star {
    transition: all 0.15s ease-in-out;
    margin-left: -9px;
    width: 16px;
    font-size: 17px;
}

.left-sidebar-top-rating .filter-rating .button-rating.disabled {
    background: #eef2f3 !important;
    opacity: 1;
}

.left-sidebar-top-rating .filter-rating .button-rating.disabled span {
    color: #7a7a7a;
}

.left-sidebar-top-rating .filter-rating .button-rating.disabled .star {
    background: #dadada;
}

.left-sidebar-guest-rating {
    margin-bottom: 24px;
}

.left-sidebar-pricing {
    border-bottom: 1px solid #D2D7D8;
    margin-bottom: 24px;
}

.left-sidebar-pricing .ui-slider {
    margin-bottom: 18px;
}

.left-sidebar-nearby-landmark .form-check-input:checked[type=checkbox] {
    background-color: #006E8E;
    border-color: #006E8E;
}

.multi-hotel-results__content {
    position: relative;
}

.ui-slider-horizontal {
    height: 2px;
    background: #D2D7D8;
    position: relative;
    width: calc(100% - 22px);
}

.ui-slider-horizontal .ui-slider-range {
    height: 2px;
    background: #006E8E;
    top: -1px;
    position: absolute;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    height: 24px;
    width: 24px;
    background: #006E8E;
    border-radius: 50%;
    border: none;
    top: -11px;
    margin-left: -1px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.left-sidebar-pricing h5 {
    padding-bottom: 24px !important;
}

.left-sidebar-pricing form {
    display: flex;
    flex-flow: row;
}

.left-sidebar-pricing form label {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
    color: #333333;
    font-weight: 600;
}

.left-sidebar-pricing .price-range-field {
    display: flex;
    flex-flow: column;
    width: 50%;
}

.left-sidebar-pricing .price-range-field:first-child {
    margin-right: 4px;
}

.left-sidebar-property-name {
    border-bottom: 1px solid #D2D7D8;
    margin-bottom: 24px;
}

.left-sidebar-property-name h5 {
    padding-bottom: 12px;
}

.left-sidebar-property-name .search-hotel {
    position: relative;
}

.left-sidebar-property-name .search-hotel a {
    background: url("/images/newui/results/icons/close-icon.svg") no-repeat center;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 7px;
    margin-top: -7px;
    top: 50%;
    display: none;
}
.left-sidebar-property-name .search-hotel input.form-control[type="text"] {
    padding: .625rem .75rem !important;
    font-weight: 400;
}

.left-sidebar-nearby-landmark h5 {
    padding-bottom: 12px;
}

.left-sidebar-nearby-landmark .showmore-neighbourhood {
    background: #E5EBED;
    color: #333;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    height: 36px;
}

.filtering-sorting.mobile {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    display: none;
}

.filtering-sorting.mobile button {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    width: 30%;
}

.filtering-sorting.mobile button.active span {
    position: relative;
}

.filtering-sorting.mobile button.active span:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -32px;
    width: 12px;
    height: 12px;
    background: #006E8E;
    border-radius: 50%;
}

/* sorting component */

.multi-hotel-results__sorting {
    opacity: 0;
    transition: all 0.5s;
    flex-flow: row;
    margin-bottom: 24px;
    height: 36px;
}

.multi-hotel-results__sorting .sort {
    height: 36px;
    margin-right: 12px;
    background-color: #E5EBED;
    font-size: 16px;
    border-radius: 32px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    cursor: pointer;
}

.multi-hotel-results__sorting .sort:hover {
    background: #cbd2d5;
}

.multi-hotel-results__sorting .sort.active:hover {
    background: #00A7D8;
}

.multi-hotel-results__sorting .sort.active.asc img {
    display: none;
}

.multi-hotel-results__sorting .sort.active {
    background: #006E8E;
}

.multi-hotel-results__sorting .sort.active a {
    color: white;
}

.multi-hotel-results__sorting .sort a {
    color: #333;
    vertical-align: middle;
    font-weight: 600;
    display: flex;
    flex-flow: row;
    word-break: keep-all;
    white-space: nowrap;
}

.multi-hotel-results__sorting .sort.active.low a span,
.multi-hotel-results__sorting .sort.active.high a span {
    margin-right: 6px;
}

.multi-hotel-results__sorting .sort img {
    display: none;
}

.multi-hotel-results__sorting .sort.active img {
    display: block;
}

.multi-hotel-results__sorting .sort.active img.arrow-up {
    transform: rotate(180deg);
}

.multi-hotel-results__sorting .sort.active.low img.arrow-up {
    display: none;
}

.multi-hotel-results__sorting .sort.active.low img.arrow-down {
    display: block;
}

.multi-hotel-results__sorting .sort.active.high img.arrow-up {
    display: block;
}

.multi-hotel-results__sorting .sort.active.high img.arrow-down {
    display: none;
}

/* hotel card component */

.hotel-list-item {
    border: 1px solid #D2D7D8;
    border-radius: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
    position: relative;
    display: none;
    flex-flow: row;
    box-shadow: 0 2px 5px 0 #00000014;
    cursor: pointer;
}

.hotel-list-item .hotel-list-item__section {
    display: flex;
    flex-flow: row;
}

.hotel-list-item .hotel-list-item__img {
    padding: 0;
    max-height: 298px;
    position: relative;
}

.hotel-list-item .hotel-list-item__img .slider {
    position: absolute;
    height: 100%;
    width: 100%;
}

.hotel-list-item .promo-label {
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    top: 16px;
    left: 16px;
    padding: 3px 8px 3px;
    background: #fff;
    color: #006E8E;
    text-transform: uppercase;
    z-index: 5;
    width: auto;
    border-radius: 4px;
    box-shadow: 2px 2px 12px 0 rgba(12, 58 ,70, 0.1);
}

.hotel-list-item .hotel-list-item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 16px 0 0 16px;
}

.hotel-list-item .hotel-list-item__img .slick-list,
.hotel-list-item .hotel-list-item__img .slick-list .slick-track {
    height: 100%;
}

.hotel-list-item button.slick-arrow {
    position: absolute;
    background: #D2D7D8;
    border-radius: 8px;
    height: 36px;
    width: 36px;
    top: calc(50% - 18px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    opacity: 0.75;
}

.hotel-list-item button.slick-arrow:hover {
    background: #cacccd;
}

.hotel-list-item .slick-arrow.slick-hidden {
    display: none;
}

.hotel-list-item button.slick-arrow img {
    height: 10px;
    width: auto;
}

.hotel-list-item button.prev {
    left: 6px;
}

.hotel-list-item button.next {
    right: 6px;
}

.hotel-list-item .hotel-list-item__info {
    padding: 16px;
    display: flex;
    flex-flow: column;
    border-right: 1px solid #D2D7D8;
}

.hotel-list-item__info .hotel-name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.hotel-list-item__info .hotel-rating {
    margin: 4px 0 8px;
    height: 16px;
}

.hotel-list-item .hotel-rating {
    display: flex;
}

.hotel-list-item__info .hotel-rating div.star {
    margin-right: 3px;
    height: 21px;
    width: 21px;
}

.hotel-list-item__info .hotel-promo {
    color: #CF0014;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
}

.hotel-list-item__info .hotel-promo span {
    font-weight: 700;
    text-transform: uppercase;
}

.hotel-list-item__info .hotel-distance {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
}

.hotel-list-item__info .hotel-distance span {
    font-weight: 700;
}

.hotel-list-item__info .hotel-phone {
    display: flex;
    flex-flow: row;
    color: #006E8E;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.hotel-list-item__info .hotel-phone img {
    margin-right: 2px;
}

.hotel-list-item__info .hotel-phone a {
    color: #006E8E;
}

.hotel-list-item__info .hotel-phone a:hover span {
    text-decoration: underline;
}

.hotel-list-item__info .hotel-review-rate {
    display: flex;
    flex-flow: row;
    max-height: 37px;
}

.hotel-list-item__info .hotel-review-rate .score {
    padding: 2px 8px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.hotel-list-item__info .hotel-review-rate .score.green {
    background-color: #3498DB;
    color: #fff;
    width: 42px;
    display: flex;
    justify-content: center;
}

.hotel-list-item__info .hotel-review-rate .desc {
    display: flex;
    flex-flow: column;
}

.hotel-list-item__info .hotel-review-rate .desc .desc-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

.hotel-list-item__info .hotel-review-rate .desc .desc-reviews {
    color: #6B7A85;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.hotel-list-item__reserve {
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.hotel-list-item__reserve .price {
    color: #006E8E;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 14px;
}

.hotel-list-item__reserve .price .old-price {
    font-size: 14px;
    text-decoration: line-through;
    font-weight: 500;
    line-height: 20px;
}

.hotel-list-item__reserve .price .current-price {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.hotel-list-item__reserve .price .per {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

.hotel-list-item__reserve .price .total-price {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    line-height: 20px;
}

.hotel-list-item__reserve .price .total-price span {
    margin-bottom: 2px;
    font-size: 16px;
}

.hotel-list-item__reserve .price .total-price .total {
    display: none;
}

.hotel-list-item__reserve .price .total-price .desc {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #555555;
}

.hotel-list-item__reserve a {
    width: 100%;
    text-transform: uppercase;
    height: 46px;
}

/* GHOST LOADING */

.ghost-loading {
    transition: all 0.5s;
}

.total-results .ghost-loading.loading-total-results {
    height: 100%;
    border-radius: 16px;
    margin: 0 0 20px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.total-results .ghost-loading.loading-total-results .loading-text {
    height: 100%;
}

.total-results  .ghost-loading.loading-total-results .placeholder {
    border-radius: 16px;
    height: 100%;
}

.total-results  .ghost-loading.loading-total-results .loading-text {
    padding-right: 0;
    padding-left: 0;
}

.ghost-loading.loading-hotel {
    display: flex;
    height: 250px;
    border: 1px solid #D2D7D8;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 12px 0;
    margin-left: 0;
    margin-right: 0;
}

.ghost-loading.loading-hotel .placeholder {
    border-radius: 16px;
}

.ghost-loading .loading-image,
.ghost-loading .loading-image div {
    height: 100%;
}

.ghost-loading .loading-text {
    height: 25px;
    margin-bottom: 12px;
}

.ghost-loading .loading-text-content {
    border-right: 1px solid #D2D7D8;
}

.ghost-loading .loading-text-bigger {
    height: 40px;
    margin-bottom: 12px;
}

.ghost-loading .loading-reserve {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.ghost-loading.loading-sorting {
    width: 100%;
    height: 36px;
    margin-bottom: 24px;
    position: absolute;
    top: 0;
}

.ghost-loading.loading-sorting .placeholder {
    border-radius: 32px;
    height: 100%;
    margin-right: 8px;
}

.ghost-loading.loading-sorting-filtering-mobile {
    width: 100%;
    margin-bottom: 16px;
    display: none;
}

.ghost-loading.loading-sorting-filtering-mobile .loading-button {
    display: flex;
    justify-content: space-between;
    height: 46px;
}

.ghost-loading.loading-sorting-filtering-mobile .placeholder {
    height: 100%;
    border-radius: 8px;
    width: 30%;
}

/*  show more button */

.show-more-hotels {
    width: 100%;
    display: flex;
    justify-content: center;
}

.show-more-hotels button {
    background: #E5EBED;
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
    height: 56px;
}

.show-more-hotels button:hover {
    background: #cbd2d5;
}

.filter-modal .modal-body,
.sorting-modal .modal-body {
    padding: 16px 24px;
}

.filter-modal .modal-header,
.sorting-modal .modal-header {
    height: 60px;
}

.filter-modal .modal-header h5,
.sorting-modal .modal-header h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.filter-modal .modal-body h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    padding-bottom: 8px;
}

.sorting-modal .modal-body .form-check {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

.filter-modal .modal-footer,
.sorting-modal .modal-footer {
    border-top: none;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
}

.filter-modal .modal-footer button,
.sorting-modal .modal-footer button {
    max-width: 360px;
    text-transform: uppercase;
    width: 360px;
}

.filter-modal .filter-rating {
    justify-content: flex-start;
}

#no-results {
    display: none;
    align-items: center;
    flex-flow: column;
    padding-top: 48px;
    text-align: center;
}

.no-results > img {
    width: 100px;
    height: 100px;
    padding: 0;
    margin-bottom: 24px;
}

.no-results .text {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.no-results .text p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    padding-bottom: 6px;
}

/* Map Modal */

.map-modal #map {
    z-index: 1;
    width: 100%;
    height: 813px;
}

.map-modal #map .leaflet-marker-icon.active {
    z-index: 999 !important;
}

.map-modal #map .custom-map-marker-content {
    height: 30px;
    background: #fff;
    border: 1px solid #DDDDDD;
    box-shadow: 0 3px 13.3px 0 #5F60620D;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 25px;
    width: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map-modal #map .custom-map-marker-content.active {
    background: #333;
    color: #fff;
}

.map-modal .modal-header .back {
    background: white;
    font-size: 14px;
    line-height: 20px;
    color: #003847;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.map-modal .modal-header .btn.close-modal img {
    display: none;
}

.map-modal .modal-header .back img {
    margin-right: 12px;
}

.map-modal .modal-header h5 {
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
}

.map-modal .hotel-list-item {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 80%;
    margin-bottom: 0;
    background: #fff;
    left: 10%;
    height: fit-content;
    display: none;
}

.map-modal .hotel-list-item.visible {
    display: flex;
}

@media (max-width: 1200px) {
    .left-sidebar-top-rating .filter-rating button.button-rating span {
        margin-right: 3px;
    }
}

@media (max-width: 991px) {
    .total-results .results:not(.mobile) {
        display: none;
        font-size: 16px;
    }

    .total-results .results.mobile {
        opacity: 0;
        display: block;
    }

    .multi-hotel-results__left-sidebar {
        display: none;
    }

    .filtering-sorting.mobile {
        opacity: 0;
        display: block;
    }

    .multi-hotel-results__sorting {
        display: none;
    }

    .mobile-filtering {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .mobile-filtering h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .mobile-filtering form label {
        font-size: 12px;
        font-weight: 600;
    }

    .mobile-filtering .heading {
        font-size: 20px;
        line-height: 28px;
        display: flex;
        flex-flow: row;
        font-weight: 700;
        justify-content: space-between;
        text-transform: uppercase;
        margin-bottom: 12px;
        padding: 15px 0;
    }

    .mobile-filtering .heading img {
        cursor: pointer;
    }

    .mobile-filtering .filter-buttons {
        display: flex;
        flex-flow: column;
        align-items: center;
        background: #F7F7F7;
        z-index: 3;
        position: fixed;
        bottom: 0;
        padding: 15px 0;
        width: 100%;
    }

    .mobile-filtering .filter-buttons button {
        width: 100%;
        max-width: 360px;
        text-transform: uppercase;
    }

    .mobile-filtering .filter-buttons button:first-child {
        margin-bottom: 8px;
    }

    .mobile-filtering .filter-buttons button.sort-button {
        background: #E5EBED;
        color: #333333;
    }

    .mobile-sorting {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 360px;
        z-index: 1;
    }

    .mobile-sorting .content {
        position: fixed;
        height: 360px;
        background: #fff;
        bottom: 0;
        z-index: 2;
        width: 100%;
        padding: 16px 0;
    }

    .mobile-sorting .heading {
        margin-bottom: 16px;
    }

    .mobile-sorting .heading h5 {
        font-size: 16px;
        font-weight: 600;
    }

    .mobile-sorting .sort-checkboxes {
        margin-left: 1.5em;
    }

    .mobile-sorting .sort-checkboxes .form-check-input:checked[type=checkbox] {
        background-color: #7749F8;
        border-color: #7749F8;
    }

    .mobile-sorting .sort-checkboxes .form-check {
        padding: 16px 0;
        position: relative;
    }

    .mobile-sorting .sort-checkboxes .form-check:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -1.5em;
        width: 100%;
        height: 1px;
        background: #D2D7D8;
    }

    .mobile-sorting button {
        width: 100%;
        bottom: 0;
    }

    .map-modal #map {
        width: 100%;
        height: 100%;
    }

    .map-modal .modal-header {
        background: transparent;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }

    .map-modal .modal-header .close-modal {
        height: 44px;
        width: 44px;
        border-radius: 8px;
        background: #fff;
    }

    .map-modal .modal-header .btn.close-modal img {
        display: block;
    }

    .map-modal .modal-header h5,
    .map-modal .modal-header .back {
        display: none;
    }

    .left-sidebar-guest-rating .filter-guest-rating .form-check {
        margin-bottom: 12px;
    }

    .show-more-hotels button {
        width: 100%;
    }

    .ghost-loading.loading-sorting {
        display: none;
    }

    .ghost-loading.loading-sorting-filtering-mobile {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .total-results {
        margin-bottom: 8px;
    }
    .multi-hotel-results-page #search-result-mobile {
        display: block;
    }

    .multi-hotel-results-page #search-form {
        display: none;
    }

    .hotel-list-item .hotel-list-item__section {
        flex-flow: column;
        padding: 12px;
        justify-content: space-between;
    }

    .hotel-list-item .hotel-list-item__img {
        max-height: 348px;
    }

    .hotel-list-item .hotel-list-item__info {
        border-right: none;
        padding: 0;
    }

    .hotel-list-item__info .hotel-name {
        line-height: 20px;
        font-size: 16px;
    }

    .hotel-list-item__info .hotel-distance {
        font-size: 14px;
    }

    .hotel-list-item__reserve .price .old-price {
        font-size: 14px;
    }

    .hotel-list-item__info .hotel-rating {
        margin-bottom: 8px;
        margin-top: 4px;
        height: 14px;
    }

    .hotel-list-item__info .hotel-rating div.star {
        width: 17px;
        height: 17px;
    }

    .hotel-list-item__info .hotel-promo {
        margin-bottom: 6px;
    }

    .hotel-list-item__info .hotel-promo,
    .hotel-list-item__info .hotel-phone,
    .hotel-list-item__info .hotel-review-rate .desc .desc-text,
    .hotel-list-item__reserve .price .total-price .total
    .hotel-list-item__reserve .price .per {
        font-size: 12px;
        line-height: 18px;
    }

    .hotel-list-item__info .hotel-phone {
        margin-bottom: 8px;
        line-height: 16px;
        font-size: 14px;
    }

    .hotel-list-item__info .hotel-review-rate {
        height: 32px;
    }

    .hotel-list-item__info .hotel-review-rate .score,
    .hotel-list-item__reserve .price .current-price {
        font-size: 18px;
    }

    .hotel-list-item__reserve .price .current-price {
        line-height: 20px;
    }

    .hotel-list-item__info .hotel-phone img {
        height: 16px;
    }

    .hotel-list-item__reserve {
        text-align: right;
        padding: 0;
    }

    .hotel-list-item__reserve .price {
        flex-flow: row wrap;
        justify-content: end;
        align-items: center;
        margin-bottom: 0;
    }

    .hotel-list-item__reserve .price .old-price {
        margin-right: 6px;
        line-height: 32px;
    }

    .hotel-list-item__reserve .price .current-price {
        line-height: 32px;
    }

    .hotel-list-item__reserve .price .old-price,
    .hotel-list-item__reserve .price .current-price {
        display: inline-block;
    }

    .hotel-list-item__reserve .price .per {
        display: block;
        width: 100%;
        font-weight: 400;
        line-height: 16px;
        font-size: 12px;
        margin-top: -6px;
        margin-bottom: 8px;
    }

    .hotel-list-item__reserve .price .total-price {
        width: 100%;
        font-size: 12px;
        margin-top: 0;
        line-height: 16px;
        font-weight: 400;
    }

    .hotel-list-item__reserve .price .total-price span:first-child {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    .hotel-list-item__reserve .price .total-price .desc {
        font-size: 12px;
        line-height: 16px;
    }

    .hotel-list-item__reserve a {
        display: none !important;
    }

    .hotel-list-item__reserve .price .total-price .total {
        display: block;
        font-size: 12px;
        line-height: 16px;
    }

    .multi-hotel-results-page .searchbox .form-container #form-submit-btn {
        width: 100%;
        margin-bottom: 12px;
    }

    .ghost-loading .loading-reserve {
        display: none;
    }

    .ghost-loading .loading-text-content {
        border: none;
    }

    .multi-hotel-results-page .searchbox #form-close-btn {
        display: flex !important;
        align-items: center;
        color: #006e8e !important;
    }
}