@media (max-width: 1200px) {
    .container {
        max-width: 100%;
    }

    .HeaderTabs {
        display: none;
    }

    .SideMenuBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 50px;
        aspect-ratio: 1/1;
        border: solid 2px;
        border-radius: 5px;
        color: var(--theme);
        background: none;
        font-size: 38px;
        filter: brightness(85%);
    }

    .SideMenuInner {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999999999;
    }

    .SideMenuFade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #000000;
        opacity: 0.5;
    }

    .SideMenuDiv {
        position: fixed;
        right: 0;
        top: 0;
        width: 390px;
        height: 100%;
        background: #ffffff;
        padding: 20px;
        max-width: 75%;
        overflow-y: auto;
    }

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

    .SideMenuDiv ul li {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 7px;
        border-bottom: solid 1px #a3a3a3;
        font-size: 19px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 3;
        transition: 350ms;
        text-transform: uppercase;
    }

    .SideMenuDiv ul li .fa-angle-down {
        margin: 0 9px;
        font-size: 16px;
    }


    .SideMenuDiv ul li:last-child {
        border: 0;
    }


    .SideMenuDiv ul li ul {
        display: none;
        pointer-events: none;
        transition: 500ms;
    }

    .SideMenuDiv ul li:hover {
        border: 0;
    }

    .SideMenuDiv ul li:hover ul {
        display: block;
        pointer-events: unset;
    }

    .SideMenuDiv ul li ul li {
        background: #f1f1f1;
        padding: 0 12px;
        line-height: 2.8;
        font-size: 17px;
        font-weight: 400;
    }

    .BannerInner {
        min-height: 70vh;
        height: fit-content;
    }

    .AboutVid, .AboutPattern, .AboutArt, .ClientsSliderEdge {
        display: none !important;
    }

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

    .OurServicesItem {
        width: 46%;
        aspect-ratio: 1/1;
    }

    .ClientsInner {
        display: block;
        margin: 35px auto;
        width: 100%;
    }

    .ClientsInner h1 {
        display: block;
        margin: 0 auto 28px;
        width: fit-content;
        text-align: center;
        max-width: unset;
        border: 0;
        border-bottom: solid 4px var(--theme);
        padding: 13px 0;
    }

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

    .ClientsInner:last-child h1 {
        border: 0;
        border-top: solid 4px var(--theme);
        margin: 40px auto 0;
    }


    .GetConsultationForm {
        padding: 0 0;
    }

    .AnimatedRobot {
        display: none;
    }

    .GetConsultation {
        padding: 80px 0 70px;
    }

    .NewsItem {
        width: 32%;
    }

    .NewsItemDetails p {
        display: none;
    }

    .ReelsSliderItemInner {
        width: 90%;
        box-shadow: unset;
        margin: 40px auto;
    }

    .ReelsSliderParent {
        display: block;
        margin: 0 0;
        width: 100%;
        position: relative;
        z-index: 22;
    }

    .ReelsBG {
        opacity: 0.3;
    }

    .BannerDiv {
        margin: 0 auto;
        width: 100%;
    }

    .SolutionShowCover img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: unset;
        max-width: unset;
        border: none;
        border-radius: 0;
        z-index: -1;
        opacity: 0.1;
        padding: 0;
        filter: brightness(150%) grayscale(1) blur(2px);
    }

    .SolutionShowCover {
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: 60px;
        background: #181818;
        color: white;
    }

    .SolutionShowCover p {
        color: white;
    }

    .SolutionShowCover h1 {
        color: var(--theme);
    }

    .VideoPlayerInner {
    }

    .VideoPlayerDiv {
        max-width: unset;
        max-height: unset;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        border-radius: 0;
    }

    .VideoPlayerDiv video {
        padding-bottom: 56px;
    }

    .VideoPlayerDivCloser {
        display: flex;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 99999999;
        padding: 10px;
        justify-content: end;
    }

    .VideoPlayerDivCloser button {
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        padding: 5px 13px;
        font-size: 14px;
        border: solid 2px;
        background: none;
        color: #d53838;
        border-radius: 10px;
        position: relative;
        font-weight: 600;
        padding-left: 30px;
    }

    .VideoPlayerDivCloser button i {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .RequestQuoteSMBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        font-size: 13px;
        text-transform: uppercase;
        color: #3dbd71;
        border: solid 1.9px;
        padding: 9px 13px;
        position: relative;
        border-radius: 5px;
        transition: 400ms;
        font-weight: 600;
        margin: 0 auto 15px;
        width: 100%;
    }

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

}