@media only screen and (min-width: 768px) {

    p,
    a,
    ul,
    ul li,
    ul li a,
    .form-label,
    button,
    .marquee-content a,
    .form-control,
    .iti__selected-dial-code,
    .form-select {
        font-size: 13px;
    }

    .container-fluid {
        padding: 0 18px;
    }

    section.announcement_header {
        display: block;
    }

    section.announcement_header .annnounce_main {
        display: flex;
        align-items: center;
        text-align: center;
    }

    section.announcement_header .announcement_div {
        width: 173px;
        padding: 5px;
    }

    section.announcement_header .announcement_div img {
        width: 22px;
        transform: translateY(0px);
    }

    section.banner .card img {
        height: 33vh;
        object-fit: cover;
    }

    section.banner .card-img-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 17.6%, #000000 114.07%);
    }

    section.banner .card-img-overlay .contentbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 11px;
    }

    section.banner .card-img-overlay .contentbox .cta-btn {
        transform: translateY(30px);
    }

    section.banner .subtext {
        width: 75%;
    }

    .smallhead p {
        font-size: clamp(14px, 2vw, 14px);
    }

    section.whychoose .mainchbox {
        display: flex;
    }

    section.whychoose .mainchbox .chbox .secondaryheading {
        width: 88%;
    }

    section.whychoose .chbox {
        padding: 49px 25px;
        padding-bottom: 124px;
    }

    section.whychoose .chbox .numbertext {
        width: auto !important;
    }

    section.whychoose .chbox .arrowbox svg {
        width: 23px !important;
    }

    section.whychoose .chbox .arrowbox {
        width: 60px;
        height: 60px;
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 27px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 11px;
        height: 8px;
        background: #D40000;
    }

    .owl-theme .owl-dots .owl-dot span {
        transition: all 0.5s ease;
    }

    .owl-theme .owl-dots .owl-dot.active span {
        background: #D40000;
        width: 26px;
    }

    .owl-theme .owl-dots .owl-dot:hover span {
        background: #D40000;
    }

    section.infrastructure .card img {
        height: auto;
    }

    section.infrastructure .card-img-overlay {
        padding: 25px 20px;
    }

    section.infrastructure .lineart svg,
    section.contact_page .lineart svg,
    section.history_page .lineart svg,
    section.faq_page.docpage .lineart svg {
        width: 2692px;
    }

    section.infrastructure .lineart,
    section.contact_page .lineart,
    section.history_page .lineart,
    section.faq_page.docpage .lineart {
        top: 34px;
        left: auto;
    }

    section.toppersection .lineart {
        display: block;
    }

    section.toppersection .card {
        transition: all 0.8s ease;
        box-shadow: none;
    }

    section.toppersection .card:hover {
        transform: translateY(-15px);
        box-shadow: 0px 1px 7.3px rgba(0, 0, 0, 0.06);
    }

    #alumniowl .owl-nav {
        position: absolute;
        margin-top: 0 !important;
    }

    section.alumni .card {
        overflow: hidden;
    }

    section.alumni .card img {
        transition: all 3s ease;
    }

    section.alumni .card:hover img {
        scale: 1.1;
    }

    section.alumni .card .contentboxalum {
        transition: all 0.6s ease;
    }

    section.alumni .card:hover .contentboxalum {
        transform: translateY(-10px);
    }

    .owl-nav {
        right: 0;
    }

    section.blogarticle .smallblogbox {
        gap: 15px;
    }

    section.blogarticle .smallblogbox .blogbox1 {
        flex: 0 0 185px;
    }

    section.blogarticle .smallblog_img {
        height: 111px;
    }

    section.blogarticle .blog_mainimg {
        height: auto;
    }

    section.blogarticle .blog_mainbox {
        padding: 25px 20px;
    }

    section.other_banner .card img {
        object-fit: cover;
        height: 18vh;
        object-position: 80%;
    }

    /* .wrapper_child {
        border-radius: 19px;
    } */

    .question__faqs {
        height: 63px;
    }

    .form-control,
    .form-select {
        padding: 11px 15px;
    }

    .form_group {
        display: flex;
        gap: 8px;
    }

    .form_child {
        flex: 1;
    }

    .modal-dialog {
        max-width: 758px;
    }

    .country-code-input {
        width: 80px;
    }

    .iti__dropdown-content {
        width: 466px !important;
    }

    .modal-body {
        padding: 16px;
    }

    .close-btn {
        right: 20px;
        width: 36px;
        height: 36px;
    }

    .close-btn svg {
        width: 22px !important;
    }

    section.contact_page .contact-pill {
        padding: 20px;
    }

    section.aboutus .symbolbox {
        flex: 1;
    }

    section.aboutus .symbolimg {
        width: 379px;
    }

    section.admission_cta .ctabox .studentimg {
        display: none;
    }

    section.admission_cta .ctabox .mainheading {
        width: 75%;
    }

    section.admission_cta .ctabox {
        padding: 50px 28px !important;
    }

    section.faq_page.academicdet .pagecta {
    padding: 10px 12px;
    padding-left: 17px;
    border-left: 3.5px solid #003C86;
}

section.faq_page.academicdet .faqbox.academicbox {
    padding: 25px 20px;
}

section.faq_page.academicdet .pagecta.active {
    border-left: 3.5px solid #D40000;
}
}

@media only screen and (min-width: 992px) {
    .applynowsticky {
        display: none;
    }

    .padding {
        padding: 95px 0;
    }

    section.admission_cta {
        padding: 95px 0 !important;
    }

    .container-fluid {
        padding: 0 20px;
    }

    section.announcement_header .announcement_div img {
        transform: translateY(-2px);
    }

    section.announcement_header .announcement_div {
        width: 200px;
    }

    .marquee-container {
        padding: 5px 0;
    }

    section.banner .card img {
        height: 76vh;
    }

    .subheading {
        font-size: clamp(24px, 3.5vw, 33px);
    }

    .bannerheading {
        font-size: clamp(26px, 4vw, 38px);
    }

    section.banner .subtext {
        width: 100%;
    }

    section.banner .card-img-overlay .contentbox {
        padding-bottom: 19px;
    }

    section.aboutus .mainheading {
        width: 86%;
    }

    .smallhead img {
        width: auto;
    }

    .smallhead p {
        font-size: clamp(14px, 2vw, 16px);
    }

    section.whychoose .mainchbox .chbox .secondaryheading {
        width: 91%;
    }

    section.whychoose .customrow {
        display: flex;
        align-items: flex-end;
    }

    section.whychoose .choosecontent {
        position: absolute;
        bottom: 0;
        right: -326px;
    }

    .secondaryheading {
        font-size: clamp(18px, 2vw, 24px);
    }

    section.whychoose .choosimg {
        height: 532px;
        object-fit: cover;
    }

    section.infrastructure .card img {
        transition: all 6s ease;
    }

    section.infrastructure .card:hover img {
        scale: 1.2;
    }

    section.infrastructure .card .infra_box {
        transition: all 0.6s ease;
    }

    section.infrastructure .card:hover .infra_box {
        transform: translateY(-10px);
    }

    section.testimonial {
        /* height: 100vh; */
        height: 77vh;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    section.testimonial .mainspeakbox {
        display: flex;
        gap: 20px;
        height: 550px;
    }

    section.testimonial .speakbox_one {
        padding: 25px 20px;
            /* height: auto; */
            height: 211px;
            display: flex;
            justify-content: center;
            flex-direction: column;
    }

    section.testimonial .animboxone,
    section.testimonial .animboxtwo {
        will-change: transform;
        animation-duration: 7s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    section.testimonial .animboxone {
        animation-name: move-down;
    }

    section.testimonial .animboxtwo {
        animation-name: move-up;
    }

    section.testimonial .animboxone:hover,
    section.testimonial .animboxtwo:hover {
        animation-play-state: paused;
    }

    @keyframes move-down {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(-180px);
        }
    }

    @keyframes move-up {
        from {
            transform: translateY(-180px);
        }

        to {
            transform: translateY(0);
        }
    }

    #speakowl {
        display: none;
    }

    footer {
    margin-bottom: 0;
}

    section.other_banner .card img {
        height: 37vh;
        object-position: center;
    }

    .faq-icon {
        padding: 0;
        width: 35px;
        height: 35px;
        transform: translateX(2px) rotate(0);
    }

    .question__faqs.active .faq-icon {
        transform: translateX(0) rotate(45deg);
    }

    .faq-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .question__faqs {
        padding: 10px 18px 10px 22px;
    }

    .answer {
        padding: 20px 22px 20px;
    }

    section.contact_page .contact-pill {
        transition: transform 0.3s ease;
    }

    section.contact_page .contact-pill:hover {
        transform: scale(1.02);
    }

    section.aboutus .symbolbox {
        flex: auto;
    }

    section.admission_cta .ctabox .studentimg {
        display: block;
        position: absolute;
        bottom: 0;
        width: 327px;
    }

    section.faq_page.academicdet .mainctas {
    display: block;
}

section.faq_page.academicdet .pagecta  {
    width: 100%;
}
}

@media only screen and (min-width: 1200px) {
    .container-fluid {
        padding: 0 50px;
    }

    .cta-btn {
        padding: 8px 33px;
    }

    section.whychoose .choosimg {
        height: 580px;
    }

    section.admission_cta .ctabox .mainheading {
        width: 78%;
    }

    section.admission_cta .ctabox .studentimg {
        width: 401px;
    }
}

@media only screen and (min-width: 1300px) {

    p,
    a,
    ul,
    ul li,
    ul li a,
    .form-label,
    button,
    .form-control,
    .iti__selected-dial-code,
    .form-select {
        font-size: 15px;
    }

    .cta-btn {
        padding: 6px 33px;
    }

    .marquee-container {
        padding: 6.5px 0;
    }

    section.banner .card-img-overlay .contentbox {
        padding-bottom: 34px;
    }

    .subheading {
        font-size: clamp(24px, 2.5vw, 45px);
    }

    .bannerheading {
        font-size: clamp(26px, 3vw, 43px);
    }

    .smallhead p {
        font-size: clamp(14px, 2vw, 18px);
    }

    section.aboutus .mainheading {
        width: 74%;
    }

    section.whychoose .mainchbox .chbox .secondaryheading {
        width: 81%;
    }

    section.whychoose .choosimg {
        height: auto;
    }

    .padding {
        padding: 114px 0;
    }

    section.admission_cta {
        padding: 114px 0 !important;
    }

    section.toppersection .card .card__body {
        padding-bottom: 25px;
    }

    .customul li {
        margin-left: 1.2rem;
    }

    section.admission_cta .ctabox .mainheading {
        width: 68%;
    }
}

@media only screen and (min-width: 1400px) {

    p,
    a,
    ul,
    ul li,
    ul li a,
    a,
    button,
    .form-control,
    .iti__selected-dial-code,
    .form-select {
        font-size: 16px;
    }

    .form-label {
        font-size: 14px;
    }

    .container-fluid {
        padding: 0 71px;
    }

    .cta-btn {
        padding: 8px 33px;
    }

    .marquee-content a {
        font-size: 15px;
    }

    .marquee-container {
        padding: 6px 0;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 4%;
    }

    section.whychoose .mainchbox .chbox .secondaryheading {
        /* width: 83%; */
        width: auto;
    }

    .secondaryheading {
        font-size: clamp(18px, 2vw, 26px);
    }

    section.admission_cta .ctabox .mainheading {
        width: 61%;
    }
}

@media only screen and (min-width: 1800px) {
    section.whychoose .mainchbox .chbox .secondaryheading {
        width: 79%;
    }
}