@media (max-width: 1279px) {

    /*     
    #footer .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    } */


    .about-content .block-image {
        flex-direction: column-reverse;
    }

    .about-content .block-image .image:nth-child(2) {
        width: 100%;
        margin: 0;
    }

    .about-content .block-image .image:first-child {
        max-width: 40%;
        margin-top: -100px;
        margin-left: 30px;
    }

    .error-page .content {
        padding-top: 20px;
    }

}


@media (max-width: 1100px) {

    .related-package .swiper-container,
    .related-archive .swiper-container {
        padding-left: 30px;
        padding-right: 30px;
    }


    .error-page .content {
        flex-direction: column-reverse;
        -ms-align-items: center;
        align-items: center;
    }

    .error-page .wrap {
        margin: 0;
    }

    .error-page .bottom-bar {
        position: relative;
        left: auto;
        bottom: auto;
        padding-top: 100px;
        margin-bottom: 30px;
    }
}


@media (max-width: 1023px) {

    #entersite,
    #entersite-complete {
        width: 350px;
    }

    #entersite .image {
        width: 100%;
        margin: 0;
    }

    #entersite .content {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 30px 20px;
    }

    #entersite-complete {
        padding: 30px 20px;
    }


    .single-page .tabs {
        width: 100%;
        margin: 10px 0 0;
    }

    .single-page .tab-link {
        margin-left: 0;
        margin-right: 15px;
    }

    .single-hero {
        margin-right: 0;
    }

    .page {
        padding-top: 30px;
    }

    .appointment {
        margin-right: 0;
    }

    .error-page .logo {
        margin-bottom: 20px;
    }

    .error-page .wrap {
        padding: 40px 15px 15px;
    }

    .error-page .bottom-bar .qr_code {
        display: none;
    }

    .error-page .bottom-bar .contactgroup a {
        margin: 0 10px;
    }

    .error-page .bottom-bar .socialgroup {
        position: static;
        right: auto;
        bottom: auto;
        margin-top: 10px;
    }


    .specialist-popup .fancybox-content {
        width: 350px;
        max-width: 100%;
    }

    .gallery-popup .fancybox-content {
        /*        height: 400px !important;*/
        /*        width: 375px;*/
    }





    .innovation-pre {
        padding-top: 30px;
    }

    .about-entry {
        padding-top: 40px;
        padding-bottom: 40px;
    }


}


@media (max-width: 768px) {
    /* .dt {
        display: none !important;
    }
    .mb {
        display: block !important;
    } */
}


@media (max-width: 767px) {

    .error-page h1.title {
        font-size: 2em;
    }

    .error-page .subhead {
        font-size: 1.5em;
    }


    .about-content .block-image {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .related-package .swiper-container,
    .related-archive .swiper-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* #footer {
        padding-top: 30px;
    }
    .footer-text {
        margin-bottom: 100px;
    }
    .footer-left,
    .footer-right {
        width: 100%;
    }
    .footer-right {
        margin-left: 0;
        text-align: left;
    }
    .footer-right .socialgroup {
        position: absolute;
        transform: translateY(-100px);
    }
    .footer-right .socialgroup a {
        margin-left: 0;
        margin-right: 30px;
    } */

    .single-page .tabs {
        display: none;
    }

    .single-page .tabs-mb {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .contact {
        padding: 40px 0;
    }


    .error-page .form {
        margin-top: 10px;
    }

    .error-page .bottom-bar .contactgroup a {
        display: block;
    }

    .filter-group .filter-list {
        width: calc(100%/3);
    }

    .filter-list:nth-child(6n-5):before,
    .filter-list:nth-child(-n+6):after {
        display: block;
    }

    .filter-list:nth-child(3n-2):before,
    .filter-list:nth-child(-n+3):after {
        display: none;
    }

    .filter-group {
        padding-top: 20px;
    }

    .specialist-single .image {
        margin: 0;
    }

    .specialist-single .wrap {
        margin-left: 0;
        padding: 40px 20px;
        width: 100%;
    }

    .gallery-single {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .gallery-single .swiper-slide {
        width: 100% !important;
    }

    .gallery-single .slide-prev {
        left: 0;
    }

    .gallery-single .slide-next {
        right: 0;
    }

    .gallery-single .gallery_case .col {
        width: 130px;
        margin: 0 5px;
    }

    .gallery-single:before {
        height: 250px;
    }



    /* .archive-single .entry-header {
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .archive-single .row {
        flex-direction: column;
    }
    .archive-single .col {
        padding-right: 0;
        width: 100%;
        margin-top: 25px;
    }
    .archive-single .row:first-child {
        flex-direction: column-reverse;
    } */

    ul.blocks-gallery-grid li {
        width: 100% !important;
        max-width: 100%;
    }

    .archive-single figure {
        margin: 30px 0;
    }

    nav.woocommerce-MyAccount-navigation li {
        width: 50%;
        border-top: solid 2px #fff;
    }

    nav.woocommerce-MyAccount-navigation li:first-child {
        width: 100%;
    }

    .u-column1.col-1.woocommerce-Address {
        margin-bottom: 30px;
    }

    .archive-single .entry-content {
        margin-top: 30px;
        width: 100%;
    }

    .archive-single #layout-contentwrap:not(.sharefull) .col.share {
        float: left;
        width: 100%;
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 2;
        margin-top: 50px;
        bottom: auto;
    }

    .gallery-popup .fancybox-content {
        width: 100% !important;
    }

    .gallery-single {
        width: 100%;
    }

    /* Mobile Service Card Redesign - Match Blog Style */
    .service-card .woocommerce-loop-product__link {
        display: flex;
        flex-direction: column;
    }

    .service-card .wrap {
        display: contents;
    }

    /* Image on Top */
    .service-card .image {
        order: 1;
        width: 100%;
        margin-bottom: 0 !important;
    }

    /* Fix Image Size - Reduce height from 106% to 65% */
    .service-card .image.object-fit:before {
        padding-top: 65% !important;
    }

    /* Title Block (Green Background) */
    .service-card .titleblock {
        order: 2;
        background: #9ab9ac;
        color: #fff;
        padding: 20px 20px 5px 20px;
        margin: 0 !important;
        width: 100%;
        display: block;
        min-height: auto;
    }

    .service-card .titleblock .title {
        color: #fff;
        font-size: 1.2rem;
    }

    /* Content/Hover (Green Background) */
    .service-card .hover {
        order: 3;
        position: static;
        opacity: 1;
        visibility: visible;
        background: #9ab9ac;
        color: #fff;
        padding: 0 20px 20px 20px;
        width: 100%;
        height: auto;
        transform: none;
    }

    .service-card .hover .entry-content {
        display: block;
        margin-bottom: 15px;
        opacity: 0.9;
    }

    .service-card .hover .cta .btn2021 {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        width: 100%;
        text-align: center;
    }
}


/* ##########2021########## */
/*min*/
@media (min-width:768px) {

    .card .wrap>.head {
        display: none;
    }

    .related-cardgroup .swiper-container {
        overflow: visible;
    }

    .related-cardgroup *[class*="swiper-button-"] {
        /* display: none !important; */
    }

    .specialist-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-lg) var(--spacing-md);
    }

    .specialist-header .specialist-column.detail {
        align-self: center;
    }

    .specialist-header .specialist-column.cover {
        transform: translateY(var(--spacing-md));
    }

    .specialist-header .specialist-column.cover .media,
    .specialist-body .specialist-column.type-contact .entry-cta {
        width: calc(100% - var(--spacing-md));
    }

    .specialist-body .specialist-column:not(:nth-child(-n+2)) {
        padding-top: var(--spacing-md);
        border-top: 1px solid var(--color-theme-light);
    }

    .specialist-body .specialist-column.type-contact {
        padding-top: 60px;
    }

    .specialist-body .specialist-column.type-schedule {
        grid-row: span 2;
    }

    .specialist-body .specialist-column .entry-content2021 {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        transition: none !important;
    }

}

@media (min-width:992px) {

    #footer .container-fluid {
        display: grid;
        grid-template-columns: 340px 1fr;
        grid-gap: var(--spacing-sm);
        align-items: flex-end;
    }

    .footer-text {
        grid-row: 1;
        grid-column: 1;
    }

    .footer-social {
        grid-row: 1;
        grid-column: 2;
        justify-self: end;
    }

    .footer-legal {
        grid-row: 2;
        grid-column: 1 / span 2;
        display: flex;
        justify-content: space-between;
    }

    .index-cardgroup:not(:last-child) {
        position: relative;
        z-index: 2;
        padding-bottom: 0;
        margin-bottom: var(--spacing-md-minus);
    }

    .index-card_cover.shadow {
        box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
    }

    .index-review {
        padding-top: calc(var(--spacing-lg) + var(--spacing-md));
        padding-bottom: calc(var(--spacing-lg) + var(--spacing-md));
    }

    .index-contact.contact {
        padding-top: 0;
        margin-top: var(--spacing-md-minus);
    }

    /* .contact-location .tab-container {
        margin-right: calc(32px + var(--spacing-md)*2);
    } */

    .archive-layout .breadcrumb,
    .archive-layout .woocommerce-breadcrumb {
        justify-content: flex-end;
    }

    .archive-layout.type-grid {
        display: grid;
        grid-template-columns: 1fr calc(300px + var(--spacing-md)*2);
        grid-gap: var(--spacing-lg);
        align-items: baseline;
    }

    .archive-layout.type-grid>*:not(:last-child) {
        margin-bottom: 0;
    }

    .archive-layout.type-grid>.archive-sidebar {
        grid-row: 1;
        grid-column: 2;
        height: 100%;
        padding: 0 var(--spacing-md);
    }

    .archive-layout.type-grid>.archive-detail {
        grid-row: 1;
        grid-column: 1;
    }

    .archive-sidebar .sidebar-wrap {
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--spacing-sm));
    }

    .archive-sidebar .service-info,
    .archive-sidebar form.cart {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .archive-sidebar .related-treatment li {
        width: calc(100%/3);
    }

    .archive-header {
        display: grid;
        grid-template-columns: 50% 1fr;
        grid-gap: var(--spacing-sm) var(--spacing-lg);
    }

    .archive-header>* {
        margin: 0 !important;
    }

    .archive-header>.breadcrumb {
        grid-row: 1;
        grid-column: 2;
    }

    .archive-header>.entry-header {
        grid-row: 1;
        grid-column: 1;
        align-self: baseline;
    }

    .archive-header>.entry-header>*:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }

    .archive-header>.entry-desc {
        grid-row: 2;
        grid-column: 1;
    }

    .archive-header>.entry-related {
        grid-row: 2;
        grid-column: 2;
        justify-self: end;
        width: 100%;
    }

    .archive-header .related-treatment .title {
        text-align: right;
        margin-top: calc(var(--spacing-sm-minus) - 28px);
    }

    .archive-header .related-treatment ul {
        justify-content: flex-end;
    }

    .cardgroup.columns-2 {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-lg);
    }

    .specialist-columns {
        grid-column-gap: var(--spacing-lg);
    }

}

@media (min-width:1280px) {

    .header-panel {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        flex: 1;
    }

    .header-panel .panel-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .h-menu {
        margin: 0;
        padding: 0;
        padding-left: var(--spacing-md);
        display: flex;
        align-items: center;
        position: relative;
    }

    .h-menu a {
        display: inline;
    }

    .h-menu a:after {
        background: none;
        position: static;
        height: auto;
        width: auto;
    }

    .h-menu>li {
        margin: 0;
        padding: var(--spacing-xs) 0;
        position: relative;
    }

    .h-menu>li:not(:last-child) {
        margin-right: var(--spacing-md);
    }

    .h-menu>li>a {
        white-space: nowrap;
    }

    .h-menu>li.has-dropdown>a {
        display: inline-flex;
        align-items: center;
        vertical-align: top;
    }

    .h-menu>li.has-dropdown>a:after {
        font-family: 'icomoon';
        content: "\e91a";
        font-size: var(--font-size-2xs);
        margin-left: var(--spacing-2xs);
    }

    .h-menu>li.has-dropdown:hover>a {
        color: var(--color-theme-blue);
    }

    .h-menu .menu-dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        margin: 0;
        position: absolute;
        z-index: 100;
        top: 100%;
        left: var(--spacing-sm-minus);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 178px;
        color: #fff;
        background: var(--color-theme-light);
        display: none;
    }

    .h-menu .menu-dropdown ul {
        max-height: 80vh;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .h-menu .menu-dropdown ul>li>a {
        display: flex;
        align-items: center;
        padding: var(--spacing-3xs) var(--spacing-sm);
        min-height: 40px;
    }

    .h-menu .menu-dropdown ul>li>a:hover {
        background: var(--color-theme);
        color: #fff;
    }

    .h-menu .menu-dropdown ul>li>a>* {
        display: block;
    }

    .h-menu .menu-dropdown ul>li>a>*:not(:last-child) {
        margin-right: var(--spacing-3xs);
    }

    .h-menu .menu-dropdown ul>li>a>img {
        display: block;
        width: 40px;
        height: 40px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
        margin-top: -5px;
        margin-bottom: -5px;
        margin-left: -10px;
    }

    .h-tools {
        width: auto;
        height: var(--header-height);
        display: grid;
        grid-template-columns: auto auto auto auto;
        grid-template-rows: 1fr 40px 1fr;
        grid-gap: 0 var(--spacing-sm);
        align-items: center;
    }

    .h-tools .btn2021 {
        height: 40px;
        font-size: var(--font-size-xs);
        min-width: 0;
    }

    .h-tools .search-tool {
        grid-row: 1;
        grid-column: 1 / span 3;
        justify-self: end;
    }

    .h-tools .search-tool .ic {
        font-size: var(--font-size-sm);
    }

    .h-tools .lang-tool {
        grid-row: 1;
        grid-column: 4;
        justify-self: end;
    }

    .h-tools .account-tool {
        grid-row: 2;
        grid-column: 1;
    }

    .h-tools .cart-tool {
        grid-row: 2;
        grid-column: 2;
    }

    .h-tools .appointment-tool {
        grid-row: 2;
        grid-column: 3 / span 2;
    }

    .h-contact {
        padding: 0 var(--spacing-md);
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 1000;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .h-contact>*:not(:last-child) {
        margin-bottom: var(--spacing-3xs);
    }

    .h-contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: var(--font-size-sm);
        line-height: 1;
        width: 32px;
        height: 32px;
        background: #9ab9ac;
        color: #fff;
        border-radius: 50%;
        overflow: hidden;
    }

    .h-contact a:hover {
        background: #374459;
        color: #fff;
    }

    .h-contact .ic-wechat:before {
        transform: scale(1.2);
        display: block;
        position: relative;
    }

    .header-panel-ctrl,
    .header-panel .h-menu .next,
    .header-system {
        display: none !important;
    }

    .hero-top,
    .hero-page.align-left .image,
    .appointment,
    .review-all,
    .single-hero {
        margin-right: calc(32px + var(--spacing-md)*2);
    }

    /* Hero Image spacing for single pages only (prevent edge-to-edge) */
    .hero-image {
        margin-right: calc(32px + var(--spacing-md)*2);
        margin-left: var(--spacing-sm);
        padding: 0 var(--spacing-sm);
    }

    /* .contact-location .tab-container {
        margin-right: calc((32px + var(--spacing-md)*2)*2);
    } */
    .contact-location .contact-address {
        right: calc(32px + var(--spacing-md)*2);
    }

    .hero-slide .hero-boxes .meta {
        padding: var(--spacing-lg);
    }

    .appointment {
        padding-right: var(--spacing-md);
    }

    .appointment .wrap {
        width: 1095px;
        max-width: 76.0416666667vw;
        margin-left: calc((100vw - 1095px)/3);
    }

    .account .wrap {
        width: calc(1095px/2);
        max-width: calc(76.0416666667vw/2);
    }

    .account .col1 .wrap {
        margin-left: auto;
        margin-right: var(--spacing-md);
    }

    .account .col2 .wrap {
        margin-left: var(--spacing-md);
    }

    .specialist-header {
        background-size: calc(100% - (32px + var(--spacing-md)*2)) 100%;
        background-position: left center;
    }

    .specialist-header .specialist-column.cover .media,
    .specialist-body .specialist-column.type-contact .entry-cta {
        width: calc(100% - var(--spacing-lg));
    }

}

@media (min-width:1440px) {

    .h-menu {
        padding-left: var(--spacing-md);
    }

    .h-menu>li:not(:last-child) {
        margin-right: var(--spacing-md);
    }

}

/*max*/
@media (max-width:1279px) {

    :root {
        --header-height: 100px;
    }

    /* HAMBURGER */
    .hamburger {
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
        padding: 10px 0;
    }

    .hamburger .bars,
    .hamburger .bars:before,
    .hamburger .bars:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--color-theme);
        transition: 0.4s;
    }

    .hamburger .bars {
        display: block;
        font-size: 0;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%);
        transition-property: background-color, transform;
    }

    .hamburger .bars:before,
    .hamburger .bars:after {
        display: block;
        content: "";
    }

    .hamburger .bars:before {
        top: -6px;
        transition-property: background-color, top;
        transition-delay: 0s, .10s;
    }

    .hamburger .bars:after {
        bottom: -6px;
        transition-property: background-color, bottom, transform;
        transition-delay: 0s, .10s, 0s;
    }

    .hamburger.active .bars {
        transform: translateY(-50%) rotate(45deg);
        transition-delay: 0s, .10s;
    }

    .hamburger.active .bars:before {
        top: 0;
        opacity: 0;
    }

    .hamburger.active .bars:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition-delay: 0s, 0s, .10s;
    }

    /* HEADER */
    #header>.container-fluid {
        display: grid;
        grid-template-columns: 1fr auto auto;
        align-items: center;
        grid-gap: 0 var(--spacing-sm);
    }

    .header-brand,
    .header-system,
    .header-panel-ctrl {
        position: relative;
        z-index: 101;
    }

    .header-brand {
        grid-row: 1;
        grid-column: 1;
    }

    .h-logo {
        width: 56px;
    }

    .header-system {
        grid-row: 1;
        grid-column: 2;
        justify-self: end;
        transition: opacity 0.4s;
    }

    .header-system .h-tools>*:not(:last-child) {
        margin-right: var(--spacing-xs);
    }

    .header-panel-ctrl {
        grid-row: 1;
        grid-column: 3;
        justify-self: end;
    }

    .header-panel {
        display: none;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        height: calc(100vh);
        height: calc(var(--vhFlexible, 1vh) * 100);
        padding-top: var(--header-height);
        background: #fff;
        color: var(--color-theme);
        overflow: hidden;
    }

    .header-panel .panel-wrap {
        display: flex;
        flex-direction: column;
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-sm));
    }

    .header-panel .panel-inner {
        width: 100%;
        padding: 0 var(--spacing-md) var(--spacing-sm);
        display: flex;
        flex-direction: column;
    }

    .header-panel .panel-inner>* {
        width: 100%;
    }

    .header-panel .panel-inner>*:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }

    .header-panel .h-menu {
        flex: 1;
    }

    .header-panel .h-tools {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        grid-gap: var(--spacing-sm);
        font-size: var(--font-size-md);
    }

    .header-panel .h-tools .account-tool {
        grid-row: 1;
        grid-column: 1;
    }

    .header-panel .h-tools .search-tool {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        width: 100%;
    }

    .header-panel .h-tools .search-form .input input {
        width: 100%;
    }

    .header-panel .h-tools .search-form .input:not(.filled) input {
        width: 0;
        padding-right: var(--font-size-h6);
    }

    .header-panel .h-tools .search-form .input:not(.filled) [type="submit"] {
        right: calc(100% - var(--font-size-h6));
    }

    .header-panel .h-tools .lang-tool {
        grid-row: 1;
        grid-column: 3;
    }

    .header-panel .h-tools .appointment-tool {
        grid-row: 2;
        grid-column: 1 / span 3;
    }

    .header-panel .h-tools .appointment-tool .btn2021 {
        width: 100%;
        height: 60px;
        font-size: var(--font-size-md);
    }

    .header-panel .h-tools .cart-tool {
        display: none;
    }

    .header-panel .h-tools,
    .header-panel .h-contact {
        padding: 0 var(--spacing-xs);
    }

    .header-panel .h-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 1;
    }

    .header-panel .h-contact .ic {
        font-size: 24px;
    }

    .h-menu {
        font-size: var(--font-size-h6);
        font-weight: 600;
    }

    .h-menu>li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #bcd0c8;
    }

    .h-menu>li>*:not(.menu-dropdown) {
        height: 100%;
        min-height: 60px;
        padding: var(--spacing-3xs) var(--spacing-xs);
        display: flex;
        align-items: center;
    }

    .h-menu>li>*:not(.menu-dropdown):last-child {
        flex: 1;
    }

    .h-menu>li>.next {
        flex: 1;
        justify-content: flex-end;
    }

    .h-menu>li>.next:after {
        font-family: 'icomoon';
        content: "\e91a";
        font-size: var(--font-size-sm);
    }

    .h-menu>li.active {
        background: #bcd0c8;
        color: #fff;
    }

    .h-menu>li.active>*:not(.menu-dropdown) {
        color: inherit !important;
    }

    .h-menu .menu-dropdown {
        display: none;
        width: 100%;
        padding: var(--spacing-xs) 0 calc(var(--spacing-xs)*2);
        background: #fff;
        color: var(--color-theme);
        font-size: var(--font-size-md);
        font-weight: 400;
    }

    .h-menu .menu-dropdown li:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }

    .h-menu .menu-dropdown ul>li>* {
        padding: 0 var(--spacing-xs);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        display: flex;
        align-items: center;
    }

    .h-menu .menu-dropdown ul>li>a>* {
        display: block;
    }

    .h-menu .menu-dropdown ul>li>a>*:not(:last-child) {
        margin-right: var(--spacing-3xs);
    }

    .h-menu .menu-dropdown ul>li>a>img {
        display: block;
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-filter: brightness(0%) invert(44%) sepia(6%) saturate(1355%) hue-rotate(103deg) brightness(104%) contrast(86%);
        filter: brightness(0%) invert(44%) sepia(6%) saturate(1355%) hue-rotate(103deg) brightness(104%) contrast(86%);
        margin-top: -10px;
        margin-bottom: -10px;
        margin-left: -10px;
        transition: 0.4s;
    }

    .h-menu .menu-dropdown ul>li>a:hover>img {
        -webkit-filter: brightness(0%) invert(23%) sepia(9%) saturate(1907%) hue-rotate(177deg) brightness(92%) contrast(85%);
        filter: brightness(0%) invert(23%) sepia(9%) saturate(1907%) hue-rotate(177deg) brightness(92%) contrast(85%);
    }

    .header-panel-enabled {
        overflow: hidden !important;
    }

    .header-panel-enabled .header-system {
        opacity: 0;
        pointer-events: none;
    }

    .hero-top .object-fit:before {
        padding-top: calc(100vh - var(--header-height) - 35px)
    }

    .hero-thumbs {
        width: 280px;
        bottom: -45px;
    }

    .hero-page.align-right .meta {
        left: var(--spacing-md);
    }

    .hero-page.align-left .meta {
        right: var(--spacing-md);
    }

}

@media (max-width:1199px) {

    .index-cardgroup>.container {
        grid-template-columns: repeat(2, calc(50% - var(--spacing-md)/2));
        grid-column-gap: var(--spacing-md);
    }

    .index-contact .cover {
        margin-left: var(--spacing-md);
    }

    .contact-location .tab-link {
        min-width: 150px;
    }

    .product-page .product .meta,
    .blog-page .blog-card .meta,
    .product-page .product .cta,
    .blog-page .blog-card .cta {
        padding: var(--spacing-sm);
    }

}

@media (max-width:1175px) {

    .hero-page.align-left .meta {
        right: var(--spacing-md);
    }

    .hero-page.align-right .meta {
        left: var(--spacing-md);
    }


}

@media (max-width:991px) {

    .dt {
        display: none !important;
    }

    .mb {
        display: block !important;
    }

    :root {
        --font-size-h6: 18px;
        --font-size-h5: 20px;
        --font-size-h4: 22px;
        --font-size-h3: 24px;
        --font-size-h2: 26px;
        --font-size-h1: 38px;
    }

    .container,
    .container-fluid,
    .header-panel .panel-inner,
    .testimonial-preview .swiper-slide,
    .testimonial-thumbs,
    .appointment,
    .popup-style-iframe .mfp-content {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    #footer .container-fluid>*:not(:first-child) {
        margin-top: var(--spacing-sm);
    }

    #footer .footer-legal:not(:first-child) {
        margin-top: var(--spacing-md);
    }

    #footer .footer-legal>*:not(:last-child) {
        margin-bottom: var(--spacing-3xs);
    }

    #footer .footer-text {
        width: 340px;
        max-width: 100%;
    }

    .hero-slide .slide-prev {
        left: 12px;
    }

    .hero-slide .slide-next {
        right: 12px;
    }

    .hero-slide .hero-boxes {
        flex-direction: column;
    }

    .hero-slide .hero-boxes>* {
        width: 100% !important;
    }

    .hero-slide .hero-boxes .meta {
        padding: var(--spacing-md) var(--spacing-sm);
    }

    .index-cardgroup>.container {
        grid-template-columns: 100%;
        grid-gap: var(--spacing-md) 0;
    }

    .index-card:not(:last-child) .index-card_link:last-child {
        padding-bottom: var(--spacing-sm);
        border-bottom: 1px solid var(--color-theme-light);
    }

    .review-container .swiper-container,
    .review-container .swiper-slide {
        padding: 0 calc(var(--spacing-xs)/2);
    }

    .review-container .swiper-slide {
        width: calc(100%/2) !important;
    }

    .review-container.type-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: var(--spacing-xs);
    }

    .testimonial-modal .swiper2021 *[class*="swiper-button-"] {
        display: none;
    }

    .popup-style-testimonial .modal-dismiss {
        padding-right: var(--spacing-sm);
    }

    .contact .container>* {
        width: 100%;
    }

    .contact .container>*:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .index-contact .object-fit:before {
        padding-top: 96%;
    }

    .index-contact .cover {
        margin-left: var(--spacing-sm);
        display: none !important;
    }

    .hero-image .object-fit:before {
        /* Reduced height for mobile banner */
        padding-top: 50%; /* Reduced from 75% */
    }

    /* Tablet breakpoint for Hero Banner */
    @media screen and (min-width: 769px) and (max-width: 1024px) {
        .hero-image .object-fit:before {
        /* Reduced height for mobile banner */
            padding-top: 50%;
            max-height: 400px;
        }
    }

    .hero-page.align-right .meta,
    .hero-page.align-left .meta {
        width: 100%;
        padding: var(--spacing-md) var(--spacing-sm);
        position: static;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
    }

    .hero-page.align-right .image,
    .hero-page.align-left .image {
        width: 100%;
    }

    .cardgroup {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-md) var(--spacing-sm);
    }

    .about-pre {
        padding-top: var(--spacing-lg);
    }

    .about-pre .container {
        flex-direction: column-reverse;
    }

    .about-pre .container>* {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .about-pre .container>*:not(:last-child) {
        margin-top: var(--spacing-md);
    }

    .related-service {
        grid-template-columns: 100%;
        grid-row-gap: var(--spacing-md);
    }

    .archive-single:not(:first-child) {
        padding-top: var(--spacing-md);
    }

    .archive-header>*:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .archive-footer {
        grid-template-columns: 100%;
        grid-gap: var(--spacing-sm) 0;
        padding-top: var(--spacing-sm);
    }

    .archive-footer>* {
        grid-row: auto !important;
        grid-column: auto !important;
    }

    .archive-footer>*:not(:last-child) {
        padding-bottom: var(--spacing-sm);
        border-bottom: 1px solid var(--color-theme-light);
    }

    .archive-footer .archive-share {
        justify-self: center;
    }

    .specialist-container .swiper-container,
    .specialist-container .swiper-slide {
        padding: 0 calc(var(--spacing-xs)/2);
    }

    .specialist-container .swiper-slide {
        width: calc(100%/2) !important;
    }

    .product-page .products .product:not(:last-child),
    .blog-page .blog-cardgroup .blog-card:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .product-page .products .product>a,
    .blog-page .blog-cardgroup .blog-card {
        flex-direction: column-reverse;
    }

    .product-page .product .image,
    .blog-page .blog-card .image {
        width: 100%;
    }

    .product-page .product .meta,
    .blog-page .blog-card .meta {
        width: 100%;
        padding-bottom: calc(50px + var(--spacing-sm)*2);
    }

    .related-treatment li {
        width: 50%;
        display: flex;
        align-items: center;
        text-align: left;
    }

    .related-treatment li>* {
        margin: 0 !important;
    }

    .related-treatment li>*:not(:last-child) {
        margin-right: var(--spacing-xs) !important;
    }

    .related-treatment li>.caption {
        flex: 1;
    }

    .related-cardgroup .swiper2021 {
        margin: 0 calc(var(--spacing-xs-minus)/2);
    }

    .related-cardgroup .swiper-slide {
        width: calc(100%/2.5) !important;
        padding: 0 calc(var(--spacing-xs)/2);
    }

    .innovation-pre .container {
        flex-direction: column;
    }

    .innovation-pre .container>*:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .innovation-pre .brand-icon,
    .innovation-pre .entry-content {
        width: 100%;
    }

    .service-card:hover .hover {
        background-color: var(--color-theme-light);
    }

    .service-card:hover .hover .entry-content {
        opacity: 1;
        visibility: visible;
    }

    .thumb-container .swiper-container,
    .thumb-container .swiper-slide {
        padding: 0 calc(var(--spacing-xs)/2);
    }

    .thumb-container .swiper-slide {
        width: calc(100%/2) !important;
    }

    .popup-style-iframe .modal-dismiss {
        padding-right: var(--spacing-sm);
    }

    .contact-address {
        width: 50%;
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }

    .contact-form .send-message {
        width: calc(50% - var(--spacing-sm));
        padding-top: var(--spacing-md);
    }

}

@media (max-width:767px) {

    .cardgroup {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .card .hover {
        background-color: transparent;
        opacity: 1;
        visibility: visible;
    }

    .card .hover .entry-content {
        opacity: 0;
        visibility: hidden;
    }

    .review-container .swiper-slide {
        width: 100% !important;
    }

    .review-container.type-grid {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .contact-location .tab-container {
        position: relative;
        margin: 0;
        width: 100%;
    }

    .contact-location .tabs {
        width: 100%;
        padding: 0 var(--spacing-lg);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact-location .tabs>* {
        flex: 1;
        min-width: 0;
    }

    .contact-address {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 calc(50% - 50vw) !important;
        padding: var(--spacing-md) var(--spacing-sm);
    }

    .contact-form {
        padding-top: 0;
    }

    .contact-form .container {
        flex-direction: column;
    }

    .contact-form .container>* {
        width: 100%;
        max-width: none;
    }

    .contact-form .container>*:not(:last-child) {
        margin-bottom: var(--spacing-lg);
    }

    .specialist-container .swiper-slide {
        width: 100% !important;
    }

    .specialist-group .filter-group {
        display: grid;
        grid-template-columns: repeat(3, calc(100%/3));
        grid-auto-rows: 1fr;
    }

    .specialist-group .filter-group .filter-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .specialist-group .filter-group .filter-list img {
        display: none !important;
    }

    .related-cardgroup .swiper2021 {
        margin: var(--spacing-xs-minus) 0;
    }

    .related-cardgroup .swiper-container,
    .related-cardgroup .swiper-slide {
        padding: 0 calc(var(--spacing-xs)/2);
    }

    .related-cardgroup .swiper-slide {
        width: 100% !important;
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }

    .appointment .form .field.half2 {
        width: 100%;
    }

    .appointment .form .field.for-download:not(:first-child) {
        margin-top: 20px;
    }

    .appointment .form .field .input-btn {
        width: 100%;
    }

    .appointment .form .cta {
        text-align: center;
    }

    .appointment .form .cta .ajax-loader {
        left: 50%;
        transform: translateX(-50%);
    }

    .account .col {
        width: 100%;
        padding: var(--spacing-md) var(--spacing-sm);
    }

    .account .col:first-child {
        padding-top: var(--spacing-lg);
    }

    .account .col:last-child {
        padding-bottom: var(--spacing-lg);
    }

    .thumb-container .swiper-slide {
        width: 100% !important;
    }

    .specialist-columns>*:not(:last-child) {
        margin-bottom: var(--spacing-lg);
    }

    .specialist-header {
        padding: var(--spacing-md) 0;
    }

    .specialist-header .specialist-columns>*:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .specialist-header .specialist-column.cover {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .specialist-body {
        padding-top: var(--spacing-sm);
    }

    .specialist-body .specialist-column.type-contact .entry-cta {
        flex-direction: column;
    }

    .specialist-body .specialist-column.type-contact .entry-cta>* {
        flex: auto;
    }

    .specialist-body .specialist-column.type-contact .entry-cta>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: var(--spacing-3xs);
    }

    .specialist-body .specialist-column:not(:first-child):not(.type-intro) {
        border-top: 1px solid var(--color-theme-light);
        padding-top: var(--spacing-lg);
    }

    .specialist-body .specialist-column.mobile-toggle>.entry-title {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .specialist-body .specialist-column.mobile-toggle>.entry-title:after {
        content: "+";
        display: block;
    }

    .specialist-body .specialist-column.mobile-toggle.active>.entry-title:after {
        content: "-";
        display: block;
    }

    .specialist-body .specialist-column.mobile-toggle>.entry-content2021 {
        display: none;
        padding-top: var(--spacing-xs);
    }

    .specialist-body .specialist-column.mobile-toggle:not(:last-child) {
        padding-bottom: var(--spacing-md);
        margin-bottom: 0;
    }

    .specialist-body .specialist-column.mobile-toggle:not(:first-child) {
        padding-top: var(--spacing-md);
    }

    .entry-specialist ul,
    .entry-affiliated ul {
        grid-template-columns: repeat(3, 1fr);
    }

}

/*min and max*/
@media (min-width:1280px) and (max-width:1366px) {

    .h-tools {
        grid-gap: var(--spacing-xs);
    }

    .h-tools .btn2021 {
        padding: 0 var(--spacing-2xs);
    }

}/* Reduced banner height for Service/Blog on mobile */
@media screen and (max-width: 768px) {
    .hero-image {
        max-height: 250px;
        overflow: hidden;
    }
    .hero-image .image.object-fit {
        max-height: 250px;
    }
    .hero-image .image.object-fit img {
        height: 250px;
        object-fit: cover;
    }
}
/* Banner spacing and rounded corners for mobile */
@media screen and (max-width: 768px) {
    .hero-image {
        margin: 0 15px;
        border-radius: 15px;
    }
    .hero-image .image.object-fit {
        border-radius: 15px;
    }
    .hero-image .image.object-fit img {
        border-radius: 15px;
    }
}
/* Fix mobile menu text visibility */
@media screen and (max-width: 1024px) {
    .h-menu .menu-dropdown ul>li>a span {
        color: var(--color-theme) !important;
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* Fix About Us menu text visibility */
@media screen and (max-width: 1024px) {
    .h-menu .menu-dropdown ul>li>a {
        color: var(--color-theme) !important;
    }
}
/* Reduce gap between Service Cards on mobile */
@media screen and (max-width: 768px) {
    .service-group .cardgroup {
        grid-gap: 10px 8px;
    }
    .service-card {
        margin-bottom: 0;
    }
    .service-card .titleblock {
        padding: 10px 12px;
    }
}
/* Reduce Service Card spacing and hide hover on mobile */
@media screen and (max-width: 768px) {
    .service-group.type-product .cardgroup,
    .service-group .cardgroup {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .service-card {
        margin: 0 !important;
    }
    .service-card .woocommerce-loop-product__link {
        margin: 0 !important;
    }
    /* Hide hover effect on mobile */
    .service-card .hover {
        display: none !important;
    }
    .service-card:hover .hover,
    .service-card:active .hover {
        display: none !important;
        opacity: 0 !important;
    }
}