/*==========================================
Responsive CSS
==========================================*/

/***************
Laptop
****************/

@media(max-width:1199px){

.hero h1{

font-size:42px;

}

}

/***************
Tablet
****************/

@media(max-width:991px){

.navbar{

padding:10px 0;

}

.hero{

min-height:auto;

padding:80px 0;

text-align:center;

}

/* Premium Outline Button */

.btn-outline-theme{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:14px 30px;

     color:#fff;

    background:#2034ebb0;

    border:2px solid #ffb400;



    font-size:16px;

    font-weight:700;

    text-decoration:none;

    overflow:hidden;

    transition:.35s ease;

    backdrop-filter:blur(8px);

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

    box-shadow:0 8px 25px rgba(255,180,0,.20);

}

/* Shine Effect */

.btn-outline-theme::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

}

/* Hover */

.btn-outline-theme:hover{

    background:linear-gradient(
        135deg,
        #ff9800,
        #ff5722
    );

    color:#fff;

    border-color:#ff9800;

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(255,152,0,.45);

}

/* Shine Animation */

.btn-outline-theme:hover::before{

    animation:outlineShine .8s linear;

}

/* Icon */

.btn-outline-theme i{

    font-size:18px;

    transition:.3s;

}

.btn-outline-theme:hover i{

    transform:translateY(2px);

}

/* Keyframes */

@keyframes outlineShine{

    100%{

        left:140%;

    }

}

.hero img{

margin-top:50px;

max-width:80%;

}

.section-title h2{

font-size:34px;

}

}

/***************
Mobile
****************/

@media(max-width:767px){

body{

font-size:15px;

}

h1{

font-size:34px;

}

h2{

font-size:28px;

}

.section-padding{

padding:60px 0;

}

.navbar-brand img{

height:55px;

}

.hero{

padding:60px 0;

}

.hero img{

max-width:100%;

margin-top:35px;

}

.btn-theme,
.btn-outline-theme{

width:100%;

margin-bottom:12px;

text-align:center;

}

.top-bar{

display:none;

}

}

.course-footer{

    flex-direction:column;

    gap:12px;

}

.course-footer a{

    width:100%;

    text-align:center;

}

@media (max-width:767px){

    .courses-section .row{

        display:block !important;

    }

    .courses-section .col-lg-4,
    .courses-section .col-md-6,
    .courses-section .col-12{

        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
        margin-bottom:25px;

    }

}

/*=========================================
Courses - Mobile Single Column
=========================================*/

@media (max-width:991px){

    .courses-section .col-lg-4,
    .courses-section .col-md-6,
    .courses-section .col-12{

        flex:0 0 100% !important;
        max-width:100% !important;
        width:100% !important;

    }

}
/*=========================================
Faculty - Mobile
=========================================*/

@media (max-width:991px){

    .faculty-list .col-lg-4,
    .faculty-list .col-md-6,
    .faculty-list .col-12{

        flex:0 0 100% !important;
        max-width:100% !important;
        width:100% !important;

    }

}

@media (max-width:767px){

    .college-brand .brand-text h1{

        font-size:25px !important;
        line-height:1.2 !important;
        margin:0 !important;

    }

    .college-brand .brand-text p{

        font-size:14px !important;
        margin-top:3px !important;

    }
 
}

@media(max-width:767px){

.hero-trust{

    margin-top:-35px;

}

.trust-card{

    padding:20px 12px;

}

.trust-icon{

    width:55px;

    height:55px;

    font-size:24px;

}

.trust-card h3{

    font-size:24px;

}

.trust-card p{

    font-size:13px;

}

}

@media(max-width:991px){

.subject-grid{

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

}

}

@media(max-width:767px){

.subject-grid{

grid-template-columns:1fr;

}

.programme-card{

margin-bottom:20px;

}

}



@media (max-width:768px){

    .site-header{

        padding:12px 0;

    }

    .college-brand{

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:10px;

    }

    .logo img{

        height:98px;
        width:auto;

    }

    .brand-text{

        text-align:center;

    }

    

    
    

}

@media (max-width:768px){

    .admission-title{

        font-size:32px;

        line-height:1.3;

    }

}