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

    .NoPadddingOnMobile {
        padding: 0 !important;
    }

    .HeaderLogo {
        width: 40%;
        margin: 0 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .HeaderLogo img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .SideMenuBtn {
        margin: 0 9px;
    }

    .BannerText h1 {
        font-size: 45px;
    }

    .BannerTextInner {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .OurClients {
        display: block;
        margin: 50px auto 31px;
        width: 100%;
    }

    #ServicesSection {
        padding-top: 0;
    }

    .ServicesItem {
        width: 90%;
        margin: 13px auto;
    }

    .WhyChooseUsBG {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .WhyChoosUs {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .WhyChooseDiv {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .WhyChooseDiv h5 {
        display: block;
        margin: 11px auto;
        width: 100%;
        padding: 11px 0;
        font-size: 18px;
    }

    .WhyChooseInner {
    }

    .WhyChoosUsHeader {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .WhyChoosUsHeader h4 {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 32px;
    }

    .ServicesItem h4 {
        font-size: 18px;
    }

    .Projectspresentation {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .OurProjectItem {
        width: 85%;
        margin: 16px auto;
    }

    .SeeMoreProjects {
        position: relative;
        display: none;
        margin: 25px 7%;
        width: fit-content;
    }

    .OurProject {
        padding-top: 48px;
    }

    .Dubai {
        background-size: 171%;
    }

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

    .SideMenuDiv {
        width: 265px;
    }

    .FooterCopyrights p {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 10px;
    }

    .ScrollerBtn {
        margin: 18px;
        width: 48px;
        padding: 16px;
    }

    .ScrollerBtn .setbg {
    }


    main {
        overflow-x: hidden !important;
    }

    .ProjectspresentationInner h1 {
        font-size: 45px;
    }

    .VideoPreviewDiv {
        position: fixed;
        left: 0;
        top: 0;
        max-width: unset;
        max-height: unset;
        width: 100%;
        height: 100%;
        padding-bottom: 57px;
    }

    .VideoPreviewDiv video {
    }

    .VidPlayerCloser {
        display: flex;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 22;
        background: white;
        padding: 10px;
    }

    .VidPlayerCloser button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        background: #c74747;
        color: aliceblue;
        padding: 5px 16px;
        position: relative;
        padding-right: 40px;
        border: none;
        border-radius: 1000px;
        font-size: 17px;
    }


    .VidPlayerCloser button i {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    #LoginMain {}


    .LoginScreenInner {
        position: relative;
        padding: 50px 0;
    }

    .Counters .col-sm-6 {
        width: 50%;
    }
}