@media only screen and (max-width: 1600px) {
    .growth_business_block {
        background-size: contain, contain;
    }
}

@media only screen and (max-width: 1400px) {
    :root {
        --site-container-width: 1130px;
    }

    .custom_container {
        max-width: 1280px;
    }

    .search_block {
        max-width: 1030px;
        margin-top: 40px;
    }

    .site_header .header_container {
        padding: 0 25px;
    }

    .home_banner {
        min-height: auto;
    }

    .testimonial_slider .txt_layer {
        padding: 4rem 0 3.125rem;
    }

    .growth_business_block {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    .download_app_screens {
        max-width: 40%;
    }

    .download_app_block .inner_container {
        padding: 3rem 3rem 0 3rem;
    }

}

@media only screen and (max-width: 1199px) {
    .growth_business_block {
        background-size: 55%, contain;
        background-position: bottom var(--inline-end) -15%, bottom var(--inline-start);
    }

    .growth_business_content {
        max-width: 45%;
    }

    .growth_business_content h4,
    .download_app_content h4 {
        font-size: 3rem;
    }


    footer .inner_container {
        justify-content: space-between;
    }

    .footer_social {
        padding-inline-end: 2rem;
        margin-inline-end: 0;
    }

    .inner-header .inner-search {
        flex: 1;
    }

    .asb__others--login {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 0.5rem;
        justify-content: center;
        margin-top: 2rem;
    }

    .asb__others--login>a,
    .asb__others--login>button {
        grid-template-columns: 3em;
        aspect-ratio: 1/1;
        padding: 0.25em;
        justify-items: center;
    }

    .asb__others--login .logindivi {
        grid-column: 1/-1;
        margin-bottom: 0;
    }

    .asb__others--login .logindivi span::after {
        content: ' LOGIN WITH';
    }

    .asb__others--login .hide-txt {
        display: none;
    }

    /* DASHBOARD */
    .salon-appointments_grid>* {
        padding: 2rem;
    }

    .dashboard__grid {
        --dashboard-grid-gap: 1rem;
    }

    .hide-tabL {
        display: none !important;
    }
}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (min-width: 992px) {
    .show-tabP {
        display: none !important;
    }

    .team-shift-tbl tr.collapse {
        display: table-row !important;
    }
}

@media only screen and (max-width: 991px) {
    .offcanvas.offcanvas-end {
        min-width: 100%;
        border-left: none;
    }

    .hide-tabP.hide-tabP.hide-tabP {
        display: none !important;
    }

    .ts-tour-div {
        visibility: hidden;
        pointer-events: none;
    }

    footer {
        padding-top: 3rem;
    }

    footer .inner_container {
        justify-content: space-between;
        grid-auto-flow: row;
        grid-template-columns: auto auto auto;
        gap: 3rem 2rem;
        margin-bottom: 3rem;
    }

    footer .download_app_links {
        grid-auto-flow: column;
    }

    .footer_social {
        grid-row: 2;
    }

    .footer_app-download {
        grid-column: span 2;
    }

    .search_block {
        flex-wrap: wrap;
        padding: 1rem;
        gap: 1rem;
    }

    .search_block .field {
        padding: 1em 1.25em;
        border-radius: inherit;
    }

    .search_block .field:not(:last-child) {
        border: 1px solid rgb(218, 218, 218);
    }

    .search_block .field:first-child,
    .search_block .field:nth-child(2) {
        flex: 0 0 100%;
    }

    .search_block .field:nth-child(3),
    .search_block .field:nth-child(4) {
        flex: 1;
        overflow: hidden;
    }

    .search_block .field:last-child {
        flex: 0 0 100%;
        padding: 0;
    }

    .search_block .field:last-child .search_btn {
        padding: 1em 1.5em;
        border-radius: 0.5em;
    }

    .search_block {
        border-radius: 0.5rem;
    }

    .search_block .field span.bg {
        display: none;
    }

    .search_block .field:focus-within {
        background: #fff;
    }

    .search_block .field:last-child .search_btn {
        width: 100%;
    }

    .search_block .field:not(:nth-child(4)):not(:last-child):after {
        display: none;
    }

    /* --------------------------- */

    .home_banner {
        padding-top: 100px;
    }

    .home_banner .bg_layer {
        height: 60%;
    }

    /* --------------------------- */


    .download_app_block .inner_container {
        padding: 2rem 2rem 0 2rem;
    }

    .download_app_content {
        max-width: 50%;
    }

    .download_app_content p {
        margin-bottom: 1em;
    }

    .download_app_screens {
        max-width: 45%;
    }

    /* --------------------------- */

    .inner-header .inner-search {
        position: fixed;
        top: 0;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        z-index: 11;
        background-color: #12121294;
        flex-direction: column;
        justify-content: flex-end;
        display: none;
    }

    .inner-header .inner-search .inner-search-container {
        background-color: #fff;
        transform: translateY(30%);
        opacity: 0;
    }

    .inner-header .inner-search.showing-mobile-search {
        display: flex;
    }

    .inner-header .inner-search.showing-mobile-search .inner-search-container {
        animation: animBtmToTop 0.5s ease forwards;
    }


    /* --------------------------- */

    .salon-listing-grid {
        grid-template-columns: 1fr;
    }

    .salon-location {
        display: none;
    }

    .inner-header .page-container {
        padding: 2rem 15px;
    }

    .salon-listing>* {
        padding: 2rem 15px;
    }

    /* ------------------------------------------------- */

    .shop-basic-info h1 {
        font-size: 2.5rem;
    }

    .shop-grp-info_booknow h2 {
        font-size: 2rem;
    }

    .shop-images-grid .btn-rounded {
        grid-column: 1 / -1;
        margin: 1rem;
    }


    .team-card {
        margin-top: 0;
    }

    .team-card>p {
        font-size: 1rem;
    }

    .team-card>figure {
        margin-top: 0;
    }

    .salon-card__serviceRow.cell-3 {
        padding: 1rem;
    }

    .salon-service-price-box .salon-imgs-grid {
        display: none;
    }

    .salon-book-step-grid,
    .shop-grp-info-grid {
        gap: 2rem;
        min-height: 90svh;
        padding-bottom: 0;
        grid-template-columns: 1fr;
    }

    .salon-book-step-grid .salon-service-price-box,
    .salong-hub__shop-details .shop-grp-info_booknow {
        border: none;
        padding: 15px;
        margin-inline-start: -15px;
        margin-inline-end: -15px;
        top: auto;
        bottom: 0;
        border-radius: 0;
        box-shadow: 0 -10px 10px 0 #e7e7e745;
        border-top: 1px solid #efefef;
        margin-top: auto;
    }

    .salong-hub__shop-details .shop-grp-info_booknow [data-bs-target="#modal--bookNow"] {
        margin-top: 0;
    }

    .salong-hub__shop-details .shop-grp-info_booknow>*:not([data-bs-target="#modal--bookNow"]) {
        display: none;
    }

    .salon-service-price-box {
        grid-column: auto;
    }

    .salon-service-price-box>h2 a {
        font-weight: 700;
        font-size: 2rem;
    }

    .salon-service-price-box:not(.showing-details),
    .salon-hub__giftcard-sticky:not(.showing-details) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 2rem;
    }

    .salon-service-price-box:not(.showing-details)>*:not(.salon-card__addedServicesTotal):not(#continue-with-selected-services):not(#continue-with-selected-team):not(#continue-with-selected-time):not(#submit-button),
    .salon-hub__giftcard-sticky:not(.showing-details)>*:not(.salon-hub__giftcard--totalamount):not(#gift-card-continue-btn) {
        display: none !important;
    }

    .salon-service-price-box .btn-rounded,
    .shop-grp-info_booknow .btn-rounded,
    .salon-hub__giftcard-sticky:not(.showing-details) .btn-rounded {
        margin-top: 0;
        font-size: 1.15rem;
        padding: 0.5em 1.15em;
    }

    .salon-service-price-box .btn-rounded,
    .salon-hub__giftcard-sticky:not(.showing-details) .btn-rounded {
        width: auto;
    }

    .salon-service-price-box:not(.showing-details) .salon-card__addedServicesTotal,
    .salon-hub__giftcard-sticky:not(.showing-details) .salon-hub__giftcard--totalamount {
        margin: 0 !important;
        gap: 0.5em !important;
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

    .salon-card__addedServicesTotal p:nth-of-type(1),
    .salon-hub__giftcard-sticky:not(.showing-details) .salon-hub__giftcard--totalamount p:nth-of-type(1) {
        opacity: 0.8;
    }

    .salon-card__addedServicesTotal p.total_cart_value,
    .salon-hub__giftcard-sticky:not(.showing-details) .salon-hub__giftcard--totalamount p:nth-of-type(2) {
        font-weight: 600;
    }

    .salon-book-step-grid .salon-service-price-box.showing-details,
    .salon-hub__giftcard-sticky.showing-details {
        flex-direction: column;
        position: fixed;
        top: 0;
        inset-inline-end: 0;
        bottom: 0;
        inset-inline-start: 0;
        overflow: auto;
        padding-block-start: 35px;  /* top */
        padding-block-end: 15px;    /* bottom */
        padding-inline: 15px;       /* left & right */
        margin: 0;
        z-index: 11;
    }

    .salon-book-step-grid .salon-service-price-box.showing-details .btn-rounded {
        margin-top: 15px;
    }

    .salon-book-step-grid .salon-service-price-box.showing-details .btn--viewBookingDetails,
    .salon-hub__giftcard-sticky.showing-details .btn--viewGiftDetails {
        font-size: 0 !important;
        position: absolute;
        top: 13px;
        inset-inline-end: 15px;
        width: 2rem !important;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyOSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC45Mzc1IDIuODEyNUMxNy4zNDggMi44MTI1IDE5LjcwNDMgMy41MjcyOCAyMS43MDg1IDQuODY2NDZDMjMuNzEyNyA2LjIwNTY0IDI1LjI3NDggOC4xMDkwNyAyNi4xOTczIDEwLjMzNkMyNy4xMTk3IDEyLjU2MyAyNy4zNjExIDE1LjAxMzUgMjYuODkwOCAxNy4zNzc3QzI2LjQyMDYgMTkuNzQxOCAyNS4yNTk4IDIxLjkxMzQgMjMuNTU1NCAyMy42MTc5QzIxLjg1MDkgMjUuMzIyMyAxOS42NzkzIDI2LjQ4MzEgMTcuMzE1MiAyNi45NTMzQzE0Ljk1MSAyNy40MjM2IDEyLjUwMDUgMjcuMTgyMiAxMC4yNzM2IDI2LjI1OThDOC4wNDY1OCAyNS4zMzczIDYuMTQzMTUgMjMuNzc1MiA0LjgwMzk3IDIxLjc3MUMzLjQ2NDc5IDE5Ljc2NjggMi43NTAwMSAxNy40MTA1IDIuNzUwMDEgMTVDMi43NTE1IDExLjc2ODEgNC4wMzYwMSA4LjY2OTA2IDYuMzIxMjkgNi4zODM3OEM4LjYwNjU2IDQuMDk4NTEgMTEuNzA1NiAyLjgxMzk5IDE0LjkzNzUgMi44MTI1Wk0xNC45Mzc1IDAuOTM3NUMxMi4xNTYyIDAuOTM3NSA5LjQzNzM3IDEuNzYyMjUgNy4xMjQ4IDMuMzA3NDZDNC44MTIyMyA0Ljg1MjY3IDMuMDA5ODEgNy4wNDg5MyAxLjk0NTQ1IDkuNjE4NTFDMC44ODEwOTMgMTIuMTg4MSAwLjYwMjYwOSAxNS4wMTU2IDEuMTQ1MjEgMTcuNzQzNUMxLjY4NzgyIDIwLjQ3MTMgMy4wMjcxNCAyMi45NzcgNC45OTM4MiAyNC45NDM3QzYuOTYwNDkgMjYuOTEwNCA5LjQ2NjE5IDI4LjI0OTcgMTIuMTk0IDI4Ljc5MjNDMTQuOTIxOSAyOS4zMzQ5IDE3Ljc0OTQgMjkuMDU2NCAyMC4zMTkgMjcuOTkyMUMyMi44ODg2IDI2LjkyNzcgMjUuMDg0OCAyNS4xMjUzIDI2LjYzIDIyLjgxMjdDMjguMTc1MyAyMC41MDAxIDI5IDE3Ljc4MTMgMjkgMTVDMjguOTk4MyAxMS4yNzA5IDI3LjUxNjEgNy42OTUwOSAyNC44NzkzIDUuMDU4MjNDMjIuMjQyNCAyLjQyMTM4IDE4LjY2NjYgMC45MzkyMzkgMTQuOTM3NSAwLjkzNzVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYxMTggMTVMOS41ODcxNCAxOS4wMjQ2QzkuNDE2MzcgMTkuMjAxNSA5LjMyMTg3IDE5LjQzODMgOS4zMjQwMSAxOS42ODQxQzkuMzI2MTUgMTkuOTI5OSA5LjQyNDc0IDIwLjE2NSA5LjU5ODU2IDIwLjMzODhDOS43NzIzOCAyMC41MTI3IDEwLjAwNzUgMjAuNjExMyAxMC4yNTMzIDIwLjYxMzRDMTAuNDk5MSAyMC42MTU1IDEwLjczNiAyMC41MjEgMTAuOTEyOCAyMC4zNTAzTDE0LjkzNzUgMTYuMzI1NkwxOC45NjIxIDIwLjM1MDNDMTkuMDQ4NiAyMC40Mzk4IDE5LjE1MjEgMjAuNTExMiAxOS4yNjY1IDIwLjU2MDRDMTkuMzgwOCAyMC42MDk1IDE5LjUwMzggMjAuNjM1NCAxOS42MjgzIDIwLjYzNjRDMTkuNzUyOCAyMC42Mzc1IDE5Ljg3NjMgMjAuNjEzOCAxOS45OTE1IDIwLjU2NjdDMjAuMTA2NyAyMC41MTk1IDIwLjIxMTQgMjAuNDQ5OSAyMC4yOTk0IDIwLjM2MTlDMjAuMzg3NCAyMC4yNzM5IDIwLjQ1NyAyMC4xNjkyIDIwLjUwNDIgMjAuMDU0QzIwLjU1MTMgMTkuOTM4OCAyMC41NzUgMTkuODE1MyAyMC41NzM5IDE5LjY5MDhDMjAuNTcyOSAxOS41NjYzIDIwLjU0NyAxOS40NDMzIDIwLjQ5NzkgMTkuMzI5QzIwLjQ0ODcgMTkuMjE0NiAyMC4zNzczIDE5LjExMTEgMjAuMjg3OCAxOS4wMjQ2TDE2LjI2MzEgMTVMMjAuMjg3OCAxMC45NzUzQzIwLjQ1ODUgMTAuNzk4NSAyMC41NTMgMTAuNTYxNiAyMC41NTA5IDEwLjMxNThDMjAuNTQ4OCAxMC4wNyAyMC40NTAyIDkuODM0ODggMjAuMjc2MyA5LjY2MTA2QzIwLjEwMjUgOS40ODcyNCAxOS44Njc0IDkuMzg4NjUgMTkuNjIxNiA5LjM4NjUxQzE5LjM3NTggOS4zODQzNyAxOS4xMzkgOS40Nzg4NyAxOC45NjIxIDkuNjQ5NjRMMTQuOTM3NSAxMy42NzQzTDEwLjkxMjggOS42NDk2NEMxMC43MzYgOS40Nzg4NyAxMC40OTkxIDkuMzg0MzcgMTAuMjUzMyA5LjM4NjUxQzEwLjAwNzUgOS4zODg2NSA5Ljc3MjM4IDkuNDg3MjQgOS41OTg1NiA5LjY2MTA2QzkuNDI0NzQgOS44MzQ4OCA5LjMyNjE1IDEwLjA3IDkuMzI0MDEgMTAuMzE1OEM5LjMyMTg3IDEwLjU2MTYgOS40MTYzNyAxMC43OTg1IDkuNTg3MTQgMTAuOTc1M0wxMy42MTE4IDE1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
    }

    /* GIFTCARD */
    .salon-hub__giftcard {
        padding-top: 1rem;
        padding-bottom: 0;
    }

    .salon-hub__giftcard-grid {
        grid-template-columns: 1fr;
        min-height: 90vh;
    }

    .salon-hub__giftcard-sticky {
        border: none;
        padding: 15px;
        margin-inline-start: -15px;
        margin-inline-end: -15px;
        top: auto;
        bottom: 0;
        border-radius: 0;
        box-shadow: 0 -10px 10px 0 #e7e7e745;
        border-top: 1px solid #efefef;
        margin-top: auto;
    }


    /* --------------------------- */

    .asb__login .main-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: end;
    }

    .asb__login--hero {
        display: none;
    }

    .asb__login--content {
        padding: 2rem;
    }

    /* --------------------------- */

    .grid-col-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* --------------------------- */
    /* DASHBOARDS */
    .user-dash-left-container {
        display: none !important;
    }

    .salon-appointments_grid>* {
        padding: 1rem 0;
    }

    .dash-right-container {
        padding: 15px 15px 30px;
    }

    .salon-appointments_grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .salon-appo-box {
        grid-template-columns: 0.3fr 1fr;
    }

    .salon-appo-box--content {
        padding: 1rem 1.5rem;
    }

    .salon-appointments-details {
        position: fixed;
        top: 70px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        bottom: 0;
        max-height: none;
        padding: 15px 15px 120px;
        z-index: 11;
        display: none;
    }

    .salon-appointments-details.showing-appDtls {
        display: block;
    }


    /* SERVICE PROVIDER */
    .backend-user-dropdown .btn-rounded {
        padding: 0.25em 0.45em 0.25em 0.25em;
    }

    .backend-dashboard-header .dash-logo {
        width: 20rem;
    }

    .backend-dashboard-header .page-container {
        padding: 1rem;
    }

    .backend-dash-left-container {
        position: fixed;
        width: 25rem;
        top: 4.75rem;
        bottom: 0;
        inset-inline-start: 0;
        z-index: 11;
        border-inline-end: none;
        overflow: auto;
        background-color: #1C1C1C;
        box-shadow: 0 14rem 100vw #21212152;
        display: none;
    }

    .backend-dash-left-container .dash-main-nav {
        width: 100%;
    }

    .backend-dash-left-container.showing-sidebar {
        display: block;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li>a {
        font-size: 1.25rem;
        padding: 1em 0;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li+li {
        border-top: 1px solid #282828;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li>a>.icon {
        padding: 0;
        width: auto;
        height: auto;
    }

    .backend-dash-left-container .sub-nav-area {
        width: 20rem;
        position: fixed;
        top: 4.75rem;
        bottom: 0;
        inset-inline-start: 25rem;
        overflow: auto;
        padding: 1.25rem 1rem;
        background-color: #fff;
        opacity: 0;
        box-shadow: 0 14rem 100vw #d908652e;
        transition: 500ms;
    }

    .backend-dash-left-container .sub-nav-list li a {
        font-size: 1.15rem;
    }


    .dashboard__card {
        padding: 1rem;
    }

    .dashboard__card--header h6 {
        font-size: 1.5rem;
    }

    .dashboard__card--body-empty h5 {
        font-size: 1.25rem;
    }

    .dashboard__card-child-padding>* {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

    .team-shift-tbl {
        background: #fafafa;
    }

    .team-shift-tbl,
    .team-shift-tbl tbody {
        display: block;
    }


    .team-shift-tbl tr:not(.collapse-btn-container) td {
        padding: 1em !important;

    }

    .team-shift-tbl tr:not(.collapse-btn-container) td:not(:last-child) {
        border-bottom: 1px solid #dddddd !important;
    }

    .team-shift-tbl tr.collapse-btn-container {
        margin-bottom: -1px;
        padding: 1rem;
    }

    .team-shift-tbl tr {
        display: block;
        background-color: #fff;
        border-radius: 0.5rem;
        border-width: 1px !important;
        border-style: solid;
        border-color: #ddd;
        overflow: hidden;
    }

    .team-shift-tbl tr.collapse {
        display: none;
    }

    .team-shift-tbl tr.collapse.show {
        display: block;

    }

    .team-shift-tbl td {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 1rem;
        border: none !important;
    }

    .salon-gift-purchased .grid-col-3 {
        --grid-col: 2;
        --giftcard-padding: 1.25rem;
    }

    /* ------------------------------------------- */

    .checkout-sidebar-start,
    #v-clientDetails-tabContent {
        position: fixed;
        inset: 0;
        overflow: auto;
        z-index: 1111;
    }

    .checkout-sidebar-start:not(.hide-tabP),
    #v-clientDetails-tabContent:not(.hide-tabP) {
        transform: translateX(100%);
        animation: offcanvasAnim 0.3s ease-in-out 0.2s forwards;
    }

    .tabs-card-lists .list-card{
        width: calc((100% - 48px) / 3);
    }
}

@keyframes offcanvasAnim {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    .backend-dash-left-container .has-submenu>a {
        pointer-events: none;
    }

    .backend-dash-left-container .has-submenu:hover .sub-nav-area {
        opacity: 1;
        z-index: 1;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li.has-submenu:hover>a,
    .backend-dash-left-container .dash-main-nav .main-nav-list>li.active>a {
        color: #fff;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li.has-submenu:hover .icon,
    .backend-dash-left-container .dash-main-nav .main-nav-list>li.active .icon {
        background-color: #D90865;
        flex: 0 0 3rem;
        width: 3rem;
        height: 3rem;
        padding: 0.5em;
        margin: 0 0.5em 0 0.25em;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li.has-submenu:hover .icon img,
    .backend-dash-left-container .dash-main-nav .main-nav-list>li.has-submenu.active .icon img {
        filter: brightness(0) invert(1);
    }

}

@media only screen and (max-width: 881px) {}


@media(min-width: 768px) {
    .show-mob {
        display: none !important;
    }    
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 0.85rem;
    }

    hr.X2 {
        margin: 1rem 0;
    }

    .btn-expand {
        padding: 0.5em 1em;
    }

    .bg-none-mobP {
        background: transparent !important;
    }

    .border-none-mobL {
        border: none !important;
    }

    .hide-mob {
        display: none !important;
    }

    .btn-rounded-full:not(.report-link) {
        padding: 1.25rem;
    }

    .flex-full-mobL {
        flex: 0 0 100% !important;
    }

    .flex-half-mobL {
        flex: 0.5 !important;
    }

    .flex-column-mobP {
        flex-direction: column !important;
    }

    .flex-nogap-mobP {
        gap: 0 !important;
    }

    .margin-offset-mobP {
        margin-inline-start: -15px !important;
        margin-inline-end: -15px !important;
    }

    .bg-none-mobL {
        background-color: transparent !important;
    }


    .form-select {
        padding-inline-end: 2rem;
    }

    /* --------------------------- */

    .site_header {
        padding: 1.5rem 0;
    }


    .site_header .header_container {
        padding: 0 15px;
    }

    .dashboard-header .page-container {
        padding: 15px;
    }


    .dashboard-header .dash-logo {
        flex: 0.85;
    }

    /* --------------------------- */

    .home_banner .txt_layer h2 {
        font-size: 2rem;
        margin-top: 1em;
        text-wrap: balance;
    }

    .home_banner .txt_layer p {
        font-size: 1.25rem;
        font-weight: 300;
        text-wrap: balance;
    }

    /* .home_banner .txt_layer {
        padding-top: 6.5rem;
    } */

    /* --------------------------- */

    .search_block {
        margin-top: 2rem;
    }

    /* --------------------------- */

    .sliders_block .owl-carousel {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

    .sliders_block .owl-carousel .owl-nav {
        display: none;
    }

    .sliders_block .slider_block_item {
        margin-bottom: 3rem;
    }

    .sliders_block .owl_slider {
        margin-top: 1.5rem;
    }

    .sliders_block h3.title,
    .testimonial_slider .txt_layer h3,
    .shop-grp-info .service-heading,
    .book-now-grp h5 {
        font-size: 1.5rem;
    }

    /* --------------------------- */

    .download_app_content p,
    .growth_business_content p,
    .testimonial_slider .txt_layer .rev_item .top_part p {
        font-size: 1.15rem;
    }

    .testimonial_slider .txt_layer .rev_item {
        padding: 1.5rem;
        gap: 1rem;
    }

    .testimonial_slider .txt_layer .rev_item .review_stars li {
        width: 1.25rem;
    }

    .testimonial_slider .owl-carousel .owl-nav button.owl-next,
    .testimonial_slider .owl-carousel .owl-nav button.owl-prev {
        width: 2.5rem;
        height: 2.5rem;
    }

    .testimonial_slider .owl-carousel .owl-nav {
        top: -3.75rem;
    }

    .testimonial_slider .txt_layer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    /* --------------------------- */

    .growth_software_block {
        padding: 0;
        display: none;
    }

    .growth_software_block h5,
    .growth_software_grid h6 {
        font-size: 1.65rem;
    }

    .growth_software_block p {
        font-size: 1.25rem;
    }

    .growth_software_grid {
        gap: 0.5em;
    }

    .growth_software_grid p {
        font-size: 1rem;
    }

    .growth_software_grid>div {
        padding: 1.25rem;
    }

    .growth_business_content h4,
    .download_app_content h4 {
        font-size: 2.5rem;
    }

    .growth_business_content .solid_cta {
        font-size: 1rem;
    }

    .download_app_screens {
        display: none;
    }

    .download_app_content {
        max-width: none;
    }

    .download_app_block .inner_container {
        padding: 1.5rem;
    }

    /* ------------------------------------------------- */

    .team-card>figure {
        width: 4.25rem;
        height: 4.25rem;
    }

    /* ------------------------------------------------- */

    .review-card .rating_block {
        font-size: 0.85rem;
    }

    .salong-hub__shop-details {
        padding: 1rem 0 2rem 0;
    }

    .shop-grp-info>*+* {
        margin-top: 1rem;
    }

    .shop-grp_reviewGrid {
        --reviewGridGap: 1rem;
    }

    .shop-grp-infos>*+* {
        margin-top: 2.5rem;
    }

    .shop-grp_about #map {
        height: 200px !important;
    }

    .salon-card__content h6 {
        --salong-heading: 1.5rem;
        font-weight: 600;
    }

    .salon-card__serviceRow.addBtn .bookNowChkbox .bg-outer {
        display: none;
    }

    .heading-semiBold,
    .modal--style .modal-titleBold {
        font-size: 2rem;
    }

    .shop-basic-info h1 {
        font-size: 2rem;
    }

    .calendar-carousel--date-container .day span {
        font-size: 1rem;
    }

    .salon-payment-card-details {
        padding: 1rem;
    }


    .shop-grp_teamGrid {
        --teamGridCol: 3;
    }

    /* ------------------------------------------------- */

    .asb__loginas {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .asb__login--options {
        gap: 1rem;
    }

    .asb__login--option article {
        padding: 1.5rem;
    }

    .asb__login--option h6 {
        font-size: 1.5rem;
    }

    .asb__login--option article {
        width: 95%;
    }

    .asb__login--option figure {
        margin-bottom: 6rem;
    }

    .asb__login--footer {
        display: none;
    }

    .salon-hub__giftcard-amount-radio-box .rdio-content {
        font-size: 1rem;
    }

    /* DASHBOARD */
    .modal--style .modal-title,
    .dashboard__card--header h6 {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .subheading-normal,
    .modal--style .modal-subtitle {
        font-size: 1.05rem;
    }

    .dashboard__card--header p {
        font-size: 1rem;
    }

    .dashboard__grid {
        grid-template-columns: 1fr;
    }

    .photo-upload-area figure,
    .rounded_avatar_block figure img {
        width: 5rem;
        height: 5rem;
    }

    .salon-appo--pointer {
        gap: 1rem;
    }

    .salon-appo--pointer>figure {
        --fig-size: 2.5rem;
    }

    .salon-appo--pointer h6 {
        font-size: 1rem;
    }

    .salon-appo--pointer p {
        font-size: 0.85rem;
    }

    .salon-appo--infoBox {
        padding: 1rem;
    }

    .salon-appo-box--content,
    .salon-appointments-details .salon-appo--fig .fig-content {
        padding: 1rem;
    }

    .salon-appointments-details .salon-appo--fig h5 {
        font-size: 1.5rem;
    }

    .salon-appointments-details .salon-appo--fig span {
        font-size: 0.9rem;
    }

    .tag-capsule {
        font-size: 1rem;
    }

    /* DASHBOARD */
    .dash-main-nav .main-nav-list>li>a {
        font-size: 1.15rem;
        padding: 0.85em 0;
    }

    .dashboard__card--body-empty {
        padding: 3rem 0;
    }

    .notification-dropdown.dropdown-menu {
        position: fixed !important;
        top: 4.5rem !important;
        inset-inline-start: 0 !important;
        transform: none !important;
        bottom: 0 !important;
        max-height: none;
    }

    .notification-panel {
        background: #F9F9F9;
        overflow: auto;
        display: block;
        box-shadow: inset 0 10rem 0 0 rgb(255, 255, 255);
    }

    .notification-panel::before {
        display: inline-block;
        content: 'Notifications';
        font-size: 1.5rem;
        font-weight: 600;
        color: #1c1c1c;
        padding: 0.5em 0.75em;
    }

    .notification-panel-grid {
        grid-template-columns: 1fr;
        height: auto;
        box-shadow: none;
    }

    .notification-panel-grid .nav {
        background: #ffffff;
        border-bottom: 1px solid rgba(216, 216, 216, 1);
        padding: 5px 15px 10px 15px;
        margin-inline-end: 0 !important;
        flex-direction: row !important;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        position: sticky;
        top: 0;
        inset-inline-start: 0;
        z-index: 111;
    }

    .notification-panel-grid .nav button {
        width: auto;
    }

    .notification-panel-grid>div {
        padding: 15px;
    }

    .btn--sidebarPanelClose {
        margin-top: 0;
        box-shadow: none;
        border: none;
        text-align: center;
        background-color: transparent;
        float: right;
        width: 4rem;
        height: 3.9rem;
    }

    .btn--sidebarPanelClose img {
        width: 0.85rem;
    }

    .tab-content--header h6 {
        font-size: 1.35rem;
        line-height: 1.5;
    }

    .fixed-width-mob {
        width: var(--tbl-fixed-width, 1000px);
    }

    .form-search,
    .form-fluid-on-mob {
        width: 100%;
    }

    .dashboard__card-inner-padding .dashboard__card--header {
        padding: 1rem;
    }


    .backend-dash-left-container .dash-main-nav:before {
        display: none;
    }

    .backend-dash-left-container .dash-main-nav {
        background-color: #fff;
        padding: 0;
        border: 1px solid #f1f1f1;
        border-radius: 0.5rem;
    }

    .backend-dash-left-container {
        width: 100%;
        top: 5rem;
        background-color: #e9e9e9;
        padding: 15px;
    }

    .backend-dash-left-container .sub-nav-area {
        top: 5rem;
        inset-inline-start: 0;
        width: 100%;
        inset-inline-end: 0;
        z-index: 1111;
        opacity: 1;
        display: none;
    }

    .backend-dash-left-container .sub-nav-area.showing-submenu {
        display: block;
    }

    .backend-dash-left-container .sub-nav-grp:nth-child(1) h3 {
        background-image: url(./../img/icons/ico-close.svg);
        background-repeat: no-repeat;
        background-position: center var(--inline-end) 5px;
        background-size: 0.75em;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li+li {
        border-top: 1px solid #ededed;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li>a {
        font-size: 1.15rem;
        color: #151515;
        padding: 1em;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li>a>.icon {
        flex: 0 0 1.45em;
        width: 1.45em;
        height: auto;
        margin-inline-end: 1em;
    }

    .backend-dash-left-container .dash-main-nav .main-nav-list>li>a>.icon img {
        filter: brightness(1) invert(1);
    }


    .catelog--grid {
        grid-template-columns: 1fr;
    }

    .catelog--grid-menu {
        padding: 0;
        border: none;
        background-color: transparent;
        border-radius: 0;
        position: relative;
    }

    .catelog--grid-menu .btn--addCatelog {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        margin-top: 0;
    }

    .catelog--grid-menu .dashboard__card--header {
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .catelog--grid-menu .dashboard__card--body {
        display: grid;
        justify-items: start;
        padding-top: 0;
    }

    .catelog--grid-menu .sub-nav-list {
        max-width: 100%;
        display: flex;
        white-space: nowrap;
        gap: 1em;
        overflow: auto;
        padding: 0.5rem 0
    }

    .catelog--grid-menu .sub-nav-list li:not(:first-child) {
        margin-top: 0;
    }

    .catelog--grid-menu .sub-nav-list li a {
        gap: 0.5em;
        border: 1px solid rgb(221 221 221);
    }

    .catelog--grid-menu .sub-nav-list li a:hover,
    .catelog--grid-menu .sub-nav-list li.active a {
        border-color: #ffddec;
    }

    .catelog--row {
        padding: 1rem;
        grid-template-columns: 1fr auto;
        gap: 0.5rem;
    }

    .catelog--row>p {
        grid-row: 2;
        grid-column: 1;
    }

    .catelog--grp h6 {
        font-size: 1.25rem;
    }

    .modal--style {
        --bs-modal-header-padding: 1rem 1rem 0.5rem 1rem;
        --bs-modal-padding: 1rem;
    }


    .name-initial {
        font-size: 0.95rem;
        flex: 0 0 2.55em;
        width: 2.55em;
        height: 2.55em;
        font-weight: 600;
    }

    .dashboard__card-inner-padding .table.service-tbl-style th,
    .dashboard__card-inner-padding .table.service-tbl-style td {
        padding: 1em;
    }

    .general-info-tbl {
        padding: 1.25rem;
    }

    .general-info-tbl,
    .general-info-tbl th,
    .general-info-tbl td {
        display: block;
        color: inherit;
    }

    .general-info-tbl tr {
        display: flex;
    }

    .general-info-tbl th,
    .general-info-tbl td {
        padding: 0 0 0.5em 0 !important;
        background: none !important;
        border: none !important;
    }

    .cell-heading {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.25;
    }

    .general-info-tbl th {
        font-weight: 500;
        margin-inline-end: 0.5em;
        opacity: 0.85;
    }

    .general-info-tbl th::after {
        content: '-';
    }

    .report-link {
        background-size: 2rem;
        padding: 0.85rem 1rem 0.85rem 4.5rem;
    }

    .review-block_wrap .owl-dots {
        margin-top: 0px;
    }

    .review-block_wrap,
    .growth_business_block{
        padding-top: 50px;
    }

    #modal--editProfile .modal-dialog .modal-body{
        max-height: 60vh;
        overflow-y: auto;
    }


    #modal--editService .modal-dialog .modal-body{
        overflow: auto;
        max-height: 80vh;
        padding-bottom: 70px;
    }

    .tab-content>.active{
        padding-bottom: 40px;
    }   

    .tabs-card-lists .list-card{
        width: calc((100% - 24px) / 2);
    }

    .automations-wrap{
        padding-bottom: 60px;
    }

    .deals-lists-wrap{
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 640px) {
    .footer_app-download {
        grid-column: 1/-1;
        grid-row: 3;
    }

    .footer_social {
        border-inline-end: none;
        grid-column: 1/-1;
    }
}

@media only screen and (max-width: 575px) {
    .w-100-mob{
        width: 100%;
        flex: 0 0 100%;
    }
    .grid-col-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .salon__favourites_card .service_info {
        padding: 1rem;
    }

    .home_banner .bg_layer {
        height: 35%;
    }

    .home_banner .txt_layer h1 {
        font-size: 1.5rem;
    }

    .home_banner .counter_block {
        margin-top: 2.5rem;
        gap: 0.5rem;
        justify-content: space-around
    }

    .home_banner .counter_block .c_item {
        padding: 0;
    }

    .home_banner .counter_block .c_item .inner img {
        position: absolute;
        inset-inline-start: 0;
        margin-top: 0;
        width: 1.5em;
        top: 0.35em;
    }

    .home_banner .counter_block .c_item .inner .txt_block p.txt{
        margin-block-start: 0.5em;
    }

    .home_banner .counter_block .c_item .inner .txt_block p.title {
        padding-inline-start: 1.5em;
    }
    .home_banner .counter_block .c_item .inner .txt_block p.txt{
        font-size: 16px;
    }

    .home_banner .counter_block .c_item:not(:last-child)::after {
        display: none;
    }

    /* --------------------------- */

    .sliders_block .service_info .review {
        align-items: start;
        position: relative;
    }

    .sliders_block .service_info .review img {
        position: absolute;
        inset-inline-start: 0;
        top: 0;
    }

    .sliders_block .service_info .review p {
        padding-inline-start: 1.25rem;
    }


    .sliders_block .service_info .review p span {
        display: block;
        margin-inline-start: -1.25rem;
    }

    /* --------------------------- */

    .growth_software_grid p {
        max-width: 12ch;
        margin-inline-start: auto;
        margin-inline-end: auto;
        opacity: 0.85
    }

    .growth_software_grid>div {
        padding: 0;
        border: none;
    }

    .growth_business_block {
        padding-bottom: 70vw;
        padding-top: 2rem;
        background-size: 95vw, cover;
        background-position: bottom right, center;
    }

    .growth_business_content {
        width: 100%;
        max-width: none;
    }

    .growth_business_content h4 {
        font-size: 2rem;
        text-wrap: balance;
    }

    .download_app_content .download_app_links {
        grid-template-columns: 1fr;
    }

    .download_app_content h4 {
        font-size: 1.85rem;
        text-wrap: balance;
    }

    footer .inner_container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer_app-download,
    .footer_social {
        grid-column: auto;
        grid-row: auto;
    }

    footer .download_app_links {
        grid-auto-flow: row;
    }

    .footer_copyright br {
        display: block;
    }


    .salon-listing>* {
        padding: 1rem 15px;
    }

    .salon-card--horizental {
        --salong-heading: 1.25rem;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .salon-card__serviceRow {
        padding: 1em 0;
    }

    .salon-card__serviceRow:hover {
        --serviceRowBg: transparent;
    }

    .salon-card__services {
        margin-top: 0.5rem;
    }


    .shop-grp_teamGrid.grid-col--3,
    .shop-grp_teamGrid {
        --teamGridCol: 2;
    }

    .shop-inline-infos {
        flex-direction: column;
    }

    .shop-inline-infos>*:not(:first-child)::before {
        display: none;
    }

    .shop-grp_reviewGrid {
        --reviewGridCol: 1;
    }

    .shop-images-grid {
        grid-template-columns: 1fr;
        aspect-ratio: 1 / 0.75;
    }

    .shop-images-grid figure:nth-of-type(2),
    .shop-images-grid figure:nth-of-type(3) {
        display: none;
    }

    .salon-card__serviceRow.cell-3 {
        grid-template-columns: 1fr auto;
        gap: 0.25rem;
        padding: 1rem;
    }

    .salon-card__serviceRow.cell-3>p {
        grid-row: 2;
        grid-column: 1;
    }

    .salon-card__serviceRow.cell-3>a {
        grid-column: 2;
        grid-row: 1;
    }

    .shop-timing li span:nth-child(2) {
        float: right;
    }

    .salong-hub__breadcrumbs {
        overflow: auto;
    }

    .salong-hub__breadcrumbs ul {
        white-space: nowrap;
    }

    .caldendar-dropdown [data-bs-toggle="dropdown"][aria-expanded="true"] {
        position: fixed;
        inset: 0;
        z-index: 11;
        width: 100%;
        height: 100%;
        background: none;
        border: none;
        opacity: 0;
    }

    .caldendar-dropdown .dropdown-menu {
        position: fixed !important;
        top: auto !important;
        inset-inline-start: 0 !important;
        inset-inline-end: 0 !important;
        bottom: 0 !important;
        z-index: 10000;
        transform: none !important;
        box-shadow: 0 -100vw 0 100vw #2a2a2a8a;
    }

    .calendar-container {
        width: 100%;
    }


    /* --------------------------- */
    .salon-gift-coupon-form p {
        flex: 0 0 100%;
    }

    .salon-gift-purchased .grid-col-3 {
        --grid-col: 1;
    }

    /* --------------------------- */

    .salon-earnings {
        padding: 1.25rem;
    }

    .salon-earnings h5 {
        font-size: 1.25rem;
    }

    .salon-earnings h6 {
        font-size: 1.15rem;
    }

    /* --------------------------- */


    .asb__login--options {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .asb__login--option {
        grid-template-columns: 0.65fr 1fr;
        background-color: var(--card-bgClr, #fff);
        box-shadow: 0px 4px 44px var(--card-shadow, rgba(0, 0, 0, 0.15));
        border-radius: 0.5rem;
        overflow: hidden;
        align-items: stretch;
        position: relative;
    }

    .asb__login--option figure {
        border-radius: 0;
        margin-bottom: 0;
    }

    .asb__login--option figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .asb__login--option>* {
        grid-row: auto;
        grid-column: auto;
    }

    .asb__login--option article {
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        text-align: start;
        padding: 1.5rem 1rem;
    }

    .asb__login--option article span {
        display: none;
    }

    .asb__login--option h6 {
        margin-top: 0;
        font-weight: 500;
        margin-bottom: 0.5em;
    }

    .asb__login--option a {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        bottom: 0;
    }

    .asb__login--content {
        padding: 30px 15px;
    }

    .asb__login--header h2 {
        font-size: 1.65rem;
        font-weight: 500;
        text-wrap: balance;
    }


    .salon-appo-box {
        grid-template-columns: 1fr;
    }

    .salon-appo-box figure {
        display: none;
    }

    .salon-appo--infoBox {
        margin-inline-start: -15px;
        margin-inline-end: -15px;
    }

    .salon-appo--infoBox h6 {
        margin-bottom: 1em;
    }


    /* DASHBOARD */

    .grid-col-2 {
        grid-template-columns: 1fr;
    }

    .backend-dashboard-header .dash-logo {
        display: none;
    }

    /* 
    .backend-dashboard-header .page-container{
        flex-wrap: wrap;
        gap: 0;
    }

    .backend-dashboard-header .dash-header-right{
        width: 100%;
        flex: 0 0 100%;
        padding-inline-start: 0;
        border-top: 1px solid red;
        padding-top: 1rem;
        margin-top: 1rem;
    }

    .backend-dashboard-header .dash-top-links{
        display: flex;
    }

    .backend-dashboard-header .backend-user-dropdown{
        margin-inline-start: auto;
    }

    .backend-dashboard-header  .dash-logo{
        order: -1;
    } */

    .team-member-tbl {
        --bs-table-bg: #fafafa
    }

    .team-member-tbl thead,
    .team-member-tbl th {
        display: none;
    }

    .team-member-tbl,
    .team-member-tbl tbody,
    .team-member-tbl td {
        display: block;
        padding: 0 !important;
        border-bottom: none !important;
        background-color: transparent
    }

    .team-member-tbl tr {
        display: grid !important;
        grid-template-columns: 1fr auto;
        gap: 0.5rem;
        justify-content: space-between;
        background-color: #fff;
        padding: 1rem;
        margin-bottom: 1rem;
        border-radius: 0.5rem;
        border: 1px solid #ddd;
        position: relative;
    }
    .team-member-tbl tr td.badge-td{
        grid-row: revert;
    }
    .team-member-tbl tr td.cell-actions{
        position: absolute; z-index: 9;
        top: 10px; right: 15px;
    }

    .cell-check {
        display: none !important
    }

    .cell-contacts {
        grid-row: 2;
        grid-column: 1;
    }

    .tabs-card-lists .list-card{
        width: calc((100% - 0px) / 1);
    }

}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 390px) {}




body {
    overflow-x: hidden;
}