@media (min-width: 768px) {
    /* RATES HEADER*/
        .rates .rates-header {
            padding: 74px 69px;
        }
        .rates .rates-header > .half-overlay {
            width: 50%;
            height: 100%;
            background: rgba(0,0,0,.5);
            position: absolute;
            left: 0;
            top: 0;
        }
        .rates .rates-header > .content {
            padding: 30px 32px;
        }
        .rates .rates-header > .content > .title-wrapper > h1 {
            font-size: 40px;
            letter-spacing: 1px;
            line-height: 53px;
            margin: 15px 0 25px;
        }
        .rates .rates-header > .content > p.text {
            font-size: 17px;
        }
        .rates .rates-header > .content > p.text > span {
            display: inline !important;
        }

    
    .rates .tables {
        padding: 40px 25px;
    }

    .rates .tables .table {
        margin-bottom: 40px;
    }

    .rates .tables .fake-table .fake-header {
        text-align: left;
        padding: 13px 30px;
    }
    .rates .tables .fake-table > .first-half > .fake-td {
        border-right: 1px solid #ccc;
    }


    /* TABLES */
        .rates .tables tr > td {
            padding: 16px 25px;
            font-size: 20px;
            line-height: 27px;
        }
        .rates .tables tr > td.price-cell {
            background: #F7F7F7;
        }
        .rates .tables tr > td.price-cell > .text-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .rates .tables tr > td.price-cell > .text-wrapper > .price {
            font-size: 20px;
            line-height: 24px;
        }
        .rates .tables tr > td.price-cell > .text-wrapper > span.per-night {
            margin-left: 3px;
            font-size: 17px;
            line-height: 21px;
        }
        .rates .tables tr.title-wrapper > td {
            font-size: 25px;
            line-height: 24px;
        }
        .rates .tables tr.title-wrapper > .title-1 {
            background: #7C7C7C;
            width: 273px;
        }
        .rates .tables tr.title-wrapper > .title-2,
        .rates .tables tr.title-wrapper > .title-3 {
            width: 222.7px;
        }
        .rates .tables tr > td[rowspan="3"] > span {
            font-size: 16px;
            letter-spacing: 0.94px;
            font-weight: 400;
        }
        .rates .tables tr > td.t-heading {
            text-align: left;
            padding: 13.5px 30px;
        }

}