@media (min-width: 1100.1px) {
    .hero__content .hero__title {
        font-size: 60px;
        margin-top: 100px;
    }
    .hero__content .hero__button {
        margin-top: 20px;
    }
}

@media (max-width: 700px) {
    .section_rooms-detail-hero .hero__title {
        font-size: 3rem;
    }
}

@media (min-width: 700.1px) and (max-width: 1100px) {
    .hero__title {
        font-size: 5rem;
    }
}

@media (min-width: 1100px) {
    .detail-info__gallery, .detail-info__details {
        padding-top: 60px;
    }

    .detail-info h2 {
        margin-bottom: 60px;
    }
}


.slider__buttons {
    z-index: 10;
}