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

@media(max-width:992px){

    .college-header{

        padding:15px 25px;

    }

    .college-logo img{

        width:90px;

        height:90px;

    }

    .college-info h1{

        font-size:28px;

    }

    .college-info p{

        font-size:16px;

    }

    .college-info span{

        font-size:15px;

    }

    .college-contact p{

        font-size:15px;

    }

    .nav-links{

        gap:25px;

    }

    .footer-container{

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

    }
    .hero{

        height:75vh;

    }

    .hero-content h1{

        font-size:42px;

    }

    .hero-content h3{

        font-size:24px;

    }

    .hero-content p{

        font-size:16px;

    }

     .about-container{

        gap:40px;

    }

    .about-content h2{

        font-size:34px;

    }

     .leadership-container{

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

    }


      .principal-container{

        grid-template-columns:300px 1fr;

        gap:40px;

    }
    .about-container,

    .principal-container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .title-line{

        margin:20px auto;

    }

    .about-content p,

    .principal-content p{

        text-align:center;

    }

    .vm-container{

        grid-template-columns:1fr;

    }

    .why-container{

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

    }

    .history-content{

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

    }

    .facts-container{

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

    }
    .course-info h3{

        font-size:24px;

    }

    .contact-container{

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

    }

    .form-container{

        grid-template-columns:1fr;

        gap:40px;

    }

     .principal-card{

        flex-direction:column;

        text-align:center;

    }

    .principal-image img{

        width:240px;

        height:280px;

    }

    .faculty-container{

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

    }

     .gallery-container{

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

    }

    .process-container{

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

    }

    .document-grid{

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

    }
}

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

@media(max-width:768px){

    .college-header{

        padding:10px 15px;

        min-height:110px;

    }

    .college-logo img{

        width:60px;

        height:60px;

    }

    .college-info{

        padding:0 10px;

    }

    /* Trust Name */

    .trust-name{

        font-size:8px;

        margin-bottom:4px;

        line-height:1.3;

    }

    .college-info h1{

        font-size:15px;

    }

    .college-info p{

        font-size:10px;

    }

    .college-info span{

        font-size:9px;

    }

    .college-contact{

        min-width:auto;

    }

    .college-contact p{

        font-size:9px;

    }

     /* Registration Number */

    .reg-no{

    font-size:7px !important;

    margin-bottom:2px;

    line-height:1.2;

    }

    .phone{

        font-size:10px;

    }

    .phone i{

        margin-right:4px;

    }


    .hamburger{

        display:block;

    }

    .nav-links{

        position:absolute;

        top:72px;

        left:0;

        width:100%;

        background:rgba(76,29,149,.96);

        backdrop-filter:blur(10px);

        -webkit-backdrop-filter:blur(10px);

        display:none;

        flex-direction:column;

        align-items:center;

        gap:25px;

        padding:25px 0;

        box-shadow:0 8px 20px rgba(0,0,0,.2);

    }

    .nav-links.active{

        display:flex;

    }

    .logo{

        width:45px;

        height:45px;

    }

    .nav-links a{

        font-size:17px;

    }

     .about{

        padding:60px 5%;

    }

    .about-container{

        grid-template-columns:1fr;

    }

    .about-video{

        order:1;

    }

    .about-content{

        order:2;

        text-align:center;

    }

    .about-line{

        margin:20px auto;

    }

    .about-features{

        grid-template-columns:1fr;

    }

    .feature{

        justify-content:center;

    }

    .about-content h2{

        font-size:28px;

    }

    .about-content p{

        font-size:15px;

    }
/*=====================================
        LEADERSHIP RESPONSIVE
======================================*/

.leadership{

    padding:60px 5%;

}

.academic-leadership{

    padding:60px 5%;

}

.leadership-container,

.academic-container{

    grid-template-columns:1fr;

    gap:25px;

}

.leader-card{

    padding:25px 20px;

}

.leader-card img{

    width:170px;

    height:210px;

}

.leader-card h3{

    font-size:22px;

}

.leader-card h5{

    font-size:16px;

}

.leader-card p{

    font-size:14px;

    line-height:1.7;

    text-align:center;

}

.leadership .section-heading h2,

.academic-leadership .section-heading h2{

    font-size:30px;

}

.leadership .section-heading p,

.academic-leadership .section-heading p{

    font-size:15px;

    line-height:1.7;

}


    /*=====================================
      NOTICE SECTION
======================================*/

    .notice-section{

        padding:60px 5%;

    }

    .section-title h2{

        font-size:30px;

    }

    .notice-item{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

        padding:20px;

    }

    .notice-left h3{

        font-size:16px;

        line-height:1.5;

    }

    .download-btn{

        width:100%;

        text-align:center;

    }

     .page-banner{

        height:240px;

    }

    .banner-content h1{

        font-size:36px;

    }

    .section-heading h2,

    .about-content h2,

    .principal-content h2{

        font-size:30px;

    }

    .why-container,

    .history-content,

    .affiliation-content,

    .facts-container{

        grid-template-columns:1fr;

    }

    .vm-card,

    .why-card,

    .history-item,

    .aff-card,

    .fact-card{

        padding:30px 20px;

    }

     .page-banner{

        height:240px;

    }

    .banner-content h1{

        font-size:34px;

    }

    .courses{

        padding:60px 5%;

    }

    .section-heading h2{

        font-size:30px;

    }

    .course-header{

        padding:20px;

    }

    .course-info{

        gap:15px;

    }

    .course-info i{

        width:55px;

        height:55px;

        font-size:22px;

    }

    .course-info h3{

        font-size:20px;

    }

    .course-info p{

        font-size:14px;

    }

    .course-content{

        padding:0 20px;

    }

    .course-card.active .course-content{

        padding:0 20px 25px;

    }

    .subject-list{

        grid-template-columns:1fr;

    }

    .course-toggle{

        width:42px;

        height:42px;

    }

     .page-banner{

        height:240px;

    }

    .banner-content h1{

        font-size:34px;

    }

    .section-heading h2{

        font-size:30px;

    }

    .contact-container{

        grid-template-columns:1fr;

    }

    .contact-card{

        padding:30px 20px;

    }

    .form-content{

        text-align:center;

    }

    .form-content h2{

        font-size:30px;

    }

    .map-container iframe{

        height:320px;

    }


     .principal-section,
    .teaching-section,
    .non-teaching-section{

        padding:70px 5%;

    }

    .principal-card{

        padding:30px 20px;

    }

    .principal-details h2{

        font-size:28px;

    }

    .principal-details h4{

        font-size:18px;

    }

    .principal-message{

        font-size:15px;

    }

    .faculty-container{

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

        gap:20px;

    }

    .faculty-card{

        padding:20px 15px;

    }

    .faculty-card img{

        width:100px;

        height:130px;

    }

    .faculty-card h3{

        font-size:17px;

    }

    .faculty-card h5{

        font-size:14px;

    }

    .faculty-card p{

        font-size:13px;

    }

      .gallery-section{

        padding:70px 5%;

    }

    .gallery-container{

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

        gap:15px;

    }

    .gallery-item img{

        height:170px;

    }

    .gallery-overlay i{

        font-size:28px;

    }

    .gallery-overlay h3{

        font-size:16px;

    }

    .filter-btn{

        padding:10px 18px;

        font-size:14px;

    }

    .lightbox-prev,

    .lightbox-next{

        width:45px;

        height:45px;

        font-size:22px;

    }

    .lightbox-prev{

        left:15px;

    }

    .lightbox-next{

        right:15px;

    }

    .close-lightbox{

        right:20px;

        font-size:38px;

    }

     .admission-hero,
    .admission-process,
    .available-courses,
    .documents,
    .fee-section,
    .instructions,
    .apply-online{

        padding:70px 5%;

    }

    .admission-content h2{

        font-size:32px;

    }

    .section-heading h2{

        font-size:30px;

    }

    .process-container{

        grid-template-columns:1fr;

    }

    .course-grid{

        grid-template-columns:1fr;

    }

    .document-grid{

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

        gap:15px;

    }

    .document-card{

        padding:20px;

    }

    .apply-online h2{

        font-size:30px;

    }
    /*==========================
        FOOTER
==========================*/

    .footer-container{

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

    }




    .hero{

        height:70vh;

    }

    .hero-content{

        width:92%;

    }

    .hero-content h4{

        font-size:16px;

    }

    .hero-content h1{

        font-size:28px;

    }

    .hero-content h3{

        font-size:18px;

    }

    .hero-content p{

        font-size:14px;

        line-height:1.6;

    }

    .hero-btn{

        flex-direction:column;

        align-items:center;

        gap:15px;

    }

    .btn-primary,
    .btn-secondary{

        width:220px;

        text-align:center;

        padding:12px 0;

    }

    .prev,
    .next{

        width:42px;

        height:42px;

        font-size:22px;

    }

    .prev{

        left:12px;

    }

    .next{

        right:12px;

    }

    .dots{

        bottom:20px;

    }


    .footer{

        text-align:center;

    }

    .footer-container{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-logo{

        margin:auto auto 15px;

    }

    .social-icons{

        justify-content:center;

    }

}