@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (max-width: 1400px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
    .hero {
        padding: 60px 0;
    }

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

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

    .section-padding {
        padding: 50px 0;
    }
}

@media (max-width: 767.98px) {
    .hero p {
        font-size: 0.9rem;
    }

    .event-title {
        font-size: 18px;
    }

    .content-section h4 {
        font-size: 1.1rem;
    }

    .details-title {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand {
        padding: 0.8rem 0;
    }

    .category-box {
        padding: 20px;
        border-radius: 8px;
    }

    .category-box h6 {
        font-size: 0.9rem;
    }

    .h6,
    h6 {
        font-size: 0.9rem;
    }

    .footer {
        padding: 40px 0 20px;
    }

    .cta {
        padding: 60px 0;
    }
}