@media screen and (min-width:770px) {
    .mobileHeader {
        display: none;
    }
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:770px) {
    .mainHeader {
        display: none;
    }

    .heroBanners {
        margin-bottom: 20px;
    }

    .mobileHeader {
        display: flex;
    }

    section.plainSection {
        padding: 10px;
    }

    section.testimonials {
        padding: 20px;
    }

    section.cta {
        padding: 20px;
        padding-top: 60px;
    }

    footer {
        margin-bottom: 40px;
    }

    .courseGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footerBox{
        padding: 10px;
    }
}

@media screen and (max-width:600px) {
    .courseGrid {
        grid-template-columns: repeat(1, 1fr);
    }

    button.commonBtn,
    a.commonBtn {
        padding: 5px 10px;
    }

    .ctaBox h5 {
        display: none;
    }

    .ctaBox img {
        height: 200px;
        right: -15px;
    }

    h2.ctaHeading {
        width: 85%;
        font-size: 22px;
    }

    .ctaBox {
        height: auto;
        padding: 15px;
    }
    .copyright {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .aboutRight,
    .missionRight{
        margin-top: 10px;
    }
    .breadCrumb ul{
        flex-wrap: wrap;
    }
    .highLights ul li{
        list-style: none;
    }
    .actionBar{
        flex-wrap: wrap;
    }
}

@media screen and (max-width:475px) {}

@media screen and (max-width:375px) {}

@media screen and (max-width:320px) {
    .testimCard{
        padding: 20px;
    }
    .testimCard i{
        right: 7px;
        bottom: -15px;

    }
}