.tariffContainer {
    display: block;
}

.tariffContainer .roomContainer {
    display: block;
}

.tariffContainer .intro_tariff {
    display: block;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
}

.tariffContainer .intro_tariff p {
    display: block;
    padding: 8px 0px;
    font-size: 1.1em;
    color: #000;
}

.tariffContainer .roomContainer .roomCard {
    display: flex;
    background-color: #fff;
    margin: 8px;
    flex-direction: row;
}

.tariffContainer .roomContainer .roomCard .cardDetails {
    display: block;
    padding: 15px;
}

.tariffContainer .roomContainer .roomCard .cardImage {
    display: block;
}

.tariffContainer .roomContainer .roomCard .cardDetails ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.tariffContainer .roomContainer .roomCard .cardDetails b {
    display: block;
    padding: 15px 0px 5px 0px;
    color: var(--primary);
    text-transform: uppercase;
}

.tariffContainer .roomContainer .roomCard .cardDetails .cardTitle {
    display: block;
    font-size: 2em;
    font-weight: bold;
    font-family: 'Roboto';
    font-weight: 500;
    color: var(--primary);
}

.tariffContainer .roomContainer .roomCard .cardDetails .cardFeatures {
    display: block;
    font-family: 'Roboto';
    font-size: 900;
}

.tariffContainer .roomContainer .roomCard .cardDetails .cardFeatures .addons {
    font-weight: bold;
}

.tariffContainer .roomContainer .roomCard .cardDetails .cardFeatures .cardRoomSize {
    font-weight: bold;
}

.tariffContainer .roomContainer .roomCard .cardDetails .inroomEminities {
    display: block;
    font-family: 'Roboto';
    font-size: 900;
}

.tariffContainer .roomContainer .roomCard .cardDetails .inroomEminities ul {
    display: flex;
}

.tariffContainer .roomContainer .roomCard .cardDetails .inroomEminities ul>li {
    padding: 8px;
}

@media screen and (max-width: 1200px) {
    .tariffContainer .roomContainer .roomCard .cardImage {
        display: block;
        width: 100%;
    }

    .tariffContainer .roomContainer .roomCard .cardDetails .cardTitle {
        font-size: 1.2em;
    }

    .tariffContainer .roomContainer .roomCard .cardDetails b {
        font-size: 0.86em;
    }

    .tariffContainer .roomContainer .roomCard .cardImage>img {
        width: 100%;
    }

    .tariffContainer .roomContainer .roomCard {
        flex-direction: column;
    }
}