@media (max-width: 991.98px) {
    .accre-ranking-img {
        width: 100%;
    }
    .sampleCertificate {
        position: relative !important;
    }
    
}

@media (max-width: 575.98px) {
    header .navbar-brand {
        width: 148px;
    }
    .banner-card {
        background-color: #f5f5f5;
        border-radius: 10px;
    }
    .career-opportunities h6 {
        font-size: 14px;
    }
    .footer-banner h4 {
        font-size: 16px;
    }
    .footer-banner h2.fs-1 {
        font-size: 23px !important;
    }
    .ftr-banner-btn {
        flex-direction: column;
    }
    button.accordion-button {
        font-size: 14px !important;
    }
    .placement_banner_card h4 {
        font-size: 16px;
    }
    .placement_banner_card P {
        font-size: 13px;
        font-weight: 500;
    }
    h2 {
        font-size: 21px;
    }
    .worlClassFacilities .item {
        height: auto;
    }
    #staticBackdrop h5 {
        font-size: 17px !important;
    }

    .footerSticky p {
        font-size: 12px !important;
    }
    .footerSticky p span.fs-14 {
        font-size: 12px !important;
    }
    header p.fs-14 {
        font-size: 12px;
    }

    .curriculm-section .nav-item .nav-link {
        font-size: 12px !important;
    }
    .hero-banner .item {
        height: 285px;
    }
    .lastDateAdmissionForm.fs-14, .admissionCloseDateBanner {
        font-size: 12px !important;
    }
    .sampleCertificateContent h2 {font-size: 19px !important;}
    .sampleCertificateContent p {font-size: 14px !important;}
    .sampleCertificateContent ul li {font-size: 13px !important;}

    .btnprimary, .btnsecondary {
        padding: 9px 12px;
        font-size: 12px;
    }
    div#dataH {
    width: 100%;
    justify-content: space-between;
}
}

@media (max-width: 460px) {
    .hero-banner .item {
        height: 230px;
    }
}

@media (max-width: 360px) {
    h1 {
        font-size: 23px;
    }
    h2 {font-size: 19px;}
    .program_footer {
        flex-direction: column;
    }
    .btnprimary, .btnsecondary {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .hero-banner .item {
        height: 185px;
    }
}