/* =====================================================
LARGE TABLET
===================================================== */

@media(max-width:992px) {

    section {
        padding: 80px 0;
    }

    .hero h1 {
        font-size: 3.5rem;
    }

    .gallery-large img {
        height: 320px;
    }
}

/* =====================================================
TABLET
===================================================== */

@media(max-width:768px) {

    .hero {
        text-align: center;
    }

        .hero h1 {
            font-size: 2.8rem;
        }

        .hero p {
            font-size: 1rem;
            margin: auto;
        }

    .booking-widget {
        margin-top: 20px;
    }

    .section-title {
        font-size: 2rem;
    }

    .room-card img {
        height: 220px;
    }

    .gallery-item img {
        height: 250px;
    }

    .about-hotel {
        text-align: center;
    }

    .testimonial-card {
        text-align: center;
    }

        .testimonial-card .d-flex {
            justify-content: center;
        }

    .cta-card {
        padding: 50px 20px;
    }

        .cta-card h2 {
            font-size: 2rem;
        }
}

/* =====================================================
MOBILE
===================================================== */

@media(max-width:576px) {

    .hero h1 {
        font-size: 2.2rem;
    }

    .hero p {
        font-size: .95rem;
    }

    .section-title {
        font-size: 1.8rem;
    }

    .booking-card {
        border-radius: 15px;
    }

    .room-card img {
        height: 200px;
    }

    .gallery-item img {
        height: 220px;
    }

    .about-stat {
        margin-bottom: 15px;
    }

    .footer-section {
        text-align: center;
    }
}

/* =====================================================
LANDSCAPE MOBILE
===================================================== */

@media(max-height:500px) {

    .hero {
        min-height: auto;
        padding: 120px 0;
    }
}