/* Extra Small Mobile */
@media screen and (max-width: 359.98px) {

}


/* Small Mobile */
@media screen and (min-width: 360px) and (max-width: 479.98px) {

}


/* Large Mobile */
@media screen and (min-width: 480px) and (max-width: 575.98px) {

}


/* Mobile Devices */
@media screen and (max-width: 575.98px) {

}


/* Small Tablet */
@media screen and (min-width: 576px) and (max-width: 767.98px) {

}


/* All Mobile Devices */
@media screen and (max-width: 767.98px) {

 .offcanvas-menu .nav-link {
          
                width: 100%;

        }

}


/* Tablet Devices */
@media screen and (min-width: 768px) and (max-width: 991.98px) {

}


/* Mobile and Tablet */
@media screen and (max-width: 991.98px) {

}


/* Laptop / Small Desktop */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {

}


/* Desktop */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {

}


/* Large Desktop */
@media screen and (min-width: 1400px) and (max-width: 1599.98px) {

}


/* Extra Large Desktop */
@media screen and (min-width: 1600px) {

}


/* Full HD and Large Screens */
@media screen and (min-width: 1920px) {

}


/* Mobile Landscape */
@media screen and (max-width: 767.98px) and (orientation: landscape) {

}


/* Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

}


/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {

}


/* Short Height Devices */
@media screen and (max-height: 600px) {

}

 /* ===== RESPONSIVE ===== */
        @media (max-width: 991.98px) {
            .top-bar-center {
                display: none;
            }

            .hero-content {
                padding: 0 20px;
            }

            .hero-heading {
                font-size: 36px;
            }

            .hero-premier {
                font-size: 16px;
            }

            .hero-buttons {
                flex-wrap: wrap;
            }

            .about-heading {
                font-size: 28px;
            }

            .olympiad-content {
                flex-direction: column;
            }

            .footer-cta-content {
                padding: 0 20px;
                justify-content: center;
                text-align: center;
            }

            .footer-cta-left {
                flex-direction: column;
            }
        }