@media (max-width: 1199px) {
    .header-area .navbar-nav {
        grid-column-gap: 1rem;
    }

    .hero-banner h1 {
        font-size: 4rem;
    }

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

    .amenities-area .single-amenitie .amenitie-info h3 {
        font-size: 2rem;
    }

    .amenities-area .single-amenitie-card h3 {
        font-size: 1.6rem;
    }
}

@media (max-width: 991px) {
    .thanks-page h1 {
        font-size: 5rem;
    }

    .thanks-page h3 {
        font-size: 2.4rem;
    }

    .thanks-page p {
        font-size: 1.4rem;
    }
}

@media (max-width: 575px) {
    .header-area {
        padding: 1rem 0;
    }

    .header-area .navbar-brand img {
        max-width: 16rem;
    }

    .thanks-page h1 {
        font-size: 5rem;
    }
}