@media only screen and (max-width: 900px) {
    .HeaderLogo {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 20px;
    }

    .HeaderLogo img {
        display: block;
        margin: 0 auto;
        width: 135px;
        height: 60px;
        padding: 2px;
        object-fit: contain;
    }

    .SideMenuBtn {
        padding: 10px;
        height: 70%;
        top: 15%;
        right: 10px;
    }

    .ArabicBody .SideMenuBtn {
        right: unset;
        left: 10px;
    }

    .BannerDiv {
    }

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

    .ScrollDownBtn {
        display: block;
        margin: 35px auto;
    }

    .ScrollDownBtn img {
    }

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

    .AboutInner {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 50px 15px;
    }

    .AboutGrayHalf {
        width: 100%;
    }

    .About {
        display: block;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .CounterItem {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 20px 0;
        border-bottom: solid 1px #00000012;
    }

    .Counters .col-sm-12:last-of-type .CounterItem {
        border: 0;
    }

    .ProductsDetailsPopUpDiv {
        max-height: 100%;
        overflow-y: auto;
    }

    .ProjectsSlider {
        padding: 0;
    }

    .ProjectsSlider .slick-dots {
        display: none!important;
    }

    .AboutSectionThumbCEO {
        position: relative;
        display: block;
        margin: 0 auto 20px;
        width: 100%;
    }

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

    .AboutSection {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 35px 0;
    }

    .Buildings {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    .AboutSectionTextWithIcon {
        padding: 0 0;
        padding-left: 60px;
    }

    .ArabicBody .AboutSectionTextWithIcon {
        padding: 0 0;
        padding-right: 60px;
    }

    .AboutSectionTextIcon {
        width: 45px;
    }

    .ExternalPage {
        padding: 50px 0;
        background: none;
    }

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

    .SolutionsItemText {
        display: block;
        margin: 0 auto;
        width: 100%;
        min-height: unset;
    }

    .SolutionsItemImages {
        display: flex;
        margin: 20px auto;
        width: 100%;
    }

    .ProductFeaturesItem {
        margin: 15px auto;
        width: 100%;
    }

    .ProductSpecificationsTable h1 g {
        font-size: 17px;
    }
}