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

    /* Hide scrollbar for Chrome, Safari and Opera */
    ::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    *, :root {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }


    .BannerDiv {
        width: 100%;
        padding-right: 150px;
    }

    .BannerFade {
        width: 100%;
    }


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

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

    .AboutArtParent {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        aspect-ratio: 1/1;
    }

    .AboutArtAnimations {
        display: block;
        left: 15%;
        top: 15%;
        width: 70%;
        height: 70%;
        transform: scale(1.3);
    }

    .HeaderTabs {
        display: none;
    }

    .SideMenuBtn {
        display: flex;
        margin: 0 0;
        width: auto;
        height: 40px;
        aspect-ratio: 1/1;
        border: none;
        background: var(--theme);
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .SideMenuBtn .setbg {
        display: block;
        margin: 0 auto;
        width: 100%;
        aspect-ratio: 1/1;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        filter: invert(1);
    }

    .BookSessionNowFormRow {
        width: 45%;
        margin: 15px 2.5%;
    }

    .ContentAndFeedsArt {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 720px;
        max-width: 100%;
    }

    .ContentAndFeeds {
        padding: 0 0 80px;
    }

    .ContentAndFeedsGH {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        max-width: unset;
    }

    .ContentAndFeedsItem {
    }

    .ContentAndFeedsInner {
        width: 100%;
    }

    .ContentAndFeedsArtText h1 {
        min-height: 180px;
        font-size: 35px;
    }

    .SideMenuLogo {
    }

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

    .SideMenuDiv {
        position: fixed;
        right: 0;
        top: 0;
        width: 333px;
        max-width: 85%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        background: white;
        padding: 20px;
    }

    .SideMenuFade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background: var(--theme);
        opacity: 0.5;
        filter: brightness(0.5);
    }

    .SideMenuLogo {
        display: block;
        margin: 20px auto;
        width: 200px;
        max-width: 90%;
        height: auto;
    }

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

    .SideMenuDiv ul li {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 14px 10px;
        border-bottom: solid 1px #dbdbdb;
        font-weight: 600;
    }

    .SideMenuDiv ul li i {
        margin-right: 5px;
    }

    .SideMenuBtns {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 30px auto;
    }

    .SideMenuBtns button, .SideMenuBtns h6 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: fit-content;
        padding: 7px 0;
        border: solid 2px;
        color: var(--theme);
        font-weight: 600;
        text-transform: uppercase;
        background: none;
        position: relative;
        border-radius: 10px;
    }

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

    .SideMenuBtns h6 .setbg {
        position: absolute;
        left: 6px;
        top: 3px;
        width: auto;
        height: 80%;
        aspect-ratio: 1 / 1;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 1000px;
    }

    .FooterLast {
        padding: 0;
    }

    .MyProfileDiv {
        padding: 25px 0;
        padding-left: 107px;
        padding-right: 66px;
    }

    .MyProfileThumb {
        display: block;
        margin: 0 auto;
        width: 90px;
        top: 2px;
    }

    .MyProfileDiv h1 {
        display: flex;
        margin: 0 auto;
        width: 100%;
        font-size: 18px;
    }

    .MyProfileDiv h1 strong {
        font-size: 21px;
        margin: 0 8px;
    }

    .MyProfileDiv label {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 18px;
    }

    .MyProfileDiv label i {
        font-size: 14px;
    }

    .SignOutBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        aspect-ratio: 1/1;
        padding: 0;
        top: 25px;
    }

    .SignOutBtn g {
        display: none;
    }


    .EditProfile {
        width: 26px;
        font-size: 12px;
        margin: 0 1px;
    }

    .SignOutBtn i {
        position: relative;
        display: block;
        margin: 0 auto;
        width: auto;
        height: auto;
        aspect-ratio: unset;
    }

    .MyProfileInner {
        min-height: 80vh;
    }


    .AboutArtGhText {
        filter: none;
    }

    .ContactFocus {
        padding: 20px;
    }
}