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

@media (max-width:1024px){

    .top-header .container{
        flex-direction:column;
        gap:10px;
        padding:10px 0;
    }

    .top-header-left{
        flex-wrap:wrap;
        justify-content:center;
    }

    .top-header-right{
        justify-content:center;
    }

}


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

@media (max-width:768px){

    /* Top Header */

    .top-header{
        display:none;
    }

    .top-header-left{
        flex-direction:column;
        gap:8px;
        text-align:center;
    }

    .top-header-right{
        margin-top:10px;
    }

    .top-header a{
        font-size:13px;
    }

    /* Desktop Navigation */

    .navbar{
        display:none;
    }

    .apply-btn{
        display:none;
    }

    /* Mobile Menu Button */

    .mobile-menu-btn{
        display:block;
        font-size:24px;
        cursor:pointer;
        color:#002147;
        margin-right:20px;
    }

    /* Logo */

    .logo-area img{
        width:50px;
        height:50px;
    }

    .logo-text h2{
        font-size:14px;
    }

    .logo-text p{
        font-size:10px;
    }

    /* Mega Menu */

    .mega-menu{
        display:none !important;
    }

}


/* =========================================
   HOME PAGE RESPONSIVE
========================================= */


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

@media (max-width:991px){

    .course-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


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

@media (max-width:768px){

    /* FEATURE */

    .feature-grid{

        grid-template-columns:1fr;

    }

    .feature-box{

        border-right:none;

        border-bottom:1px solid rgba(255,255,255,.1);

    }

    .feature-box:last-child{

        border-bottom:none;

    }


    /* ABOUT */

    .about-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .about-content h2{

        font-size:32px;

    }

    .about-section{

        padding:70px 0;

    }

    .about-stats{

        justify-content:center;

    }

    .stat-box{

        width:100%;

        text-align:center;

    }

    .about-btn-outline{

        margin-left:0;

        margin-top:15px;

    }


    /* COURSES */

    .course-grid{

        grid-template-columns:1fr;

    }

}