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

    .BannerArt {
        animation: unset;
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1.5;
    }

    .BannerQuote {
        position: absolute;
        right: 0;
        top: 12px;
        width: 100%;
        height: fit-content;
        padding: 43px 30px 18px;
    }

    .QuoteIcon {
        right: 0;
        top: 9px;
        width: 32px;
    }


    .BannerQuote p {
        font-size: 15px;
    }

    .HomeAboutInner h1 a {
        display: none;
    }

    .HomeAboutInner {
        display: block;
        margin: 34px auto 0;
        width: 90%;
        padding: 0;
    }

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

    .HomeAboutInner p {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 16px;
    }

    .AboutContactItem {
        display: block;
        margin: 0 auto;
        width: 100%;
        border: none !important;
        border-bottom: solid 1px #1c1c1c !important;
    }

    .AboutContactItem:last-child {
        border: none !important;
    }

    .ReviewsSliderParent {
        padding: 20px;
    }

    .ReviewsSliderItemInner {
        margin: 0 auto;
        width: 100%;
        box-shadow: none;
        background: #ffffff0d;
        padding: 14px 20px;
        padding-right: 71px;
    }

    .Nose3D {
    }

    .Nose3D .container-fluid {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

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

    .ReviewsSlider {
        display: block;
        margin: 30px auto 0;
        width: 90%;
        padding: 0;
    }


    .Nose3DText {
        display: block;
        margin: 20px auto 50px;
        width: 90%;
        padding: 0;
    }

    .Nose3DText h1 {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 28px;
        text-transform: uppercase;
    }

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

    .Nose3DText button {
        font-size: 12px;
        padding: 14px 19px;
        padding-right: 46px;
    }

    .Nose3DText button i {
    }

    .ReviewerThumb {
        margin: 12px;
        width: 45px;
    }

    .ImagePreviewDiv {
        width: 100%;
        max-width: unset;
        height: unset;
        aspect-ratio: 1 / 1;
    }

    .ImagePreviewDiv img {
    }

    .SocialMediaInner h1 {
        display: block;
        margin: 0 auto 19px;
        width: 100%;
        font-size: 25px;
    }

    .SocialMediaPlatformsGH {
    }

    .SocialMediaPlatformsGH h4 {
        width: 37px;
        padding: 0;
        background: none;
        border-radius: 0;
        margin: 0 0;
        margin-left: 20px;
    }

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

    .SocialMediaPlatformsGH h4 g {
        display: none;
    }

    .SideMenuBtn {
        padding: 10px;
    }

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

    .SocialMediaPostItem {
        display: block;
        margin: 45px auto;
        width: 100%;
    }

    .SocialMediaInner {
        padding-bottom: 0
    }

    .EarliestAppointments .col-lg-6 {
        padding: 0;
    }

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


    .EarliestAppointmentsInner .EarliestAppointmentsInnerHeader {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 20px;
    }


    .EarliestAppointmentsItemsGH {
        display: block;
        margin: 20px auto 0;
        width: 100%;
    }

    .EarliestAppointmentsItem {
        padding: 25px 20px 50px;
        padding-left: 60px;
    }

    .EarliestAppointmentsItemIcon {
        position: absolute;
        left: 0;
        top: 14px;
        width: 30px;
    }

    .EarliestAppointmentsItem h3 {
        font-size: 15px;
        font-weight: 500;
    }

    .EarliestAppointmentsItem p {
        letter-spacing: 1px;
        font-size: 13px;
    }

    .EarliestAppointmentsItemBtn {
        position: absolute;
        right: 0;
        bottom: 0;
        top: unset;
        width: fit-content;
        height: fit-content;
        aspect-ratio: unset;
    }

    .EarliestAppointmentsItemBtn button {
        padding: 7px 16px;
        padding-left: 35px;
        border-radius: 5px;
        margin: 17px 0;
    }

    .FooterFirst, .FooterCenter, .FooterLoacation {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    footer .col-lg-4 {
        display: block;
        margin: 14px auto;
        width: 100%;
        padding: 0;
    }


    .EarliestAppointmentsItem:last-child {
        border-bottom: none;
    }

    .ScrollerBtn {
        margin: 9px;
        width: 35px;
        padding: 10px;
    }

    .SideMenuLogo {
        display: block;
        margin: 6px auto;
        width: 57%;
    }

    .SideMenuDiv {
    }

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

    .SideMenuDiv ul li {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 14px;
        padding: 18px 8px;
    }

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


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

    .ContactUsBody {
    }

    .ContactUsBody h1 {
        display: block;
        margin: 0 auto 12px;
        width: 100%;
    }

    .ContactUsBody h2 {
        display: block;
        margin: 0 auto;
        width: 100%;
        font-size: 21px;
        letter-spacing: 0;
    }

    .ContactUsBody h2 i {
        margin-right: 14px;
    }

    .ContactUsSocialMedia {
        display: flex;
        justify-content: start;
        align-items: center;
        width: fit-content;
        margin: 15px 0;
    }

    .ContactUsSocialMedia a {
        width: 40px;
        margin-right: 12px;
        padding: 8px;
    }

    .ContactUsSocialMedia a .setbg {
    }

    .Banner {
    }

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

    .BannerQuote {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 40px;
        margin-bottom: 35px;
    }


    .BannerQuote p u {
        bottom: 0;
        right: 20px;
    }

    .AboutContactItemInner h3 {
        margin: 0 auto 8px;
        font-size: 20px;
    }

    .AboutContactItemInner p {
        letter-spacing: 0;
        font-size: 20px!important;
    }
}