.rooms-slider .headline {
    grid-area: 1/2/1/span 12;
}

.rooms-slider .icon-container {
    grid-area: 2/2/2/span 12;
    max-width: max(128px, 15.234375vw);
}

.rooms-slider .default-slider {
	grid-area: 3/3/3/span 10;
	overflow-x: hidden;
}

.rooms-slider .default-slider .slick-list {
    margin-right: calc(max(32px, 4.84375vw) * -1);
}

.rooms-slider .default-slider .slick-track {
    display: flex;
}

.rooms-slider .default-slider .room-item {
    margin-right: max(32px, 4.84375vw);
    display: flex;
    flex-direction: column;
    height: auto;
}

.rooms-slider .default-slider .room-item .room-info {
    margin-top: auto;
    line-height: 1.5;
}

.rooms-slider .default-slider .room-item .room-info .info-item {
    white-space: nowrap;
}

.rooms-slider .default-slider .room-item .room-thumbnail {
    aspect-ratio: 560/662;
}

.rooms-slider .default-slider-nav {
    grid-area: 3/13/3/span 1;
}

.rooms-slider .default-btn.back-btn {
    grid-area: 4/2/4/span 12;
    justify-self: center;
    margin-top: var(--m-sm);
}

@media (max-width: 1199.98px) {
    .rooms-slider .default-slider {
        grid-area: 3/2/3/span 12;
    }

    .rooms-slider .default-slider-nav {
        grid-area: 4/2/4/span 12;
        flex-direction: row;
        justify-self: center;
        margin-top: var(--m-sm);
    }

    .rooms-slider .default-btn.back-btn {
        grid-area: 5/2/5/span 12;
    }
}

@media (max-width: 991.98px) {
    .rooms-slider .default-slider {
        grid-area: 3/3/3/span 10;
    }
}

@media (max-width: 767.98px) {
    .rooms-slider .default-slider {
        grid-area: 3/2/3/span 12;
    }
}