@media only screen and (max-width: 767px) {
    .navbar {
        text-align: center;
        padding: 0;
    }
    header p {
        font-size: 14px;
        margin: 4px 0;
    }
    .top_form {
        width: 100%;
        padding: 24px;
        position: initial;
    }
    .submit-btn button {
        font-size: 16px;
    }
    .banner-image {
        height: auto;
    }
    /* .banner-title h1{ font-size: 26px; color: #ff7f50;} */
    .banner-title h2 {
        font-size: 20px;
        color: #ff7f50;
    }
    .top_form h2 {
        font-size: 26px;
    }
    .overview-sec {
        padding: 20px 0;
    }
    .overview-head h2 {
        font-size: 26px;
        margin: 10px 0 20px;
    }
    .list-item p {
        font-size: 12px;
    }
    .list-item {
        min-width: 100%;
        max-width: 100%;
    }
    .list-item img {
        max-height: 147px;
    }
    .p-clgs {
        text-align: center;
    }
    .p-clgs img {
        max-height: 45px;
    }
    p.text-left {
        text-align: center !important;
    }
    p.text-right {
        text-align: center !important;
    }
    footer p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    footer {
        padding: 20px 0;
    }
    .column-reverse {
        flex-direction: column-reverse;
    }

    .partner-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .partner-list img {
        max-height: 40px;
    }

    .placement-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .placement-img img {
        max-height: 35px;
    }

    .course-grid {
        grid-template-columns: 1fr;
    }
    .popular-course .card {
        flex-basis: 100%;
    }
    .tab-container {
        padding: 12px;
    }
    .specilazation ul {
        grid-template-columns: 1fr;
    }
    .banner-title {
        max-width: 100%;
        padding: 0;
        background: transparent;
        margin-bottom: 20px;
    }
    .hide-desktop {
        display: block;
        width: 100%;
        object-fit: cover;
        max-height: 215px;
    }
    .banner-image {
        flex-wrap: wrap;
        padding: 10px;
    }
    .banner-title h1 {
        font-size: 24px;
        text-align: center;
    }
    .fs26 {
        font-size: 24px;
    }
    .top_form h2 {
        font-size: 24px;
    }
    .overview-head h2 {
        font-size: 24px;
        margin: 10px 0 30px;
    }
}