@media (max-width: 350px) {
    li.mx-1 {
        font-size: 10px;
    }

    .programme_card h4 {
        font-size  : 14px !important;
        font-weight: 600;
    }

    label#contactno-error {
        font-size: 11px;
    }

}

@media (max-width: 1023px) {
    .bannerHome {
        background-size: auto !important;
    }
}

@media (max-width: 370px) {
    .course-name-tag {
        padding: 3px 6.5px !important;
    }
}

@media (max-width: 450px) {

    .headingbox.text-center img {
        width: 100% !important;
    }

    .commonDivForm {
        padding: 0px 0 25px;
    }

    .logo img {
        width: 100%;
    }

    .OnlineWord {
        font-size: 10px;
    }

    .SearchIcon {
        display: none;
    }

    .gradient-course {
        text-align: center;
    }

}

@media (min-width: 375px) and (max-width: 450px) {
    .course-name-tag {
        padding: 3px 12px !important;
    }
}


@media (min-width: 540px) and (max-width: 915px) {
    .ManipalLagacy {
        width: 33%;
    }

    .university-name {
        padding    : 8px 11px;
        height     : 45px;
        line-height: 15px;

    }

}

@media (max-width: 1024px) {
    .MoveUp {
        font-size  : 22px !important;
        line-height: 25px !important;
    }

    .UGCDEBLOGO {
        width: 40px !important;
    }

    .BetterFuture {
        font-size    : 29px !important;
        line-height  : normal !important;
        margin-bottom: 1rem;
    }

    .bannerHome {
        min-height: 100%;
    }

}

@media (max-width: 912px) {

    .formIMGDiv {
        display: none;
    }

    .Tabrow {
        justify-content: center !important;
    }

    .common_formDiv {
        width: 100% !important;
    }

    .gradient-course {
        font-size  : 30px;
        line-height: inherit;
    }
}

@media (min-width: 576px) and (max-width: 1024px) {

    .container,
    .container-sm {
        max-width: 95%;
    }
}

@media (max-width: 768px) {
    .university-name {
        padding    : 8px 11px;
        height     : 45px;
        line-height: 15px;

    }

    .headingbox p {
        font-size: 14px;
    }

    .fs-14 {
        font-size: 14px !important;
    }

    .button_main {
        font-size: 14px;
    }

    .banner-content p {
        font-size : 14px;
        text-align: center;
    }

    .programme_card h4 {
        font-size: 19px;
    }

    .common_form p small {
        display: none;
    }

    .common_form p {
        display: 14px;
    }

    button.btn.button_main.clickPop i {
        font-size: 14px;
    }

    .seciton_padding {
        padding: 30px 0;
    }

    .reason_card {
        width        : 100%;
        margin-bottom: 30px;
    }

    .certificate_sec {
        font-size: 19px;
    }

    .headingbox {
        margin-bottom: 35px;
    }

    ul.certificat_list {
        margin-left : 0;
        padding-left: 18px;
    }

    .specialization_card h5 {
        font-weight: 600;
        font-size  : 1.1rem;
    }

    .special_text,
    .special_icon {
        font-size: 13px;
    }

    .steps_process {
        flex-direction: column;
    }

    .steps_card {
        width: 100%;
    }

    footer {
        font-size: 12px;
    }

    .ourLearner .item {
        padding: 30px;
    }

    .sticky-footer button,
    .sticky-footer a {
        width          : 50%;
        margin         : 0;
        border-radius  : 0;
        padding        : 12px;
        font-size      : 18px;
        font-weight    : 600;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    button.button_main.btn i {
        font-size    : 23px;
        padding-right: 6px;
    }

    .common_form form {
        padding: 0px 15px 25px;
    }

    .programme_bgimg {
        display: none;
    }

    section.specialization_sec {
        padding-top: 35px;
    }

    /* =========responsive new======== */
    .banner_tnq {
        width: 100%;
    }

    .banner_tnq h1 {
        font-size  : 27px;
        font-weight: 600 !important;
    }

    .banner_tnq p {
        font-size: 18px;
        margin   : 0;
    }

    h3 {
        font-size: 23px;
    }

    h2 {
        font-size: 21px;
    }

    .university-name {
        font-size: 14px;
    }

    .testimonial-card {
        margin-bottom: 30px;
    }

    .testi_img {
        height: 250px;
    }

    .testimonial-sec .h-100 {
        height: auto !important;
    }

    .testimonial-sec .modal.show {
        display        : flex !important;
        align-items    : center;
        justify-content: center;
    }

    .banner_tnq {
        transform: translate(-50%, -25%);
    }

    section.banner-thanku {
        height: 200px;
    }

    .courseList span {
        font-size: 12px;
    }

}

@media (max-width: 500px) {
    .UniversityTabs button {
        padding    : 4px 10px !important;
        font-size  : 12px;
        font-weight: 600 !important;
    }

    /* nav and tabs start*/
    .nav-tabs-pagination {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        padding        : 10px 0;
        margin-top     : 10px;
    }

    .nav-tabs-container {
        position: relative;
        overflow: hidden;
    }

    .UniversityTabs {
        display           : flex;
        flex-wrap         : nowrap;
        overflow-x        : auto;
        scrollbar-width   : none;
        -ms-overflow-style: none;
        padding-top       : 1rem;
        padding-bottom    : 0;
        justify-content   : flex-start !important;
        /* Ensure proper alignment */
    }

    .UniversityTabs ::-webkit-scrollbar {
        display: none;
        /* For Chrome, Safari, and Opera */
    }

    .UniversityTabs li {
        flex      : 0 0 auto;
        text-align: center;
    }

    .UniversityTabs button {
        display   : block;
        text-align: center;
    }

    .pagination-icon {
        display: inline-block;
        cursor : pointer;
    }
}

@media (max-width: 540px) {
    .UniversityTabs button {
        padding    : 4px 10px !important;
        font-size  : 12px;
        font-weight: 600 !important;
    }

}

@media (max-width: 750px) {
    .banner-content {
        text-align: center;
    }

    .banner-btn-container {
        margin-left : auto;
        margin-right: auto;
    }

    .MainCoursesData {
        justify-content: center;
    }

}

@media (min-width: 800px) and (max-width: 1024px) {
    li.nav-item {
        font-size: 13px !important;
    }

}

@media (min-width: 700px) and (max-width: 712px) {
    .LogosMAinCopy {
        width  : 100%;
        padding: 0 3px;
    }
}

@media (min-width: 500px) and (max-width: 710px) {
    .ManipalLagacy {
        width: 100% !important;
    }

    .programm-highlights .col-md-6.col-sm-6 {
        width: 50%;
    }

    .w-30 {
        width: 31%;
    }

    .lm-50 {
        line-height: 81px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .course-name-tag {
        padding: 5px 7px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .university-name {
        font-size: 12px !important;
    }
}

@media (min-width: 500px) and (max-width: 1280px) {

    .university-name {
        font-size: 10px;
    }

    .TransformativeFont {
        font-size: 20px;
    }
}

@media (max-width: 1199.98px) {
    .gradient-course {
        font-size: 18px;
    }

    .OnlineWord {
        font-size: 14px;
    }

    img.SearchIcon {
        width: 10px;
    }
}

@media (max-width: 767.98px) {
    .gradient-course {
        font-size: 16px;
    }

    span.OnlineWord {
        font-size: 12px;
    }

    .MainHeroDivData {
        padding: 0px 3px !important;
    }
}

@media (max-width: 412px) {
    .MainHeroDivData {
        width: 18% !important;
    }

}

@media (max-width: 712px) {

  iframe {
    height: 225px !important;
  }
}

@media (max-width: 575px) {

    .banner-btn-container {
        justify-content: space-around;
        padding        : 2px 0;
        gap            : 1rem !important;
        width          : max-content !important;

    }

    .Headline {
        text-align: center;
    }

    h5.textprimary {
        font-size: 18px;
    }

    .modalImageClass {
        width: 100% !important;
    }

    #certificatModal .btn-close {
        top  : 0 !important;
        right: 0 !important;
    }

    .mx-auto.img-Banner {
        margin-top: 1rem;
    }

    .UGCDEBLOGO {
        width: 25px !important;
    }

    .banner-content p {
        font-size: 12px !important;
    }

    .course-name-tag {
        padding: 3px 5px !important;
    }

    .bannerbutton {
        width: 65%;
    }

}

@media (max-width: 360px) {
    span.OnlineWord {
        font-size: 10px;
    }

    .gradient-course {
        font-size: 12px !important;
    }
}

@media (min-width: 1100px) and (max-width: 2000px) {

    .MainHeroDivData {
        width: 14%;
    }
}