@charset "UTF-8"; 

/*=================================================
:: Responsive Media Query (less than 1600px)
==================================================*/
@media only screen and (max-width:1199px)  {  
    .element-box { 
        grid-template-columns: repeat(2, 1fr); 
    }
    .sticky-top { 
        top: 75px; 
    }
}  

/*=================================================
:: Responsive Media Query (less than 1199px)
==================================================*/
@media only screen and (min-width:992px) { 
    /* .container, .container-fluid{
        max-width: 992px;
    }     */
} 

/*=================================================
:: Responsive Media Query (less than 1024px)
==================================================*/
@media only screen and (max-width:1024px) { 
    .main-banner-marquee-area,
    .degrees-marquee-area { 
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .main-banner-marquee-track,
    .degrees-marquee-track { 
        flex-shrink: 0;
    }
 
    .main-banner-marquee-area::-webkit-scrollbar,
    .course-details-list-tab::-webkit-scrollbar,
    .degrees-marquee-area::-webkit-scrollbar,
    .sidebar-widget::-webkit-scrollbar {
        display: none;
    }
 
    .main-banner-marquee-area,
    .course-details-list-tab,
    .degrees-marquee-area,
    .sidebar-widget{
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
}

/*=================================================
:: Responsive Media Query (less than 991px)
==================================================*/
@media only screen and (max-width: 991px) { 
    .container, .container-fluid{
        max-width: 100%;
    }
    .mtb-90 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-100 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mtb-110 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mtb-120 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mtb-130 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .mtb-140 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .mtb-150 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .ptb-90 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-100 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .ptb-110 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .ptb-120 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .ptb-130 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .ptb-140 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .ptb-150 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    /* helper classes */
    .grid-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .landing-left-content {
        margin-bottom: 50px;
    }
    .page-title h2 {
        line-height: normal;
        font-size: 42px;
    }

    .course-style-one .course-title h3 {
        font-size: 26px; 
    }
    .course-style-one .course-list { 
        height: 520px; 
    }

    .button-style-one { 
        font-size: 14px; 
    }

    .cd-overview-list {
        max-width: 100%;
    }
    .course-details-list-tab {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .course-details-list-tab li {
        flex-shrink: 0;
    }
    .academics-img img {
        margin-bottom: 30px;
    }
    .main-banner-content .page-title h1 {
        font-size: 68px; 
        line-height: normal;
    }

    .mission-wapper { 
        align-items: flex-start; 
        flex-direction: column;
    }
    .mission-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .mission-left .mission-content h2 span {
        position: relative;
    }

    .stemx-box { 
        align-items: flex-start; 
        flex-direction: column;
    }
    .stemx-left, 
    .stemx-right,
    .network-left,
    .network-right,
    .network-profile-info { 
        max-width: 100%;
        width: 100%; 
    } 
    .scholarships-image img {
        width: 100%;
        margin-bottom: 30px;
    }
    .network-wapper { 
        align-items: flex-start;
        flex-direction: column;
    }


    .mobile-filter {
        display: block;
    }
    .mobile-sidebar{
        display: none;
    }
    
    .show-mobile-sidebar {
        display: block;
        position: fixed;
        right: 0;
        height: 100%;
        top: 0;
        background: #000;
        z-index: 9999999;
        padding: 30px;
    }

    .sidebar-wapper {
        height: 100%;
        position: relative;
    }
    .sidebar-wapper aside.sidebar-widget {
        height: calc(100% - 40px);
        overflow: auto;
    }
    .clear-filter {
        display: block;
    }

    .pagination-wrap .pagination .page-item .page-link { 
        width: 30px;
        height: 30px; 
    }

    .course-top-right { 
        margin-top: 50px;
    }

} 

/*=================================================
:: Responsive Media Query (less than 767px)
==================================================*/
@media only screen and (max-width: 767px) {
    .mtb-90 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mtb-100 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-110 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-120 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mtb-130 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mtb-140 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mtb-150 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .ptb-90 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .ptb-100 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-110 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-120 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .ptb-130 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .ptb-140 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .ptb-150 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    /* helper classes */
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }   

    .scholarships-area {
        margin-bottom: 50px;
    }
    
    .course-item.course-style-one { 
        grid-template-columns: repeat(1, 1fr); 
    }

    .course-item.course-style-two .course-image { 
        display: none;
    }
}

/*=================================================
:: Responsive Media Query (less than 620px)
==================================================*/
@media only screen and (max-width:620px) { 
    .course-item.course-style-two .course-list { 
        flex-direction: column;
    }
    .course-item.course-style-two .course-left-image,
    .course-item.course-style-two .course-image img {
        width: 100%; 
    }
    .course-title {
        margin-bottom: 50px;
    }
    .course-item.course-style-two .course-title h3 {
        font-size: 26px; 
    }
}

/*=================================================
:: Responsive Media Query (less than 575px)
==================================================*/
@media only screen and (max-width:575px) { 
    .element-box, 
    .cd-overview-degree,
    .upcoming-deadlines, 
    .cd-advance-careers-data, 
    .experience-card-item { 
        grid-template-columns: repeat(1, 1fr); 
    } 
    .landing-footer-top { 
        flex-direction: column;
        gap: 30px;
    }
    .landing-title h1 {
        font-size: 52px;
        font-weight: bold;
        letter-spacing: -1.2px;
        line-height: normal;
    }
    .main-banner-content .page-title h1 {
        font-size: 52px; 
        line-height: normal;
    }

}

/*=================================================
:: Responsive Media Query (less than 320px)
==================================================*/
@media only screen and (max-width:320px) {
}