@media (max-width: 800px) {
    header {
        height: 60px;
    }

    .HeaderInside h5 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 10px 20px;
        background: #e4e4e4;
        text-align: left;
        font-size: 11px;
    }

    .BannerDiv h1 {
        font-size: 20px;
    }

    .BannerDiv h1 u {
        font-size: 30px;
    }

    .BannerDiv h1 s {
        font-size: 15px;
    }

    .BannerDiv button {
        margin: 30px 0 0;
        font-size: 13px;
    }

    .OurFeaturesHeader {
        margin: 0 auto 70px;
        font-size: 20px;
    }

    .OurFeaturesItem p {
        font-size: 15px;
    }

    .OurFeatures {
        padding: 80px 0 0;
    }

    .WhyUsHeader .setbg {
        display: none;
    }

    .WhyUsHeader {
        font-size: 25px;
        text-align: center;
    }

    .WhyUsItem {
        font-size: 18px;
    }

    .GradeLevelsHeader h1 {
        font-size: 30px;
    }

    .GradeLevelsHeader p {
        font-size: 16px;
    }

    .GradeLevelsGH {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .GradeLevelItem {
        display: block;
        margin: 20px auto;
        width: 95%;
    }

    .GalleryHeader h1 {
        font-size: 30px;
    }

    .GalleryHeader p {
        font-size: 15px;
    }

    .GalleryGH {
        margin: 10px auto;
    }

    .Gallery {
        padding: 25px 0;
    }

    .Form {
        padding: 70px 0;
    }

    .FormInside h1 {
        font-size: 28px;
    }

    .FormInside p {
        font-size: 19px;
        margin: 10px auto;
    }

    .FormInside input {
        font-size: 16px;
    }

    .SideMenuDiv ul li {
        font-size: 13px;
    }

    .SideMenuBtn {
        right: 10px;
    }

    .AboutUsSectionText p {
        font-size: 14px;
        margin: 10px auto;
    }

    .AboutUsSectionText h1 {
        font-size: 20px;
    }

    .AchievementsInside h6 {
        margin: 30px auto;
        font-size: 11px;
    }
}