@media (max-width:768px){

body{
    overflow-x: hidden;
    width: 100%;
            margin:0;
        padding:0;

}
    .top-bar{
       display: none;
    }

        .navbar{
        margin-top:0 !important;
        padding:10px 15px;
        position:fixed;   /* Agar top par fix rakhna hai */
        top:0;
        left:0;
        right:0;
        width:100%;
        z-index:9999;
        background:#fff;
    }


  .navbar-toggler{
      
        margin-right:15px;
        margin-left:0;
        border:none;
        box-shadow:none;
    }

   
/* ======banner==== */
    .hero-slider img{
        height:220px;
        object-fit:cover;
    }
   

/* =====course section======== */

    .course-section{
        padding:40px 15px;
    }

    .course-section h1{
        font-size:28px;
        margin-bottom:25px;
    }

    /* Filter Buttons */

    .course-section .d-flex{
        gap:10px !important;
        justify-content:center;
    }

    .course-section .btn{
        width:100%;
        max-width:250px;
        font-size:15px;
        padding:10px 15px !important;
    }

.course-grid{
        display:grid;
        grid-template-columns:1fr;   /* 1 box per row */
        gap:20px;

        width:100%;
        max-width:450px;             /* Grid width */
        margin:0 auto;               /* Center */
    }

    .course-box{
        width:100%;
        max-width: 400px;
        padding:25px 20px;
        text-align:center;
        border-radius:15px;
    }

    .course-box i{
        font-size:40px;
        margin-bottom:15px;
    }

    .course-box a{
        font-size:18px;
        display:block;
        line-height:1.5;
    }



/* Extra Small Mobile */




/* ====footer====== */

    .footer{
        padding:40px 0 20px;
        text-align:center;
    }

    .footer-grid{
        display:flex;
        flex-direction:column;
        gap:30px;
    }

    .footer-col,
    .footer-cols{
        width:100%;
    }

    .footer h1{
        font-size:24px;
        margin-bottom:15px;
    }

    .footer h4{
        font-size:20px;
        margin-bottom:15px;
    }

    .footer p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:10px;
    }

    .footer ul{
        padding:0;
        margin:0;
        list-style:none;
    }

    .footer ul li{
        margin-bottom:10px;
    }

    .footer ul li a{
        text-decoration:none;
        font-size:15px;
    }

    /* Top Courses */

    .top-course-box{
        margin-top:30px;
        text-align:center;
    }

    .top-courses{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:10px;
        padding:0;
        list-style:none;
    }

    .top-courses li{
        width:45%;
    }

    .top-courses li a{
        display:block;
        padding:8px;
        background:#f8f9fa;
        border-radius:6px;
    }

    /* Footer Bottom */

    .footer-bottom{
        display:flex;
        flex-direction:column;
        gap:10px;
        text-align:center;
        margin-top:30px;
        border-top:1px solid #ddd;
        padding-top:20px;
    }

    .footer-bottom p{
        margin:0;
        font-size:14px;
    }

    /* Modal */

    .modal-dialog{
        margin:15px;
    }

    .modal-content{
        border-radius:10px;
    }
}



/* ==========================
   Mega Menu Mobile View
========================== */

@media (max-width:768px){

    /* Mega Menu */
    .mega-menu{
        width:100% !important;
        position:static !important;
        margin-top:10px !important;
        padding:10px;
    }

    /* Sab columns full width */
    .mega-menu .col-md-2,
    .mega-menu .col-md-6,
    .mega-menu .col-md-4{
        width:100%;
        max-width:100%;
        border:none !important;
        margin-bottom:20px;
    }

    /* College By Degree Cards */
    .col-md-6 .row{
        display:block;
    }

    .col-md-6 .row .col-md-6{
        width:100%;
        margin-bottom:15px;
    }

    /* University Cards */
    .col-md-4 .degree-card{
        width:100%;
        margin-bottom:15px;
    }

    /* Card Design */
    .degree-card{
        padding:15px;
        border-radius:12px;
    }

    .degree-left{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .icon-circle{
        margin-bottom:10px;
    }

    /* Buttons */
    .degree-card .btn{
        width:100%;
        margin:5px 0;
    }

    /* Scroll Remove */
    .col-md-6 .row,
    .col-md-4 > div{
        max-height:none !important;
        height:auto !important;
        overflow:visible !important;
    }

    /* Heading */
    .mega-menu h5{
        text-align:center;
        font-size:22px;
        margin-bottom:20px;
    }

}