/* =========================================================
   DESKTOP - MOBILE BUTTONS HIDDEN
========================================================= */

.basc-mobile-toggle,
.basc-mobile-close {
    display: none;
}

/* =========================================================
   MOBILE VIEW - MAX 991px
========================================================= */

@media (max-width: 991px) {

    /* =====================================================
       MOBILE HAMBURGER BUTTON
    ===================================================== */

    .basc-mobile-toggle {

        display: flex;

        position: absolute;

        top: 20px;
        right: 15px;

        width: 44px;
        height: 44px;

        padding: 0;
        margin: 0;

        align-items: center;
        justify-content: center;

        border: 0;
        border-radius: 7px;

        background: #e51d73;
        color: #ffffff;

        font-size: 21px;
        line-height: 1;

        cursor: pointer;

        z-index: 10001;

        transition: all 0.3s ease;
    }

    .basc-mobile-toggle:hover {
        background: #e12b7b;
    }


    /* =====================================================
       TOP BAR BECOMES MOBILE SIDE MENU
    ===================================================== */

    .basc-top-bar {

        position: fixed;

        top: 0;
        right: -320px;

        width: 300px;
        max-width: 85%;

        height: 100vh;

        margin: 0;
        padding: 75px 20px 30px;

        box-sizing: border-box;

        background: #ffffff;

        overflow-x: hidden;
        overflow-y: auto;

        z-index: 10000;

        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.20);

        transition: right 0.35s ease;

        -webkit-overflow-scrolling: touch;
    }


    /* =====================================================
       OPEN MOBILE MENU
    ===================================================== */

    .basc-top-bar.basc-mobile-active {
        right: 0;
    }


    /* =====================================================
       TOP CONTAINER
    ===================================================== */

    .basc-top-container {

        width: 100%;

        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


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

    .basc-top-menu {

        display: block !important;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;

        box-sizing: border-box;
    }


    /* =====================================================
       MENU ITEMS
    ===================================================== */

    .basc-top-menu > li {

        position: relative;

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        border-bottom: 1px solid #eeeeee;

        box-sizing: border-box;
    }


    /* =====================================================
       MENU LINKS
    ===================================================== */

    .basc-top-menu > li > a {

        display: flex;

        align-items: center;
        justify-content: space-between;

        width: 100%;

        min-height: 48px;

        padding: 14px 5px;

        box-sizing: border-box;

        color: #08306c;

        font-size: 14px;
        font-weight: 700;

        line-height: 1.3;

        text-decoration: none;

        transition: all 0.25s ease;
    }


    .basc-top-menu > li > a:hover {
        color: #e12b7b;
    }


    /* Remove desktop hover arrow */
    .basc-top-menu > li:hover > a::after {
        display: none !important;
    }


    /* =====================================================
       DROPDOWN
    ===================================================== */

    .basc-top-dropdown {
        position: relative;
    }


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

    .basc-top-submenu {

        position: static !important;

        display: none;

        width: 100%;

        min-width: 0;

        margin: 0;
        padding: 4px 0;

        box-sizing: border-box;

        background: #f5f7fb;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        list-style: none;
    }


    /* =====================================================
       OPEN SUBMENU
    ===================================================== */

    .basc-top-dropdown.mobile-open > .basc-top-submenu {
        display: block;
    }


    /* =====================================================
       SUBMENU ITEM
    ===================================================== */

    .basc-top-submenu li {

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;
    }


    .basc-top-submenu li a {

        display: block;

        width: 100%;

        padding: 11px 15px;

        box-sizing: border-box;

        color: #333333;

        font-size: 13px;
        font-weight: 500;

        line-height: 1.3;

        text-decoration: none;

        border-bottom: 1px solid rgba(0, 0, 0, 0.05);

        transition: all 0.25s ease;
    }


    .basc-top-submenu li:last-child a {
        border-bottom: 0;
    }


    .basc-top-submenu li a:hover {
        color: #e12b7b;
        background: #ffffff;
        padding-left: 20px;
    }


    /* =====================================================
       CLOSE BUTTON
    ===================================================== */

    .basc-mobile-close {

        position: fixed;

        top: 15px;
        right: 15px;

        width: 40px;
        height: 40px;

        padding: 0;
        margin: 0;

        align-items: center;
        justify-content: center;

        border: 0;
        border-radius: 50%;

        background: #e12b7b;
        color: #ffffff;

        font-size: 18px;
        line-height: 1;

        cursor: pointer;

        z-index: 10003;

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);

        transition: all 0.3s ease;
    }


    /* Show close button */
    .basc-mobile-close.active {
        display: flex;
    }


    .basc-mobile-close:hover {
        background: #08306c;
        transform: rotate(90deg);
    }


    /* =====================================================
       HIDE HAMBURGER WHEN MENU OPEN
    ===================================================== */

    .basc-mobile-toggle.menu-open {
        display: none;
    }


    /* =====================================================
       VIDEO HEADER - IMPORTANT FIX
    ===================================================== */

    .video-overlay-header {

        width: 100%;

        padding: 12px 15px;

        box-sizing: border-box;
    }


    .video-header-container {

        width: 100%;
        height: 50%;
        display: flex;

        flex-direction: row !important;

        align-items: center;

        justify-content: space-between;

        gap: 10px;

        box-sizing: border-box;
    }


    /* =====================================================
       COLLEGE INFORMATION
    ===================================================== */

    .video-college-info {

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: flex-start;

        gap: 9px;

        min-width: 0;

        text-align: left;
    }


    /* =====================================================
       COLLEGE LOGO
    ===================================================== */

    .video-college-logo {

        flex: 0 0 auto;

        width: 55px;
        height: 55px;
    }


    .video-college-logo img {

        display: block;

        width: 55px;
        height: 55px;

        max-width: 100%;

        object-fit: contain;
    }


    /* =====================================================
       COLLEGE TEXT
    ===================================================== */

    .video-college-text {

        flex: 1;

        min-width: 0;

        text-align: left;

        padding-right: 50px;

        box-sizing: border-box;
    }


    .video-college-text h1 {

        margin: 0;

        font-size: 25px;

        line-height: 1.05;

        letter-spacing: 1px;

        white-space: nowrap;
    }


    .video-college-text h2 {

        margin: 5px 0 0;

        font-size: 13px;

        line-height: 1.15;

        letter-spacing: 0.4px;

        white-space: nowrap;
    }


    .video-college-text p {

        margin: 4px 0 0;

        font-size: 7px;

        line-height: 1;

        white-space: nowrap;
    }


    /* =====================================================
       RECOGNITION LOGO HIDDEN ON MOBILE
    ===================================================== */

    .video-recognition-logos {
        display: none !important;
    }


    .video-recognition-logos img {
        display: none !important;
    }
}


/* =========================================================
   SMALL MOBILE - MAX 575px
========================================================= */

@media (max-width: 575px) {

    /* -----------------------------------------------
       HAMBURGER
    ----------------------------------------------- */

    .basc-mobile-toggle {

        top:8px;
        right: 12px;

        width: 40px;
        height: 40px;

        font-size: 19px;
    }


    /* -----------------------------------------------
       SIDE MENU
    ----------------------------------------------- */

    .basc-top-bar {

        width: 285px;
        max-width: 88%;

        padding: 70px 18px 25px;
    }


    /* -----------------------------------------------
       MENU TEXT
    ----------------------------------------------- */

    .basc-top-menu > li > a {

        min-height: 45px;

        padding: 13px 5px;

        font-size: 13px;
    }


    .basc-top-submenu li a {

        padding: 10px 14px;

        font-size: 12px;
    }


    /* -----------------------------------------------
       CLOSE BUTTON
    ----------------------------------------------- */

    .basc-mobile-close {

        top: 12px;
        right: 12px;

        width: 38px;
        height: 38px;

        font-size: 17px;
    }


    /* -----------------------------------------------
       VIDEO HEADER
    ----------------------------------------------- */

    .video-overlay-header {

        padding:0px 0px;
    }


    .video-header-container {

        gap: 6px;
    }


    .video-college-info {

        gap: 7px;
    }


    .video-college-logo {

        width: 46px;
        height: 46px;
    }


    .video-college-logo img {

        width: 46px;
        height: 46px;
    }


    .video-college-text {

        padding-right: 42px;
    }


    .video-college-text h1 {

        font-size:15px;

        letter-spacing: 0.5px;
    }


    .video-college-text h2 {

        margin-top: 4px;

        font-size: 10px;

        letter-spacing: 0.2px;
    }

}


/* =========================================================
   VERY SMALL PHONES - MAX 400px
========================================================= */

@media (max-width: 400px) {

    .video-college-logo,
    .video-college-logo img {

        width: 42px;
        height: 42px;
    }


    .video-college-text {

        padding-top: -40px;
    }


    .video-college-text h1 {

        font-size: 15px;

        letter-spacing: 0.3px;
    }


    .video-college-text h2 {

        font-size: 9px;
    }

    .basc-mobile-toggle {

        width: 38px;
        height: 38px;

        font-size: 18px;
    }
}


/* =========================================================
   MOBILE VIDEO BANNER - FULL WIDTH RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .banner-video {
        position: relative;

        width: 100%;

        /* Remove desktop fixed height */
        height:250px;

        min-height: 0;

        margin: 0;
        padding: 0;

        overflow: hidden;

        background: #061b40;
    }


    /* =====================================================
       VIDEO
    ===================================================== */

    .banner-video-element {

        position: absolute;

        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        min-width: 0;
        min-height: 0;

        object-fit: cover;

        object-position: center center;

        transform: none;

        display: block;

        z-index: 1;
    }

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

@media (max-width: 768px) {

    .banner-video {
        height: 380px;
    }

}


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

@media (max-width: 575px) {

    .banner-video {

        width: 100%;

        height: 250px;

        min-height: 0;

        overflow: hidden;
    }


    .banner-video-element {

        width: 100%;
        height: 100%;

        min-width: 0;
        min-height: 0;

        object-fit: cover;

        object-position: center center;

        transform: none;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .banner-video {
        height: 210px;
    }

}
/* =========================================================
   MOBILE - CENTER ALL TOP BAR CONTENT
========================================================= */

@media (max-width: 768px) {

    /* Top bar */

    .basc-header-top {
        width: 100%;
        height: auto;
        min-height: 20px;
        background-color: #073b8f;
        padding: 8px 10px;
        text-align: center;
    }


    /* Container */

    .basc-header-top .container {
        width: 100%;
        max-width: 100%;

        padding: 0;

        margin: 0 auto;
    }


    /* Main wrapper */

    .basc-top-wrapper {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        gap: 5px;

        text-align: center;
    }


    /* =====================================================
       CONTACT INFORMATION
    ===================================================== */

    .basc-top-left {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        gap: 3px;

        text-align: center;
    }


    .basc-info-item {
        width: 100%;

        display: flex;

        align-items: center;
        justify-content: center;

        gap: 7px;

        text-align: center;

        font-size: 12px;
        color: white;

        line-height: 1.25;
    }


    .basc-info-item i {
        width: auto;

        flex: 0 0 auto;

        font-size: 11px;
        color: white;

        text-align: center;
    }


    .basc-info-item .info,
    .basc-info-item span,
    .basc-info-item a {
        text-align: center;

        font-size: 12px;
        color: white;

        line-height: 1.25;

        white-space: normal;

        word-break: normal;
    }


    /* =====================================================
       RIGHT BUTTONS
    ===================================================== */

    .basc-top-right {
        width: 100%;

        display: flex;

        align-items: center;
        justify-content: center;

        gap: 8px;

        text-align: center;
    }


    .basc-admission-btn,
    .basc-contact-btn {
        height: 28px;

        padding: 0 12px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        gap: 5px;

        font-size: 12px;

        border-radius: 4px;

        white-space: wrap;
    }
}


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

@media (max-width: 575px) {

    .basc-header-top {
        min-height: 20px;

        background-color: #073b8f;

        padding: 7px 8px;
    }


    .basc-top-wrapper {
        gap: 4px;
    }


    .basc-top-left {
        gap: 2px;
    }


    .basc-info-item {
        gap: 6px;

        font-size: 12px;
    }


    .basc-info-item i {
        font-size: 12px;

        color: white;
    }


    .basc-info-item .info,
    .basc-info-item span,
    .basc-info-item a {
        font-size: 12px;

        color: white;
    }


    .basc-top-right {
        gap: 6px;
    }


    .basc-admission-btn,
    .basc-contact-btn {
        height: 27px;

        padding: 0 10px;

        font-size: 12px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .basc-header-top {
        min-height: 26px;

        padding: 6px 5px;
    }


    .basc-info-item {
        gap: 5px;

        font-size: 11px;
    }


    .basc-info-item i {
        font-size: 11px;
    }


    .basc-info-item .info,
    .basc-info-item span,
    .basc-info-item a {
        font-size: 12px;
    }


    .basc-admission-btn,
    .basc-contact-btn {
        height: 26px;

        padding: 0 9px;

        font-size: 11px;
    }
}
}



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

@media (max-width: 991px) {

    .rs-campus-life-thumb {
        height: 300px;
        border-radius: 3px;
    }

    .rs-campus-life-thumb img {
        height: 300px !important;
        border-radius: 3px !important;
    }
}


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

@media (max-width: 575px) {

    .rs-campus-life-thumb {
        height: 280px;
        border-radius: 2px;
    }

    .rs-campus-life-thumb img {
        height: 280px !important;
        border-radius: 2px !important;
    }

    .rs-campus-life-title {
        font-size: 17px;
    }
}


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

@media (max-width: 991px) {

    .footer-area {
        padding: 45px 0 35px;
    }

    .footer-title {
        font-size: 21px;
    }

    .footer-text {
        font-size: 15px;
    }

    .footer-links a {
        font-size: 15px;
    }

    .footer-contact a {
        font-size: 14.5px;
    }

    .footer-map {
        height: 210px;
    }

}


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

@media (max-width: 767px) {

    .footer-area {
        padding: 40px 0 30px;
    }

    .footer-widget {
        margin-bottom: 15px;
    }

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

    .footer-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .footer-links a {
        font-size: 15px;
    }

    .footer-contact a {
        font-size: 14px;
    }

    .footer-map {
        height: 220px;
    }

}


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

@media (max-width: 480px) {

    .footer-area {
        padding: 35px 0 25px;
    }

    .footer-logo img {
        max-width: 165px;
    }

    .footer-title {
        font-size: 19px;
    }

    .footer-text {
        font-size: 14px;
    }

    .footer-links a {
        font-size: 14px;
    }

    .footer-contact a {
        font-size: 13.5px;
    }

    .footer-map {
        height: 200px;
    }

}


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

@media (max-width: 991px) {

    .copyright-area {
        padding: 10px 0;
    }

    .copyright-content {
        min-height: 40px;
    }

    .copyright-left p,
    .copyright-right span {
        font-size: 13px;
    }

    .copyright-right img {
        height: 30px;
        max-width: 120px;
    }
}


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

@media (max-width: 767px) {

    .copyright-area {
        padding: 12px 0;
    }

    .copyright-content {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        min-height: auto;
        text-align: center;
    }

    .copyright-left {
        justify-content: center;
        width: 100%;
    }

    .copyright-left p {
        font-size: 12px;
        line-height: 1.5;
    }

    .copyright-right {
        width: 100%;
        justify-content: center;
        gap: 7px;
    }

    .copyright-right span {
        font-size: 12px;
    }

    .copyright-right img {
        height: 28px;
        max-width: 110px;
    }
}


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

@media (max-width: 480px) {

    .copyright-area {
        padding: 10px 5px;
    }

    .copyright-content {
        gap: 6px;
    }

    .copyright-left p {
        font-size: 11px;
    }

    .copyright-right span {
        font-size: 11px;
    }

    .copyright-right img {
        height: 26px;
        max-width: 100px;
    }
}


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

@media (max-width: 768px) {

    .placement-companies {
        padding: 40px 0 45px;
    }

    .companies-title {
        margin-bottom: 25px;
    }

    .companies-title span {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .companies-title h3 {
        font-size: 23px;
        line-height: 1.3;
    }

    .companies-title p {
        font-size: 13px;
        line-height: 1.6;
        padding: 0 10px;
    }

    .company-logo-track {
        animation-duration: 20s;
    }

    .company-logo {
        width: 145px;
        height: 85px;

        flex: 0 0 145px;

        margin: 0 8px;

        padding: 12px;

        border-radius: 11px;
    }
}


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

@media (max-width: 480px) {

    .placement-companies {
        padding: 35px 0 40px;
    }

    .companies-title h3 {
        font-size: 18px;
    }

    .companies-title p {
        font-size: 12.5px;
    }

    .company-logo-track {
        animation-duration: 18s;
    }

    .company-logo {
        width: 125px;
        height: 75px;

        flex: 0 0 125px;

        margin: 0 7px;

        padding: 10px;
    }

}

@keyframes companyLogoScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

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

@media (max-width: 950px) {

    .vmmx-grid {
        grid-template-columns: 1fr;
    }

    .vmmx-card {
        min-height: auto;
    }

}


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

@media (max-width: 600px) {

    .vmmx-section {
        padding: 38px 0;
    }

    .vmmx-container {
        width: calc(100% - 24px);
    }

    .vmmx-heading {
        margin-bottom: 24px;
    }

    .vmmx-heading h2 {
        font-size: 25px;
    }

    .vmmx-card {
        padding: 23px 19px 24px;

        border-radius: 14px;
    }

    .vmmx-icon {
        width: 48px;
        height: 48px;

        font-size: 18px;

        border-radius: 12px;
    }

    .vmmx-card h3 {
        font-size: 20px;
    }

    .vmmx-card p {
        font-size: 13px;
        line-height: 1.65;
    }

    .vmmx-number {
        font-size: 34px;

        top: 22px;
        right: 18px;
    }

}



/* =========================================================
   MOBILE - 991px
========================================================= */

@media (max-width: 991px) {


    /* =====================================================
       MARQUEE
    ===================================================== */

    .basc-marquee {
        height: 36px;
    }

    .marquee-badge {
        min-width: 82px;
        font-size: 10px;
    }

    .marquee-item {
        padding: 0 12px;
        font-size: 12px;
    }

    .marquee-icon {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .marquee-highlight {
        padding: 3px 7px;
        font-size: 8px;
    }


    /* =====================================================
       HEADER 2
    ===================================================== */

    .college-header-inner {

        min-height: 76px;

        padding: 8px 14px;

        gap: 10px;
    }


    /* BRAND LEFT */

    .college-brand {

        order: 1;

        flex: 1;

        min-width: 0;
    }


    /* LOGO */

    .college-logo {

        width: 46px;
        height: 98px;

        flex: 0 0 98px;
    }


    /* TITLE */

    .college-title h1 {

        font-size:45px;

        line-height: 1.2;

        margin-bottom: 3px;

        display: -webkit-box;

        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        overflow: hidden;
        letter-spacing: 2.5px;
    }


    .college-subtitle {

        font-size:12px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;
    }


    .college-affiliation {

        font-size:12px;
    }


    /* =====================================================
       MENU BUTTON RIGHT SIDE
    ===================================================== */

    .menu-toggle {

        display: flex;

        order: 3;

        margin-left: auto;
    }


    /* =====================================================
       HIDE ADMISSION ON MOBILE
    ===================================================== */

    .header-admission {
        display: none;
    }


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

    .navbar-wrapper {

        background: #fff;

        max-height: 0;

        overflow: hidden;

        transition: max-height .4s ease;
    }


    /* OPEN */

    .navbar-wrapper.menu-open {

        max-height: 100vh;
    }


    .navbar-inner {

        padding: 0;
    }


    .navbar {

        width: 100%;

        padding: 8px 12px 15px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        justify-content: flex-start;

        max-height:fit-content;

    }


    /* MOBILE LINKS */

    .navbar > a,
    .nav-dropdown > a {

        width: 100%;

        min-height: 48px;

        padding: 0 9px;

        justify-content: flex-start;

        background:white;

        color:#250b79;
        font-size: 15px;
        font-weight: 600;
    }


    .navbar > a i {

        width: 22px;

        text-align: center;

        color: #e51d73;
    }


    /* DROPDOWN ARROW */

    .nav-dropdown > a {

        justify-content: space-between;
    }

    .nav-dropdown > a i {

        color: #073b8f;
    }


    /* REMOVE DESKTOP LINE */

    .navbar > a.active::after,
    .nav-dropdown > a.active::after {

        display: none;
    }

    .aff-logo{
        display: none;
    }


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

    .submenu {

        position: static;

        min-width: 0;

        width: 100%;

        padding: 0;

        display: none;

        opacity: 1;
        visibility: visible;

        transform: none;

        background: #f8faff;

        box-shadow: none;

        border-radius: 0;
    }


    .nav-dropdown.open .submenu {

        display: block;
    }


    .nav-dropdown.open > a i {

        transform: rotate(180deg);
    }


    .submenu a {

        min-height: 40px;

        padding: 10px 20px 10px 45px;

        font-size: 13px;

        border-left: 3px solid transparent;

        border-bottom: 1px solid #e9edf4;

        color: #000000;
    }


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

    .navbar .nav-apply {

        margin: 12px 0 0;

        min-height: 46px;

        justify-content: center;

        background: #e51d73;

        color: #ffffff;

        border-radius: 7px;
    }

    .navbar .nav-apply i {

        width: auto;

        color: #ffd54a;
    }
    
/* HOVER */

.navbar > a:hover,
.nav-dropdown > a:hover,
.navbar > a.active,
.nav-dropdown > a.active {

    background: rgba(255,255,255,.12);

    color:#e51d73;
}


}


/* =========================================================
   SMALL MOBILE - 575px
========================================================= */

@media (max-width: 575px) {

    .header-container {
        padding-left: 12px;
        padding-right: 12px;
    }


    .college-header-inner {

        min-height: 70px;

        padding:5px;
    }


    .college-logo {

        width: 46px;
        height:66px;

        flex-basis: 66px;
    }


    .college-title h1 {

        font-size:22px;
        letter-spacing:1.2px;
    }

    .aff-logo{
        display: none;
    }

    .college-subtitle {

        font-size: 10px;
    }


    .college-affiliation {

        font-size: 10px;
    }


    .menu-toggle {

        width: 35px;
        height: 32px;
    }


    .marquee-badge {

        min-width: 72px;
    }


    .badge-icon {

        display: none;
    }

}


/* =========================================================
   VERY SMALL MOBILE - 380px
========================================================= */

@media (max-width:450px) {

    .college-logo {

        width: 46px;
        height:66px;

        flex-basis:66px;
    }


    .college-title h1 {

        font-size:22px;

    }


    .college-subtitle {

        font-size: 8.5px;
    }

    .aff-logo{
        display: none;
    }

    .college-affiliation {

        font-size: 8px;
    }


    .menu-toggle {

        width: 39px;
        height: 38px;
    }

}

/* =========================================================
   VERY SMALL MOBILE - 380px
========================================================= */

@media (max-width: 375px) {

    .college-logo {

        width: 46px;
        height: 66px;

        flex-basis: 66px;
    }


    .college-title h1 {

        font-size:18px;

    }


    .college-subtitle {

        font-size:9px;
    }

    .aff-logo{
        display: none;
    }

    .college-affiliation {

        font-size:9px;
    }


}



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

@media (max-width: 900px) {

    .count-mini-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


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

@media (max-width: 600px) {

    .college-count-mini {
        padding: 25px 0;
    }

    .count-mini-container {
        width: 91%;
    }

    .count-mini-heading {
        margin-bottom: 17px;
    }

    .count-mini-heading span {
        font-size:10px;
        letter-spacing: 1.2px;
    }

    .count-mini-heading h2 {
        font-size: 21px;
    }

    .count-mini-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 9px;
    }

    .count-mini-card {
        min-height: 68px;

        padding: 9px 10px;
    }

    .count-mini-card::before {
        top: 9px;
        bottom: 9px;
    }

    .count-mini-icon {
        width: 34px;
        height: 34px;

        margin-right: 8px;

        border-radius: 8px;

        font-size: 13px;
    }

    .count-mini-number {
        font-size: 19px;
    }

    .count-mini-number::after {
        font-size: 13px;
    }

    .count-mini-card h3 {
        margin-top: 3px;

        font-size:12px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .college-count-mini {
        padding: 20px 0;
    }

    .count-mini-heading h2 {
        font-size: 19px;
    }

    .count-mini-card {
        min-height: 62px;
        padding: 8px;
    }

    .count-mini-icon {
        width: 30px;
        height: 30px;

        margin-right: 7px;

        font-size: 11px;
    }

    .count-mini-number {
        font-size: 17px;
    }

    .count-mini-card h3 {
        font-size: 12px;
    }

}


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

@media (max-width: 991px) {

.fa-calendar-alt:before, .fa-calendar-days:before{
    display: none;
  }

}


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

@media (max-width: 600px) {
.fa-calendar-alt:before, .fa-calendar-days:before{
    display: none;
  }
}


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

@media (max-width: 380px) {
 .fa-calendar-alt:before, .fa-calendar-days:before{
    display: none;
  }

}


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

@media (max-width: 1200px) {

    .department-card {
        flex-basis: 245px;
        height: 255px;
    }

}


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

@media (max-width: 768px) {

    .department-section {
        padding: 50px 0 45px;
    }

    .department-heading {
        margin-bottom: 28px;
    }

    .department-heading h2 {
        font-size: 32px;
    }

    .department-heading p {
        font-size: 13px;
    }

    .department-card {
        flex-basis: 225px;
        height: 245px;

        padding: 20px 16px;
    }

    .department-logo {
        width:100px;
        height: 100px;

        margin-bottom: 11px;
    }

    .department-logo img {
        width:100px;
        height: 100px;
    }

    .department-card h3 {
        font-size: 15px;
    }

    .department-arrow {
        display: none;
    }

}


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

@media (max-width: 480px) {

    .department-container {
        width: 90%;
    }

    .department-card {
        flex-basis: 215px;
        height: 235px;
    }

    .department-track {
        gap: 13px;
    }

}


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

@media (max-width: 1100px) {

    .mop-news-events {
        padding: 60px 0;
    }

    .mop-news-events-container {
        width: min(100% - 45px, 900px);

        grid-template-columns: 1fr;

        gap: 35px;
    }

    .mop-event-card {
        min-width: calc((100% - 20px) / 2);

        flex-basis: calc((100% - 20px) / 2);
    }

    .mop-event-image {
        height: 200px;
    }
}


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

@media (max-width: 700px) {

    .mop-news-events {
        padding: 45px 0;
    }

    .mop-news-events-container {
        width: calc(100% - 30px);

        gap: 25px;
    }

    .mop-announcement-panel,
    .mop-events-panel {
        padding: 22px;

        border-radius: 12px;
    }

    .mop-panel-heading {
        margin-bottom: 24px;
    }

    .mop-panel-heading h2 {
        font-size: 25px;
    }

    .mop-panel-heading span {
        font-size: 12px;
    }

    .mop-events-top {
        align-items: flex-start;

        flex-direction: column;

        gap: 18px;
    }

    .mop-event-controls {
        width: 100%;

        justify-content: flex-start;
    }

    .mop-event-card {
        min-width: 100%;

        flex-basis: 100%;
    }

    .mop-event-image {
        height: 210px;
    }
}


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

@media (max-width: 480px) {

    .mop-news-events-container {
        width: calc(100% - 22px);
    }

    .mop-announcement-panel,
    .mop-events-panel {
        padding: 18px;
    }

    .mop-panel-heading h2 {
        font-size: 23px;
    }

    .mop-announcement {
        min-height: 82px;

        grid-template-columns:
            18px
            minmax(0, 1fr)
            30px;

        column-gap: 12px;
    }

    .mop-announcement-content small {
        font-size: 11px;
    }

    .mop-announcement-content h3 {
        font-size: 15px;
    }

    .mop-announcement-content p {
        font-size: 12px;
    }

    .mop-event-image {
        height: 190px;
    }

    .mop-event-content {
        grid-template-columns:
            50px
            minmax(0, 1fr);

        gap: 13px;

        padding: 17px;
    }

    .mop-event-date {
        width: 50px;
        height: 58px;
    }

    .mop-event-date strong {
        font-size: 18px;
    }

    .mop-event-content h3 {
        font-size: 15px;
    }

    .mop-event-content a {
        font-size: 12px;
    }
}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .mop-news-events-container {
        width: calc(100% - 16px);
    }

    .mop-announcement-panel,
    .mop-events-panel {
        padding: 15px;
    }

    .mop-panel-heading h2 {
        font-size: 21px;
    }

    .mop-event-image {
        height: 175px;
    }

    .mop-event-content {
        padding: 15px;
    }
}


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

@media (max-width: 900px) {

    .about-college-section {
        padding: 40px 15px;
    }

    .about-college-content,
    .about-college-image {
        height: 400px;
    }

    .about-college-content {
        padding: 28px 30px;
    }

    .about-college-content h2 {
        font-size: 24px;
    }

    .about-college-content > p {
        font-size: 13px;
    }

    .about-tamil-quote p {
        font-size: 13px;
    }
}


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

@media (max-width: 700px) {

    .about-college-section {
        padding: 35px 15px;
    }

    .about-college-container {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .about-college-content {
        height: auto;
        min-height: 0;

        padding: 28px 22px;

        border-radius: 16px;
    }

    .about-college-image {
        height: 350px;

        padding: 10px;

        border-radius: 16px;
    }

    .about-info-row {
        flex-direction: row;
    }

    .about-college-content h2 {
        font-size: 23px;
    }
}


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

@media (max-width: 480px) {

    .about-college-content {
        padding: 24px 18px;
    }

    .about-college-content h2 {
        font-size: 21px;
    }

    .about-college-content > p {
        font-size: 13px;
    }

    .about-tamil-quote p {
        font-size: 13px;
    }

    .about-info-box span {
        font-size: 13px;
    }

    .about-info-box small {
        font-size: 8px;
    }
}


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

@media (max-width: 1100px) {

    .basc-why-container {
        grid-template-columns: 44% 56%;
    }

    .basc-circle-bg {
        width: 390px;
        height: 390px;

        left: 5px;
    }

    .basc-pink-arc {
        width: 420px;
        height: 420px;

        left: -10px;
    }

    .basc-student-image {
        width: 430px;
    }

    .basc-why-content h2 {
        font-size: 35px;
    }

    .basc-feature-experience {
        gap: 15px;
    }

    .basc-excellence-badge {
        width: 135px;
        height: 135px;

        flex-basis: 135px;
    }

}


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

@media (max-width: 767px) {

    .basc-why-section {
        padding: 55px 0;
    }

    .basc-why-container {
        width: 92%;

        grid-template-columns: 1fr;

        gap: 20px;
    }


    /* Image */

    .basc-why-image-area {
        min-height: 390px;

        order: 1;
    }

    .basc-circle-bg {
        width: 310px;
        height: 310px;

        left: 50%;

        top: 30px;

        transform: translateX(-50%);
    }

    .basc-pink-arc {
        width: 330px;
        height: 330px;

        left: 50%;

        top: 20px;

        transform:
            translateX(-50%)
            rotate(-25deg);
    }

    .basc-student-image {
        width: 330px;

        margin-top: 30px;
    }

    .basc-lotus {
        bottom: 30px;
        left: 20px;

        font-size: 45px;
    }


    /* Content */

    .basc-why-content {
        padding: 10px 0;

        order: 2;
    }

    .basc-small-title {
        font-size: 12px;
    }

    .basc-why-content h2 {
        font-size: 30px;

        line-height: 1.18;
    }

    .basc-description {
        font-size: 15px;

        line-height: 1.9;
    }


    /* Feature + badge */

    .basc-feature-experience {
        align-items: flex-start;

        gap: 15px;
    }

    .basc-features {
        gap: 12px;
    }

    .basc-feature {
        font-size: 13px;
    }

    .basc-excellence-badge {
        width: 115px;
        height: 115px;

        flex-basis: 115px;
    }

    .basc-badge-inner {
        width: 94px;
        height: 94px;
    }

    .basc-years {
        font-size: 22px;
    }

    .basc-years-text {
        font-size: 8px;
    }

    .basc-excellence {
        font-size: 6px;

        padding: 3px 7px;
    }

}


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

@media (max-width: 450px) {

    .basc-why-image-area {
        min-height: 340px;
    }

    .basc-circle-bg {
        width: 275px;
        height: 275px;
    }

    .basc-pink-arc {
        width: 295px;
        height: 295px;
    }

    .basc-student-image {
        width: 290px;
    }

    .basc-why-content h2 {
        font-size: 27px;
    }

    .basc-feature-experience {
        flex-direction: column;
        align-items: flex-start;
    }

    .basc-excellence-badge {
        align-self: center;
    }

}

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

@media (max-width: 1100px) {

    .basc-recognition-container {
        grid-template-columns: repeat(3, 1fr);
    }

}


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

@media (max-width: 760px) {

    .basc-recognition-section {
        padding: 14px 0;
    }

    .basc-recognition-container {
        width: calc(100% - 22px);

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

        gap: 8px;
    }

    .basc-recognition-item {
        min-height: 68px;

        padding: 9px 10px;
    }

}


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

@media (max-width: 520px) {

    .basc-recognition-section {
        padding: 12px 0;
    }

    .basc-recognition-container {
        width: calc(100% - 18px);

        gap: 7px;
    }

    .basc-recognition-item {
        min-height: 52px;

        padding: 8px 10px;

        gap: 9px;
    }

    .basc-recognition-content strong {
        font-size: 11px;
    }

    .basc-recognition-content span {
        font-size: 10px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .basc-recognition-container {
        width: calc(100% - 14px);
    }

    .basc-recognition-item {
        min-height: 58px;
    }

    .basc-recognition-content strong {
        font-size: 12px;
    }

    .basc-recognition-content span {
        font-size: 9.5px;
    }

}

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

@media (max-width: 768px) {

    .logo-scroll-section {
        padding: 10px 0;
    }

    .logo-scroll-track {
        gap: 18px;

        animation-duration: 24s;
    }

    .logo-scroll-item {
        width:100px;
        height:100px;

        flex-basis: 100px;

        padding: 6px;
    }

    .logo-scroll-item img {
        max-width:100px;
        max-height:100px;
    }

}


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

@media (max-width: 480px) {

    .logo-scroll-track {
        gap: 14px;

        animation-duration: 20s;
    }

    .logo-scroll-item {
        width: 100px;
        height:100px;

        flex-basis: 100px;
    }

    .logo-scroll-item img {
        max-width:100px;
        max-height: 100px;
    }

}


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

@media (max-width: 600px) {

    .fixed-social-bar {
        padding: 3px;
        gap: 3px;
    }

    .fixed-social {
        width: 27px;
        height: 27px;

        font-size: 12px;

        border-radius: 4px;
    }

}


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

@media (max-width: 1100px) {

    .announcement-events-section {
        padding: 55px 25px;
    }

    .announcement-events-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .events-column {
        padding-left: 30px;
    }

    .event-image {
        width: 155px;
        min-width: 155px;

        height: 175px;
    }

    .event-content {
        padding: 20px;
    }

    .event-title {
        font-size: 15px;
    }
}

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

@media (max-width: 800px) {

    .announcement-events-section {
        padding: 45px 18px;
    }

    .announcement-events-wrapper {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .events-column {
        border-left: none;

        border-top: 1px solid #ddd;

        padding-left: 0;
        padding-top: 40px;
    }

    .section-title {
        font-size: 24px;
    }

    /* Mobile: image always top */

    .event-card,
    .event-card:nth-child(odd),
    .event-card:nth-child(even) {
        flex-direction: column;

        min-height: auto;
    }

    .event-image {
        width: 100%;
        min-width: 100%;

        height: 220px;
    }

    .event-content {
        width: 100%;

        padding: 22px;
    }

    .event-title {
        font-size: 16px;
    }

    .event-date {
        font-size: 12px;
    }
}

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

@media (max-width: 480px) {

    .announcement-events-section {
        padding: 35px 15px;
    }

    .section-title {
        font-size: 22px;
    }

    .event-image {
        height: 190px;
    }

    .event-content {
        padding: 18px;
    }

    .event-title {
        font-size: 14px;
        line-height: 1.5;
    }

    .event-date {
        font-size: 11px;
    }
}


/* =========================================
   TABLET & MOBILE
========================================= */

@media (max-width: 991px) {

    .nav-dropdown > .submenu {
        position: static;

        display: none;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding: 0;
        border-top: none;
        box-shadow: none;

        opacity: 1;
        visibility: visible;
        transform: none;

        transition: none;
    }

    .nav-dropdown:hover > .submenu {
        display: block;
    }

    .submenu-child {
        position: static;

        display: none;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        padding: 0 0 0 15px;

        border-top: none;
        border-left: 2px solid #e5b72f;
        box-shadow: none;

        opacity: 1;
        visibility: visible;
        transform: none;

        transition: none;
    }

    .nav-dropdown-sub:hover > .submenu-child {
        display: block;
    }

    .nav-dropdown > .submenu > a,
    .nav-dropdown-sub > .submenu-link,
    .submenu-child a {
        padding: 11px 15px;
        font-size: 14px;
    }

}


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

@media (max-width: 768px) {

    .about-college {
        padding: 18px 20px 25px;
    }

    .about-title {
        font-size: 18px;
        letter-spacing: 3px;
    }

    .about-wrapper {
        gap: 15px;
        align-items: flex-start;
    }

    .about-image {
        flex: 0 0 125px;
    }

    .about-image img {
        width: 125px;
    }

    .about-content h2 {
        font-size: 30px;
        
        margin-top:12%;
    }

    .about-content h3 {
        font-size: 19px;
        
        margin-top:5%;
    }

    .about-content p {
        font-size: 15px;
        line-height: 1.7;
        
        margin-top:5%;
    }

    .quote-text {
        font-size: 21px;
        margin-top: 15%;
    }

    .quote-left {
        left: 10px;
    }

    .quote-right {
        right: 10px;
    }

    .quote-author {
        width: 90%;
        font-size: 17px;
    }
}


/* MOBILE */
@media (max-width: 576px) {

    .about-college {
        padding: 15px;
    }

    .about-title {
        font-size: 17px;
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }

    .about-wrapper {
        display: block;
    }

    .about-image {
        width: 150px;
        margin: 0 auto 5px;
          margin-top: -5%;
    }

    .about-image img {
        width: 150px;
                margin-top: -25%;

    }

    .about-content h2 {
        font-size: 29px;
        text-align: center;
            margin-top: -5%;
    }

    .about-content h3 {
        font-size: 18px;
        text-align: center;
    }

    .about-content p {
        font-size: 15px;
        text-align: justify;
        line-height: 1.7;
    }

    .about-quote {
        padding: 0 15px;
            margin-top: -5%;
    }

    .quote-text {
        font-size: 19px;
        line-height: 1.7;
    }

    .quote-mark {
        font-size: 30px;
    }

    .quote-left {
        left: 0;
        top: -4px;
    }

    .quote-right {
        right: 0;
        bottom: 24px;
    }

    .quote-author {
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
    }
}