/* ===================================================================
                            xxl
====================================================================== */

@media only screen and (min-width: 1400px) {}


/*=====================================================================
                             xl
 ====================================================================== */

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    p {
        font-size: 16px;
    }

    ul li {
        font-size: 16px;
    }

    .top-bar .container {
        max-width: 90% !important;

    }

    .main-header .container {
        max-width: 90% !important;

    }

    .navbar .container {
        max-width: 100% !important;

    }

    /* banner */

    section.hero-section h1 {
        font-size: 36px !important;
    }


    section.hero-section p {
        font-size: 20px !important;
    }


}


/*=================================================================
                         Tablet Landscape(lg)
=================================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    p {
        font-size: 14px;
    }




}


/*=================================================================
                        Tablet Portrait (md)
=================================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p {
        font-size: 16px;
    }

    .section-space {
        padding: 40px 0;
    }

    /* =slider= */

    .hero-section .carousel-item img {
        height: 250px !important;
    }

    .hero-section .carousel-item {
        height: 250px !important;
    }






}


/* ==============================================================
                    Mobile Landscape Size(sm)
================================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {}


/*===================================================================
                         All Mobile Sizes 
 ====================================================================*/

@media only screen and (max-width: 767px) {
    p {
        font-size: 16px;
    }

    ul li {
        font-size: 16px;
    }

    ol li {
        font-size: 16px;
    }

    .section-space {
        padding: 40px 0;
    }

    /* =slider= */

    .hero-section .carousel-item img {
        height: 300px !important;
        object-fit: cover;
    }

    .hero-section .carousel-item {
        height: 300px !important;

    }

    .hero-section h1 {
        font-size: 20px;
    }

    .hero-section p {
        font-size: 16px;
    }


    /* =header= */

    .main-header h3 {
        text-align: left;
    }

    /* =about page= */

    .about-school-section img {
        width: 100% !important;
    }

    .page-header{
        padding: 25px 0 !important;
    }

    .page-header h1{
        font-size: 24px !important;
    }

}