@media (max-width: 1200px) {

    .header-logos img {
        height: 99px;
    }
    .testimonial-content {
        max-width: 60%;
    }
    .testimonial-image {
        position: relative;
        border-radius: 15px;
        width: 40%;
    }
}
@media (max-width: 1030px) {

    .mission-card{
        height: 472px !important;
    }
    .header-logos img {
        height: 93px;
    }
    .footer-logos img {
        height: 53px;
    }
    .campus-activities .container{
        max-width: 100% !important;
    }
    .logo-border {
        border-right: 1px solid #00000021;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 10px;
        height: 65px;
    }
    .banner-sec-img img{
        height: 372px;
    }
    h3.counter{
        font-size: 26px;
    }
    .testimonial-content {
        max-width: 100%;
        width: 60%;
    }
    .testimonial-image {
        position: relative;
        border-radius: 15px;
        width: 40% !important;
    }
  
    .page-header {
        margin-top: 166px;
    }
    .banner {
        height: 75vh;
        margin-top: 91px;
    }
    .graduates-image {
        height: 100% !important;
   -o-object-fit:cover;
      object-fit:cover
    }
    .awards-img{
        margin-top: 0px;
    }
    .awards-bottom
    {height: auto;}
}
@media (max-width: 768px) {

    h1{
        font-size: var(--bs-font-size-45);
    }
    h2{
        font-size: 30px;
    }
    h3{
        font-size: var(--bs-font-size-28);
    }
    h4{
        font-size: var(--bs-font-size-20);
        font-family: 'Caveat';
    }
    h5{
        font-size: var(--bs-font-size-18);
    }
    .gallery {
        -moz-columns: 2;
             columns: 2;
    }
    .container{
        width: 100%  !important;
    }
    .play-icon {
        position: absolute;
        top: 77%;
        left: 10%;
        width: 62px;
        height: 62px;
    }
    .main-sec {
        padding: 50px 10px !important; 
    }
    .awards-svg h6 {
        font-weight: 500;
        height: 108px;
    }
    .awards-bottom {
    
        height: auto;
    }
    .campus-activity-btn {
        margin-top: 20px !important;
    }
    .course-sidebar {
        margin: 0;
    }
    .custom-col {
        width: 100%; 
    }
    .testimonial-container {
        display: flex;
        align-items: center;
        gap: 40px;
        flex-direction: column;
    }
    .program-tab .nav.nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .subscribe-section {
        padding: 0px;
        text-align: center;
        
        color: #fff;
    }
    .testimonial-section {
    
        padding: 10px;
        background: #fff;
    }
    .shape-your-sec {
        position: relative;
        right: 0px;
        margin: auto;
    }
    .mission-card {
        height: auto !important;
        padding: 10px 15px !important;
    }
    .mission-card p {
        padding-bottom: 0px !important;
    }
    .banner {
        height: 100%;
        margin-top: 60px;
    }
    .page-header {
        margin-top: 138px;
    }
   
  
    .breadcrum-wrapper {
        display: flex
    ;
        justify-content: center;
    }
    .mid-text {
        height: 100% !important;
        top: 91px !important;
        text-align: center;
    }
    .mid-text h1{
 padding-top: 40px;
 text-align: center;
 margin: auto;
            }
.banner-sec-img img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
}
.banner{
    height: 100%;
}
.graduates-image{
    height: 600px !important;
}

h1.display-4 {
    background: #3A3285;
    padding: 20px 20px !important;
    border-radius: 8px;
}
.header-bar{
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 20px 80px 20px 10px;
    font-size: 14px;
}

.awards-img {
 
    margin-top: 0px;
}
.container {
    width: 100% !important;
    max-width: 95%;
}
.mobile-logo img{
    height: 82px;
}
.header-heading {
    font-size: 25px;
}
p.personal-detail {
    font-size: 18px;
}
.mobile-header .header-btn {
    width: 175px;
}
.faq .accordion-button.collapsed::before{
    right: -4px !important;
}
.table-reponsive{
    overflow-x: scroll;
}
table.table.table-bordered.program-table {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.btn.tab-btn {
    background: #00000099;
    color: #fff;
    top: 3px;
    position: absolute;
}
.left-btn{
    left: 0px;

}
.right-btn{
    right: 0px;
    
}
.faculty-slider .slick-next {
    right: 6px !important;
}
.faculty-slider .slick-prev {
    right: 76px;}
    .event-card {
        flex-direction: column;
    }
    .event-card img {
border-radius: 10px;
        height: 202px;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .event-metas{
        text-align: left;
        width: 100%;
    }
    .logo-border {

        /* padding-left: 10px; */
        padding-right: 0px;
    }
    .logos-left {
        border-right: 1px solid #00000021;
        padding-right: 10px;
    }
    .logos-right {
        padding-left: 10px;
    }
    .logo-border {
        border-right: none;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
        height: 65px;
    }
    .footer-logos img {
        height: 87px;
    }
    .header-heading {
        font-size: 22px;
    }
    .balasir-img {
        height: 489px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
    .achievement-item p {
        padding: 2px 0px;
        width: 69%;
        margin: auto;
    }
    .kpi-wrapper {
        border-bottom: 1px solid #5c5c5430;
        border-right: 0px;
        height: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .testimonial-content{
        max-width: 100%;
        width: 100% !important;
    }
    .testimonial-image{
        width: 100% !important;
    }

    
}
@media (min-width: 300px) and (max-width: 500px) { 
    .container{
        width: 100% !important;
    }
    .gallery {
        -moz-columns: 1;
             columns: 1;
    }
    .main-sec {
        padding: 50px 10px; 
    }
    .play-icon {
        position: absolute;
        top: 77%;
        left: 10%;
        width: 62px;
        height: 62px;
    }
    .awards-bottom {
        margin-top: 0;
        height: 100%;

    }
    .award-gallery h6 {
        font-size: 18px;
        height:auto;
    }
    /*news*/
    .study-programs {
        height: 100% !important;
    }
    .campus-activity-btn {
        margin-top: 20px !important;
    }
    .course-sidebar {
        margin: 0;
    }
    .custom-col {
        width: 100%;
    }
    .faculty-slider-section {
        padding: 50px 0;
    }
    .testimonial-container {
        display: flex
    ;
        align-items: center;
        gap: 40px;
        flex-direction: column;
    }
    /*header*/
    .header-heading {
        font-size: 22px;
    }

    .header-btn {
        width: auto;
    }
    .mobile-header .header-btn {
        width: 175px;
    }
    .program-tab .nav.nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .heading-title {
        color: #433A89;
        font-size: 15px;
    }
    .container {
        width: 100% !important;
        max-width: 95%;
    }
    .mobile-logo img {
        height: 65px;
    }
    p.personal-detail {
        font-size: var(--bs-font-size-24);
        font-size: 17px;
    }
    .text-para{
        font-size: 12px;
    }
    .approved-subtitle-sec{
        font-size: 12px !important;
    }
    .logos-left {
        border-right: 1px solid #00000021;
        padding-right: 5px;
    }
    .logos-right {
        padding-left: 5px;
    }
    a.popup-youtube img {
        width: 50%;
        margin-bottom: 10px;
    }
    .play-icon {
        width: 44px;
        height: 44px;

}
.play-icon i {
    font-size: 17px;
    color: var(--bs-brown);
}
.banner {
    height: 100%;
    margin-top: 25px;
}
}


@media (min-width: 300px) and (max-width: 390px) { 
    .mobile-logo img {
        height: 50px;
    }
    .logos-right {
        padding-left: 0px;
    }
    .logos-left {
     
        padding-right: 5px;
    }
}