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

    .SideMenuSearch {
        display: block;
        margin: 40px auto;
        width: 100%;
    }

    .HeaderSearch {
        display: none;
    }

    .BannerDiv {
    }

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

    .BannerDiv p {
        display: block;
        margin: 17px auto;
        width: 100%;
        font-size: 17px;
    }

    .BannerInner {
        min-height: unset !important;
        height: fit-content;
        padding: 185px 0;
    }

    .BannerBG {
        object-position: left;
        opacity: 0.2;
    }

    .AboutInner h1 {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 35px;
    }

    .AboutInner p {
        display: block;
        margin: 18px auto;
        width: 100%;
        font-size: 18px;
        line-height: 34px;
    }


    .About {
        padding: 35px 10px;
    }


    .About .col-sm-6 {
        width: 50%;
        text-align: center;
    }

    .CounterItem {
        text-align: center
    }

    .SharedSectionHeader h1 {
        font-size: 27px;
    }

    .SharedSectionHeader h1 a {
        display: none !important;
    }

    .SharedSectionHeader p {
        font-size: 16px;
        margin: 22px auto 0;
    }

    .Achievements {
        padding: 45px 29px;
    }

    .AchievementsGH h4 {
        font-size: 17px;
    }

    .LatestTweets {
        padding: 30px 0 0;
    }

    .LatestNews {
        padding: 42px 0;
    }

    .LatestEventItemMain {
        margin: 14px auto;
        width: 100%;
        height: fit-content;
    }

    .Table {
        display: none;
    }

    .ProjectShowCover ,.NewsShowCover {
        aspect-ratio: 1 / 1;
    }

    .ProjectsShowHeader ,.NewsShowTitle  {
        font-size: 23px;
    }

    .ProjectsShowHeader label {
        font-size: 13px;
    }

    .NewsShowDate {
        font-size: 15px;
    }

    .FooterCenter {
        margin: 45px auto;
        width: 100%;
    }

    .ProjectGalleryPrev {
        aspect-ratio: 1/1;
    }

    .ProjectGalleryItem {
        width: 75px;
    }

    .ActiveProjectGalleryItem {
        border: solid 3px var(--theme);
    }
}