@media screen and (max-width: 800px) {
    .HeaderBtns {
        display: none !important;
    }

    .HeaderLogo {
        width: 100%;
        margin: 0 0;
        position: relative;
    }

    .HeaderLogo img {
        max-width: 50%;
        object-fit: contain;
        object-position: center;
    }

    .HeaderLogo .MobileSideMenuBtn {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: 100%;
        aspect-ratio: 1/1;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        filter: invert(1);
        padding: 3px;
    }

    .HeaderLogo .MobileSideMenuBtn .setbg {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .HideOnMobile {
        display: none !important;
    }

    header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .SideMenuDiv {
        width: 70%;
    }

    .SideMenuDiv ul {
    }

    .SideMenuDiv ul li {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 13px 6px;
        font-size: 15px;
    }

    .SideMenuProduction .setbg {
        width: 70px;
    }

    .SideMenuProduction h4 {
        font-size: 15px;
    }

    .HomeSliderItem {
        aspect-ratio: 1/1.4;
    }

    .HomeSliderItemContantParent {
        width: 100%;
        margin: 0 auto;
        align-items: start;
        padding-top: 50px;
    }

    .HomeSliderItem img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 48%;
        max-height: unset;
        min-height: unset;
        max-width: unset;
    }

    .HomeSlider {
        margin: 30px auto;
        width: 90%;
    }

    .HomeSliderItemContant {
        max-width: 90%;
    }

    .WebsiteFeatureItem {
        margin: 8px auto;
        width: 93%;
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 25px;
    }

    .SectionHeader {
        margin: 20px auto;
        width: 90%;
        font-size: 17px;
        font-weight: bold;
    }

    .NewArrivalMain {
        margin: 0 auto;
        width: 90%;
    }

    .GetBookNowInner {
        display: block;
        margin: 64px auto 60px;
        width: 90%;
    }

    .GetBookNowInner .Book {
        position: relative;
        display: block;
        margin: -50px auto 37px;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .GetBookNowDiv {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: unset;
    }

    .SectionHeader a {
        font-size: 11px;
    }

    .CourseItem {
        display: block;
        margin: 30px auto;
        width: 90%;
    }

    .HomeDiscountsDiv {
        display: block;
        margin: 0 auto 80px;
        width: 90%;
    }

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

    .HomeDiscountsContent p {
        display: block;
        margin: 18px auto;
        width: 100%;
        font-size: 13px;
    }

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

    .HomeReelsHeader h2 {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 17px;
    }

    .HomeReelsHeader p {
        display: block;
        margin: 15px auto;
        width: 100%;
        font-size: 13px;
    }

    .HomeReelsArrows {
        display: none;
    }

    .FooterVision, .FooterCenter, .FooterMap {
        display: block;
        margin: 29px auto;
        width: 90%;
    }

    .FooterMap iframe {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .ScrollerBtn {
        width: 37px;
        font-size: 19px;
    }

    .SortByGH {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 0;
        padding-top: 30px;
    }

    .SortByGH p {
        width: 100%;
        margin: 0 auto;
        max-width: unset;
        display: block;
    }

    .SortByGH select {
        display: block;
        margin: 17px auto;
        width: 100%;
    }

    .ShowFilterBtn {
        position: absolute;
        right: 4%;
        top: 19px;
        font-size: 15px;
        text-transform: uppercase;
        padding: 4px 13px;
        padding-left: 36px;
        color: #bd9338;
    }

    .ShowFilterBtn .setbg {
    }

    .Shop {
        padding-top: 25px;
    }

    .ShopFilter {
        width: 75%;
    }

    .Trending .col-sm-6, .Related .col-sm-6, .FillterAppendHere .col-sm-6 {
        width: 50%;
    }

    .Trending .ProductItem h4, .Related .ProductItem h4, .FillterAppendHere .ProductItem h4 {
        font-size: 13px;
    }

    .Trending .ProductLabel, .Related .ProductLabel, .FillterAppendHere .ProductLabel {
        font-size: 10px;
        padding: 5px 5px;
    }

    .Trending .ProdBtns button, .Related .ProdBtns button, .FillterAppendHere .ProdBtns button {
        width: 32px;
        padding: 6px;
        margin: 0;
    }

    .Product-Details {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 30px;
    }

    .ProductImagesItem {
        width: 59px;
    }

    .ProdDetBtns button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        padding: 12px 12px;
        font-size: 13px;
        padding-left: 34px;
        margin: 9px 0;
    }

    .ProdDetBtns button .setbg {
        height: 40%;
        top: 30%;
    }

    .ProdDetBtns button:first-child {
        margin-right: 7px;
    }

    .ProdSpecificationsDiv {
        width: 90%;
    }

    .CourseShowPage {
        padding: 30px;
    }

    .AddedSuccessfullyDiv {
        width: 90%;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        margin: 35px auto 0;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns button {
        width: 40px;
        aspect-ratio: 1/1;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 1000px;
        margin: 0 10px;
        border: solid 1px #bcbcbc;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns button span {
        position: absolute;
        right: -6px;
        top: -7px;
        width: 20px;
        background: #bc891b;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 1000px;
        overflow: hidden;
        color: aliceblue;
        text-align: center;
        font-size: 12px;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns button .HeaderFavCount {
        background: #ab5050;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns button .setbg {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns h12 {
    }

    .SideMenu .SideMenuProduction .SideMenuHeaderBtns h12 .setbg {
    }

    .CartPageBtns button {
        display: flex;
        font-size: 13px;
        padding: 9px 6px;
    }

    .CartPageBtns button i {
        font-size: 13px;
        margin: 0 5px;
    }

    .CartFormRow {
        width: 100%;
    }

    .CartPage .row {
        margin: 0 auto;
        width: 100%;
    }

    .CartPageBtns {
        margin: 15px auto 10px;
        width: 94%;
    }

    .SharedRemoveSuccessInner h4, .SharedSuccessInner h4 {
        max-width: 90%;
    }

    main {
        overflow-x: hidden !important;
    }

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

    .AboutPageCover h4 {
        font-size: 35px;
        width: 90%;
    }

}