@media (max-width:991px) {

    .about-images {

        min-height: auto;

    }

    .about-img-main {

        width: 100%;

    }

    .about-img-main img {

        height: 420px;

    }

    .about-img-small {

        width: 180px;

        right: 10px;

        bottom: -20px;

    }

    .about-img-small img {

        height: 200px;

    }

    .experience-badge {

        left: 15px;

        bottom: -15px;

        padding: 15px 20px;

    }

    .about-features {

        grid-template-columns: 1fr;

    }

}

@media(max-width:991px) {

    .room-image {

        height: 320px;

    }

    .room-content {

        padding: 35px;

    }

    .room-title {

        font-size: 40px;

    }

    .room-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 25px;

    }

}

@media(max-width:991px) {

    .gallery-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:576px) {

    .gallery-grid {

        grid-template-columns: 1fr;

    }

    .gallery-filter {

        gap: 10px;

    }

    .gallery-filter button {

        padding: 10px 22px;

        font-size: 14px;

    }

}

@media(max-width:991px) {

    .listing-card,

    .listing-card.reverse {

        grid-template-columns: 1fr;

    }

    .listing-card.reverse .listing-image,

    .listing-card.reverse .listing-content {

        order: unset;

    }

    .room-number {

        display: none;

    }

}

@media(max-width:991px) {

    .gl-gallery {

        grid-template-columns: repeat(2, 1fr);

    }

    .gl-item.tall,

    .gl-item.wide {

        grid-column: auto;

        grid-row: auto;

        min-height: 320px;

    }

}

@media(max-width:576px) {

    .gl-gallery {

        grid-template-columns: 1fr;

    }

}