/* ------ large and medium devices (dekstops and laptops, 992px and up) -----*/
@media (min-width: 1366px) {
    .container {
        max-width: 1320px;
        padding: 0;
    }

    .container_lg {
        max-width: 1212px;
    }
}

@media (min-width: 1166px) and (max-width: 1365.99px) {
    .container {
        max-width: 1110px;
        padding: 0;
    }

    html {
        font-size: 53.5%;
    }

    .ocap_html {
        font-size: 60%;
    }
}

@media (min-width: 992px) and (max-width: 1165.99px) {
    .container {
        max-width: 920px;
        padding: 0;
    }

    html {
        font-size: 45%;
    }

    .ocap_html {
        font-size: 55%;
    }
}

@media (min-width: 992px) {
    .footer_link_box.flb1 {
        margin-left: 4.8rem;
    }

    .footer_link_box.flb2 {
        margin-left: 8.5rem;
    }

    .footer_link_box.flb3 {
        margin-left: 11.5rem;
    }

    .footer_row_one,
    .footer_row_two {
        max-width: 111rem;
        margin: 0 auto;
    }

    /* ============ section_blocks2 ============== */
    .section_blocks2 .slider_arrows {
        width: calc(100% + 11rem);
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        z-index: 99;
    }

    .section_blocks2 .slider_arrows img {
        filter: var(--black_img);
    }

    /* ====================== expHover_area.v2 ======================= */
    .expHover_area.v2 .expHover_nav {
        position: relative;
        display: flex;
    }

    .expHover_area.v2 .expHover_nav_top_icon {
        width: auto;
        height: auto;
        border: none;
        justify-content: flex-start;
    }

    .expHover_area.v2 .expHover_nav_top_icon img {
        width: 1.5rem;
    }

    .expHover_area.v2 .expHover_nav_top p {
        position: relative;
        right: 0;
        left: 0;
        transform: translate(0, 0);
        margin: 0;
        padding: 0;
    }

    .expHover_area.v2 .expHover_nav_top {
        display: grid;
        align-items: self-start;
        gap: 1.8rem;
        grid-template-columns: 1rem 1fr;
    }

    .expHover_area.v2 .expHover_nav_list {
        display: grid;
        gap: 2rem;
        transform: translateX(0);
    }

    .expHover_area.v2 .expHover_content img {
        width: 50.7rem;
        height: 37.4rem;
        object-fit: cover;
        border-radius: 1.2rem;
        max-width: max-content;
    }

    .expHover_area.v2 .expHover_contents_list {
        padding-right: 0;
        grid-column: 1;
        grid-row: 1;
    }

    .expHover_area.v2 .expHover_contents_list:before {
        display: none;
    }

    .expHover_area.v2 .exphover_nav_wrapper {
        margin-left: 0;
        width: 30rem;
        display: block;
        grid-column: 2;
        height: auto;
        padding-top: 2rem;
    }

    .expHover_area.v2 .expHover_function {
        gap: 5rem;
        align-items: flex-start;
    }

    .expHover_area.v2 .expHover_nav_top_icon .exh_icon_v2 {
        display: block;
    }

    .expHover_area.v2 .exp2_icon2 {
        width: 1.2rem !important;
    }

    .expHover_area.v2 .expHover_content_info {
        display: none;
    }

    /* =================== expHover_area.v3 ===================== */
    .expHover_area.v3 .expHover_nav_list.d_lg_block {
        display: grid !important;
        gap: 2rem;
    }

    .d_md_none_flex {
        display: none !important;
    }

    .sub_category_treatment,
    .sub_category_treatment main {
        overflow: visible !important;
    }

    /* ============== therapy_packages_area.v2 =================== */
    .therapy_packages_area.v2 .mixitup_container,
    .therapy_packages_area.v2 .mixitup_nav_wrap {
        padding: 0 2.5rem 0 4.5rem;
    }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
    html {
        font-size: 62.5%;
    }

    :root {
        --fullMenuHeight: 8rem;
    }

    .primary_menu,
    .container {
        max-width: 740px;
    }

    .back-to-top,
    .fixed_widget {
        bottom: 2.5rem;
    }

    .d_lg_block {
        display: none !important;
    }

    .d_sm_block {
        display: block !important;
    }

    .d_lg_none {
        display: block !important;
    }

    /* ======================= Hero Section ======================== */
    .hero_area:before {
        height: 18.7rem;
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 0) 40%,
                #ffffff 100%
        );
    }

    .hero_content > p {
        width: 100%;
        font-size: 1.6rem;
    }

    .hero_content {
        width: 26rem;
        margin: 0 auto;
        padding: 0;
    }

    /* ===================== Experience Section ===================== */
    .experience_area .section_top {
        align-items: end;
        padding-bottom: 3.5rem;
    }

    .slider_arrows {
        gap: 1.5rem;
    }

    .experience_area .section_top h2 {
        margin: 0;
        width: 22rem;
        margin-left: 2rem;
    }

    .experience_slider .swiper-slide:hover,
    .experience_slider .swiper-slide.first_item {
        width: 20.2rem;
    }

    .experience_slider .swiper-slide {
        height: 30rem;
    }

    .experience_inner > p {
        display: none;
    }

    .experience_inner h4 {
        font-size: 2.35rem;
        padding-bottom: 1.6rem;
    }

    .experience_inner a {
        padding: 0;
        height: 3.69rem;
        width: 100%;
        opacity: 1 !important;
    }

    .experience_inner {
        width: 100%;
        padding: 2rem 1rem;
    }

    .experience_slider .swiper-slide {
        width: 20.2rem;
    }

    .experience_inner {
        transform: translateY(0);
    }

    .swiper-scrollbar {
        margin-top: 3.5rem;
    }

    .experience_area {
        padding: 3.6rem 0 2.6rem;
    }

    /* ====================== pamper_area ==================== */
    .pamper_area {
        padding: 2.1rem 0 5rem;
    }

    .col-lg-6 {
        width: 100%;
        padding: 0;
    }

    .row {
        flex-wrap: wrap;
    }

    .col_2 .col-lg-6:first-child {
        padding: 0;
    }

    .col_2 .col-lg-6:last-child {
        padding: 0;
    }

    .pamper_info .button {
        display: none;
    }

    .pamper {
        flex-direction: row;
        align-items: center;
    }

    .pamper > img {
        width: 18.1rem;
        height: 12.9rem;
        object-fit: cover;
    }

    .pamper_info h6 {
        padding: 0;
        text-align: center;
        line-height: 1.3;
        font-size: 2.1rem;
        width: 100%;
    }

    .pamper_info {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .pamper_area .row {
        gap: 2.1rem;
    }

    .pamper_area .section_top {
        padding-bottom: 2.8rem;
    }

    /* =================== expHover_area ==================== */
    .exp_hover_img {
        display: none;
    }

    .expHover_nav {
        position: unset !important;
        transform: translate(0, 0);
    }

    .expHover_nav_top p {
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: 0 !important;
        top: 50% !important;
        bottom: 0 !important;
        right: 0 !important;
        font-weight: 700;
    }

    .exphover_nav_wrapper {
        width: 100%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: flex-start;
    }

    .expHover_contents_list {
        padding-right: 0;
        width: 100%;
    }

    .expHover_function {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }

    .expHover_content img {
        max-width: 100%;
    }

    .expHover_content_info {
        width: 100%;
    }

    .expHover_content_info p {
        display: none;
    }

    .expHover_content_info.pt_40 {
        padding-top: 1.6rem;
    }

    .expHover_contents_list:before {
        display: none;
    }

    .expHover_nav_top {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        position: relative;
    }

    .expHover_nav_top::before {
        content: "";
        background: url(../img/arrow_down.svg) no-repeat scroll top left / 2.4rem 2.4rem;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2.4rem;
        height: 2.4rem;
        transition: 0.35s ease;
    }

    .expHover_nav.active .expHover_nav_top::before {
        transform: rotate(180deg) translateY(calc(50% - 0rem));
    }

    .expHover_nav_top .expHover_nav_top_icon {
        width: 2rem;
        height: auto;
        border: 0;
    }

    .expHover_nav_top p br {
        display: none;
    }

    .expHover_content_info h2 {
        padding-bottom: 4.5rem;
        padding-right: 3rem;
    }

    .expHover_nav.active .expContent {
        display: block !important;
        padding-top: 1.5rem;
        width: 26rem;
    }

    .exp_hover_img {
        display: none;
    }

    .expHover_nav {
        position: unset !important;
        transform: translate(0, 0);
    }

    .expHover_nav_top p {
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: 0 !important;
        top: 50% !important;
        bottom: 0 !important;
        right: 0 !important;
        font-weight: 700;
    }

    .exphover_nav_wrapper {
        width: 100%;
        height: auto;
        margin-left: 0;
        display: flex;
        justify-content: flex-start;
    }

    .expHover_contents_list {
        padding-right: 0;
    }

    .expHover_function {
        display: flex;
        flex-direction: column-reverse;
    }

    .expHover_content img {
        max-width: 100%;
    }

    .expHover_content_info {
        width: 100%;
    }

    .expHover_content_info p {
        display: none;
    }

    .expHover_content_info.pt_40 {
        padding-top: 1.6rem;
    }

    .expHover_contents_list:before {
        display: none;
    }

    .expHover_nav_top {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        position: relative;
    }

    .expHover_nav_top_icon {
        width: 2rem;
        height: auto;
        border: 0;
    }

    .expHover_nav_list {
        display: grid;
        gap: 4rem;
        transform: translateX(0);
        width: 100%;
        margin: 0;
        padding-right: 5rem;
    }

    .expHover_nav_top p br {
        display: none;
    }

    .expHover_content_info h2 {
        padding-bottom: 4.5rem;
        padding-right: 5rem;
    }

    .expHover_nav.active .expContent {
        display: block !important;
        padding-top: 1.5rem;
        width: 100%;
    }

    .hover_contents_list.expHover_contents_list {
        display: none;
    }

    .expHover_nav.v2 {
        order: 1;
    }

    .expHover_nav.v7 {
        order: 1;
    }

    .expHover_area {
        padding: 2.1rem 0 5rem;

    }

    /* ================== instagram_area =================== */
    .instagram_area {
        padding: 8rem 0 2rem;
    }

    .instagram_area .section_top {
        text-align: center;
        padding-bottom: 4rem;
    }

    .insta_slider .swiper-scrollbar {
        display: block !important;
    }

    .instagram_area .swiper-slide {
        width: 27rem;
    }

    .instagram_area .insta_slider {
        width: 100%;
        margin: 0;
        overflow: visible;
    }

    /* ================== tovik_area ================ */
    .tovik_area {
        height: auto;
        position: relative;
        padding-top: 35rem;
        margin: 0;
    }

    .tovik_img {
        height: 38.3rem;

        display: block;
        top: 0;
        position: absolute;
        width: 100%;
    }

    .tovik_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tovik_img:before {
        height: 23rem;
        width: 100%;
        left: 0;
        bottom: -0.5rem;
        right: auto;
        position: absolute;
        top: auto;
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 0) 0%,
                #ffffff 69.57%
        );
    }

    .tovik_area .content {
        width: 100%;
    }

    .tovik_area .content h2 {
        padding-bottom: 3.5rem;
    }

    .tovik_area p {
        font-size: 1.6rem;
        line-height: 1.2;
        width: 32rem;
    }

    .tovik_area p br {
        display: block;
    }

    /* ===================== tovik_follow_wrapper ===================== */
    .bg_shape2,
    .bg_shape1,
    .bg_shape3 {
        display: none;
    }

    .follower_content > img {
        width: 25.9rem;
        height: 15.1rem;
        object-fit: cover;
        border-radius: 1.2rem;
    }

    .follower_content {
        background: #ffffff;
        padding: 2.7rem 2rem;
        width: fit-content;
        border-radius: 0.63rem;
        position: relative;
        z-index: 1;
    }

    .follower_contents_list {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: flex-start;
        padding-top: 5rem;
        justify-content: center;
        border-radius: 0;
        z-index: 99999;
        opacity: 0;
        transition: 0.35s ease;
        pointer-events: none;
    }

    .follower_contents_list.active {
        opacity: 1;
        pointer-events: all;
    }

    .follower_content_close_overlay {
        background: #00000082;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: block;
    }

    .follower_content_close_btn {
        position: absolute;
        left: 0.5rem;
        top: 0.5rem;
        display: block;
        cursor: pointer;
    }

    .followers_info {
        display: block;
        width: 25.9rem;
    }

    /* ================= follow_area ===================== */
    .follow_area {
        padding: 5rem 0 0;
    }

    .follower_nav {
        min-width: 29.794rem;
        padding: 0.7rem 1.3rem 0.7rem 1.5rem !important;
        border: 0.1rem solid #d6dadd;
        border-radius: 0.63rem;
    }

    .follower_nav_list {
        width: 100%;
        display: flex !important;
        gap: 1.7rem;
        overflow: auto;
        padding-bottom: 3.5rem;
    }

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

    .follow_area .section_top {
        padding-bottom: 4.3rem;
        text-align: center;
    }

    .follow_area {
        padding: 5rem 0 0;
    }

    .follower_nav p br {
        display: none;
    }

    .follower_nav h6 {
        color: #304753;
        font-size: 1.8rem;
        line-height: 1.1;
    }

    /* WebKit (Chrome, Safari) */
    .follower_nav_list::-webkit-scrollbar {
        height: 0.3rem;
        width: 0.3rem;
        background-color: #d7d7d7;
    }

    .follower_nav_list::-webkit-scrollbar-thumb {
        background-color: #304753;
        border-radius: 1rem;
    }

    /* ======================== blog_area ======================== */
    .blog_area {
        padding: 8.5rem 0 5.5rem;
    }

    .blog_area .section_top1 h2 {
        margin-left: 1.7rem;
    }

    .blog_area .section_top1 .slider_arrows {
        gap: 2.9rem;
    }

    .blog_area .swiper-slide {
        width: 29.8rem;
    }

    .blog .button {
        width: 100%;
    }

    .blog_info {
        padding: 2rem 4rem;
    }

    .blog_info1 .pt_15.pb_30 {
        padding-bottom: 1.5rem;
    }

    .blog_area .swiper-scrollbar {
        display: block;
    }

    /* ========================= tovik_friend_area ========================= */
    .tovik_friend_area {
        padding-bottom: 5.5rem;
    }

    .tovik_friend_content {
        grid-template-columns: 1fr;
        justify-content: center;
    }

    .tovik_friend_info {
        width: 100%;
        padding-bottom: 4rem;
        padding-top: 4.5rem;
    }

    .tovik_friend_info p.pt_30.pb_50 {
        padding: 3.2rem 0 2.8rem;
    }

    .tovik_friend_content img {
        width: 100%;
        height: 30.6rem;
        object-fit: cover;
    }

    /* ====================== contact_area ======================= */
    .contact_area .section_top p {
        font-size: 1.8rem;
        max-width: 26rem;
        margin: 0 auto;
        line-height: 1.1;
    }

    .contact_area .section_top h5 {
        font-size: 3rem;
        padding-bottom: 1.4rem;
    }

    .contact_content .contact_form .row {
        padding: 0.6rem 0 2rem;
    }

    .col-md-6 {
        width: 100%;
    }

    .contact_form .col_r .form_group {
        padding: 0;
    }

    .contact_form .col_l .form_group {
        padding: 0;
    }

    .form_textarea {
        height: 14.2rem;
    }

    /* ===================== product_area ======================= */
    .product_area {
        padding-top: 9.8rem;
        padding-bottom: 7.2rem;
    }

    .swiper-slide {
        width: 27.883rem;
    }

    .product_info .button {
        width: 100%;
        height: 3.5rem;
    }

    .product {
        padding: 1.6rem 2rem;
    }

    .product_area .swiper-scrollbar {
        display: revert;
    }

    .product_area .section_top {
        padding-bottom: 2.5rem;
    }

    .product_info p.p2.text_xl {
        padding-bottom: 0.5rem;
    }

    /* ========================== accordion_area ======================== */
    .accordion_area {
        background: #fff;
        padding-bottom: 4.5rem;
    }

    .accordion-body p {
        padding: 0;
        padding-top: 1rem;
    }

    .product_accordion_wrapper .accordion_area {
        background: #ffffff;
    }

    /* ======================= Footer area ========================= */
    .footer_row_two {
        grid-template-columns: 4fr 3fr 2fr;
        grid-template-rows: 1fr;
        gap: 3rem;
    }

    .footer_link_box ul li,
    .footer_link_box h6 {
        white-space: nowrap;
    }

    .footer_row_two .footer_link_box.flb4 {
        grid-column: 1 / span 3;
    }

    .footer_map {
        display: none;
    }

    .footer_box {
        height: 19.15rem;
    }

    .footer_row_one {
        grid-template-columns: 3fr 0fr;
        align-items: center;
        padding-bottom: 4rem;
    }

    .contact_form {
        max-width: 100%;
    }

    .footer_link_box ul li.pb_30 {
        padding-bottom: 2rem;
    }

    .footer_link_box.flb2 {
        padding: 0;
    }

    .footer_link_box.flb1 {
        width: 100%;
        padding: 0;
    }

    .footer_link_box.flb3 {
        width: 100%;
        padding: 0;
    }

    .footer_widget {
        padding-left: 0;
        padding-right: 0;
    }

    /* ================== Mobile menu ================= */
    .site_header nav .primary_menu {
        display: none;
    }

    .site_header nav {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .menu_actions {
        display: flex;
        align-items: center;
    }

    .mobile_menu {
        position: fixed;
        height: 100%;
        width: 100%;
        right: -100%;
        top: 0;
        overflow: auto;
        background: #fff;
        transition: 0.5s ease;
        opacity: 0;
        display: block;
    }

    .mobile_menu.active {
        opacity: 1;
        right: 0;
    }

    .mobile_menu_logo img {
        width: 6rem;
    }

    .mobile_menu button.mobile_menu_toggle {
        position: absolute;
        left: 2rem;
        top: 2.2rem;
    }

    .mobile_menu_logo {
        display: block;
        padding-top: 4.5rem;
    }

    .mobile_menu_links a {
        display: flex;
        align-items: center;
        gap: 1.3rem;
    }

    .mobile_menu_links {
        display: grid;
        gap: 0.8rem;
    }

    .mobile_menu .social_icons a img {
        filter: brightness(0) saturate(100%) invert(21%) sepia(66%) saturate(279%) hue-rotate(156deg) brightness(93%) contrast(87%);
    }

    .mobile_menu .social_icons {
        padding: 2rem 0;
        position: sticky;
        bottom: 0;
        right: 0;
        margin-top: 1.5rem;
        background: #fff;
    }

    .mobile_menu .social_icons:before {
        content: "";
        top: 0;
        width: 100vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: #d6dadd;
        height: 0.1rem;
    }

    .mobile_menu .primary_menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .mobile_menu .menu_link {
        height: auto;
        padding: 2rem 0;
        width: 100%;
        border-bottom: 0.1rem solid #d6dadd;
        font-size: 2rem;
        color: #304753 !important;
    }

    .mobile_menu .menu_link span {
        color: #c1c8cb;
    }

    .drodown_btn,
    .dropdown_wrapper {
        width: 100%;
    }

    .menu_link:hover {
        opacity: 1;
    }

    .toggled_menu {
        display: block;
    }

    /* =================== treatment_area ================= */
    .section_blocks {
        flex-direction: column;
    }

    .section_block_img {
        width: 100%;
    }

    .section_block_img .swiper-slide img {
        height: 38.3rem;
        object-fit: cover;
    }

    .treatment_area .section_top {
        display: none;
    }

    .treatment_area {
        padding: 0;
        padding-top: 6rem;
    }

    .treatment_area .swipper_dots_small,
    .treatment_area .slider_arrow_white_bottom {
        display: flex;
        padding-bottom: 1rem;
    }

    .section_blocks .content .desc.pt_25.pb_35 {
        padding: 1.7rem 0;
    }

    .section_blocks .content {
        min-width: 33.7rem;
        width: 100%;
    }

    .section_blocks .content .button {
        width: 29.2rem;
    }

    .section_blocks.v1,
    .section_blocks.v2 {
        gap: 2.4rem;
    }

    .section_blocks.v1 {
        margin: 0;
        padding-bottom: 5rem;
    }

    .section_blocks.v2 {
        margin: 0;
        padding-bottom: 7rem;
    }

    .section_blocks.v2 {
        flex-direction: column-reverse;
    }

    .treatment_area .section_blocks {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    /* ================= contact_area v2 =================== */
    .contact_area.v2 {
        padding: 7rem 0;
    }

    .contact_form.v2 .col-md-4 {
        width: 100%;
    }

    /* ================= subcategory_area =================== */
    .spa_package,
    .sticky_section .spa_package {
        position: static !important;
        transform: translateX(0);
    }

    .subcategory_content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .subcategory_area {
        padding: 5.7rem 0 3.2rem;
    }

    .subcategory_area .section_top {
        padding-bottom: 2rem;
        text-align: right;
    }

    .subcategory_area .section_top h1 {
        font-size: 3.2rem;
        line-height: 1;
        padding-bottom: 3.2rem;
    }

    .category:last-child:before {
        display: block;
    }

    .spa_package {
        width: 100%;
    }

    .spa_package > img {
        object-fit: cover;
        height: 30rem;
    }

    .category_info {
        width: 100%;
    }

    /* ==================== video_area ==================== */
    .tags_sm {
        display: flex;
    }

    .tags {
        display: none;
    }

    /* ==================== single_treatment_area ==================== */
    .section_blocks2.v1,
    .section_blocks2.v2 {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 5.5rem;
    }

    .section_block_img.sm {
        overflow: hidden !important;
        width: 74rem !important;
    }

    .section_block_content {
        width: 100% !important;
    }

    .section_blocks2.v2 .slider_arrows,
    .section_blocks2.v2 .swiper-pagination {
        display: flex;
    }

    .section_block_content .desc p {
        line-height: 1.15;
    }

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

    .section_blocks2 {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .section_blocks2.v2 {
        gap: 3.5rem;
    }

    .whatsapp_icon {
        right: 2rem;
        bottom: 2rem;
    }

    /* ==================== therapy_packages_area ==================== */
    .mixitup_container {
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    .therapy_packages_area .mixitup_container {
        padding: 0;
        gap: 2rem;
    }

    .tags.v3 {
        display: flex;
    }

    .tags.v3 a:not(:first-child, :nth-child(2), :nth-child(3), :nth-child(4)) {
        display: none;
    }

    .therapy_packages_area .mixitup_container,
    .therapy_packages_area .mixitup_nav_wrap {
        padding: 0;
    }

    .mixitup_nav_wrap {
        margin-bottom: 2.5rem;
    }

    /* ======================= subcategory_area ======================== */
    .subcategory_area {
        padding: 5rem 0 3.5rem;
    }

    .subcategory > img {
        width: 100%;
    }

    .subcategory {
        padding: 3.5rem 0;
        flex-direction: column;
        gap: 1.5rem;
    }

    .subcategory_info .button {
        width: 29.2rem;
        margin-top: 2.5rem;
        height: 4.4rem;
    }

    .subcategory_info {
        padding-top: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .subcategory_info_top .desc {
        padding-bottom: 1.6rem;
    }

    .subcategory_info_top {
        padding-right: 0;
    }

    /* ====================== single_slider_area =================== */
    .ssdb_top .mb_10 {
        margin-bottom: 1rem;
    }

    .single_slider_Wrap {
        display: flex;
        flex-direction: column-reverse;
        gap: 4.4rem;
    }

    .single_slider {
        width: 100%;
    }

    .single_slider_details {
        width: 100%;
    }

    .single_slider_details h2 {
        padding-bottom: 3.3rem;
    }

    /* ====================== single_slider_area =================== */
    .expHover_area.v2 .exphover_nav_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .expHover_area.v2 .exphover_nav_wrapper h6 {
        display: none;
    }

    /* ====================== treatment_package_area =================== */
    .treatment_packages {
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }

    .treatment_package_area {
        padding-top: 5.5rem;
    }

    .expHover_area.v2 {
        padding-bottom: 0;
        padding-top: 1.6rem;
        margin-top: 4.5rem;
        border-top: 0.1rem solid #d6dadd;
    }

    .exp2_icon2 {
        width: 1.6rem;
    }

    /* ====================== .expHover_area.v3 =================== */
    .expHover_area.v3 .expHover_content img {
        width: 100%;
    }

    .expHover_area.v3 .exphover_nav_wrapper {
        width: 100%;
    }

    .expHover_area.v3 .expHover_function {
        margin-right: 0;
        gap: 3rem;
    }

    .expHover_area.v3 .expHover_nav_top::before {
        display: none;
    }

    .expHover_area.v3 .expHover_nav_top_icon {
        width: 4.5rem;
        height: 4.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10rem;
        border: 0.1rem solid #d6dadd;
    }

    .expHover_area.v3 .expHover_nav_top_info p {
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
    }

    .expHover_area.v3 .expHover_nav_top {
        grid-template-columns: 4.5rem 1fr;
    }

    .expHover_area.v3 .expHover_nav_top_icon img {
        width: 1.4rem;
    }

    .expHover_area.v3 .expHover_nav_list.d_lg_none {
        display: grid !important;
        gap: 3.2rem !important;
        width: 100%;
    }

    .expHover_area.v3 .exphover_nav_wrapper h6 {
        text-align: center;
        padding-bottom: 3.2rem;
    }

    .expHover_area.v3 .expHover_nav:not(.active) .exh_icon_v2 {
        display: block;
    }

    .expHover_area.v3 .expHover_nav:not(.active) .exh_icon_v2 {
        display: none !important;
    }

    .expHover_area.v3 .expHover_nav.active .expHover_nav_top_icon {
        border-color: var(--darkblue);
    }

    /* =================== Brand_area ==================== */
    .brand_logo2 {
        width: 10rem;
    }

    .brand_logo4 {
        width: 12rem;
    }

    .brand_logo1 {
        width: 12rem;
    }

    .brand_logo3 {
        width: 12rem;
    }

    /* ==================== gallery_area ====================== */
    .gallery_col img {
        height: 19.4rem;
    }

    /* ==================== about_area ====================== */
    .about_area .section_top {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 3.5rem;
        margin-bottom: 7.8rem;
    }

    .about_area {
        padding-top: 5rem;
    }

    /* ====================== Blog page ======================= */
    .blog_video_wrapper.position_realtive {
        width: 100%;
    }

    .video_area.v3 .video_content {
        max-width: 100%;
        bottom: 8.3rem;
    }

    /* ===================== single_article_page ================= */
    .single_article_page,
    .single_article_page main {
        overflow-x: hidden;
    }

    .article_left .spa_package {
        display: none;
    }

    .article_right {
        width: 100%;
    }

    .article_content {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .Blog_section_content {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    /* ======================= video_block_wrapper ====================== */
    .video_block_wrapper.v2 .video_block {
        display: none;
    }

    .video_block_wrapper {
        padding-right: 0;
    }

    .video_block_wrapper .desc {
        max-width: 100%;
    }

    .video_block_wrapper:not(.v2) .video_block_content,
    .video_block_wrapper .video_block {
        display: none;
    }

    .video_block_slider {
        display: block;
        width: 100%;
    }

    .video_block_slider .swiper-slide {
        width: 23rem;
    }

    .video_block_slider .swiper {
        overflow: visible;
    }

    .video_block_slider .swiper {
        overflow: visible;
        margin-right: 2rem;
    }

    .video_block_wrapper .video2_box {
        max-width: 100%;
        height: 38.4rem;
    }

    .video_pause img {
        width: 6rem;
    }

    .comming_home_page .section_blocks2 {
        flex-direction: column;
        gap: 4.5rem;
    }

    .comming_home_page .section_blocks2 .section_block_content h5 {
        font-size: 2.9rem;
    }

    .comming_home_page .single_treatment_area.pt_80 {
        padding-top: 0;
    }

    /* ======================= course_page ========================= */
    .tab_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2.4rem;
    }

    .course_tab_right {
        width: 100%;
        border-radius: 0;
        border: 0;
        padding: 0;
        height: 100%;
    }

    .course_tab_right .tab_navs {
        flex-direction: row;
        width: 100%;
        overflow: auto;
        padding-bottom: 1.3rem;
    }

    .course_tab_right .tab_navs::-webkit-scrollbar {
        height: 0.3rem;
        width: 0.3rem;
        background: #d7d7d7;
    }

    .course_tab_right .tab_navs::-webkit-scrollbar-thumb {
        background: #304753;
        border-radius: 1rem;
    }

    .course_tab_nav {
        white-space: pre;
    }

    .tab_content .content img {
        width: 100%;
    }

    .course_right .desc {
        width: 100%;
    }

    .course_content {
        flex-direction: column;
    }

    .course_left {
        display: none;
    }

    .course_tab_right .sectop_top h6 {
        font-size: 3rem;
    }

    .course_tab_left .content h2 {
        font-size: 1.6rem;
    }

    .course_tab_left .content .desc {
        padding: 2rem 0 3rem;
        width: 33.7rem;
    }

    .course_tab_left .content img {
        height: 39.5rem;
        object-fit: cover;
    }

    .singlecourse_area .section_top.pb_45 {
        display: none;
    }

    .singlecourse_area .slider_arrows img {
        filter: var(--white_img) !important;
    }

    .singlecourse_area .slider_arrows {
        width: 100%;
        top: auto;
        bottom: 0.8rem;
        transform: translate(0, 0);
        left: 0;
    }

    .singlecourse_area .section_blocks.v1 {
        flex-direction: column-reverse;
    }

    /* ================== faq_area ================== */
    .faq_area {
        padding: 5rem 0 6.7rem;
    }

    .faq_accordion_body .faq_img {
        position: relative;
        left: 0;
        width: 24.6rem;
        border-radius: 0.5rem;
    }

    .faq_accordion_body .faq_img img {
        width: 24.6rem;
        height: 16.3rem;
    }

    .faq_accordion {
        width: 100%;
        padding: 0;
    }

    .faq_accordion_body {
        padding-right: 2.7rem;
        padding-bottom: 2rem;
    }

    .faq_accordion_body ul {
        padding-right: 1.5rem;
    }

    .faq_area .faq_accordion,
    .faq_area .section_top {
        padding-right: 0;
    }

    .course_tab_right .sectop_top {
        padding-bottom: 4rem;
        border-bottom: 0;
        text-align: right;
    }

    /* =================== step_area =================== */
    .step_content {
        max-width: 25.2rem;
    }

    .step_tooltip {
        display: none;
    }

    .step_area {
        padding: 0;
    }

    .openstate_content {
        padding-top: 3.3rem;
    }

    .voucher_bottom {
        display: block;
        width: 100%;
    }

    .voucher_items {
        display: flex;
        width: fit-content;
        padding-top: 1rem;
    }

    .voucher_item_img img {
        width: 100%;
        height: 14.1rem;
    }

    .voucher_item {
        flex-direction: column;
        padding: 1rem;
        min-width: 15.1rem;
        justify-content: center;
    }

    .button_delete,
    .button_add {
        position: relative;
        left: 0;
        bottom: 0;
        margin-left: auto;
    }

    .voucher_item_img {
        width: 100%;
    }

    .voucher_info {
        width: 100%;
        margin-left: auto;
    }

    .voucher_bottom p {
        width: auto;
    }

    .voucher_bottom p br {
        display: none;
        padding: 1rem;
    }

    .openstate_content {
        max-width: 100%;
    }

    .openstate_content .voucher_box {
        margin-top: 1rem;
        margin-bottom: 1.6rem;
    }

    .openstate_content > p br {
        display: none;
    }

    .openstate_content > p {
        width: 36rem;
    }

    .openstate_form_wrap h4 {
        font-size: 2.4rem;
        font-weight: 400;
    }

    .openstate_form_wrap .col-md-6 {
        width: 50%;
    }

    .openstate_form .col_l .form_group {
        padding-right: 0.5rem;
    }

    .openstate_form .col_r .form_group {
        padding-left: 0.5rem;
    }

    .text_area_with_options textarea {
        height: 19.1rem;
    }

    .radios {
        margin-bottom: 3.3rem;
    }

    .voucher_bottom {
        padding-top: 0;
    }

    .voucher_items_wrap {
        margin-bottom: 4rem;
        width: 100%;
        overflow: auto;
    }

    .voucher_items_wrap::-webkit-scrollbar {
        scrollbar-width: 0;
        display: none;
    }

    .form_bottom_area > p {
        margin-bottom: 1.8rem;
    }

    .form_bottom_area .button_info {
        margin-top: 1.8rem;
    }

    .col-lg-5 {
        width: 100%;
    }

    .step_area_top p,
    .step_area_top a {
        color: #9f8d8d;
        font-size: 1.4rem;
    }

    .voucher_badge {
        height: 2.6rem;
        font-size: 0.9rem;
        left: -2.7rem;
        top: 1.4rem;
        width: 11rem;
    }

    /* ================= date_selection_form =================== */
    .date_selection_form .col-lg-6 {
        width: 50%;
    }

    .schedule_top .title_23 {
        color: #5c5555;
        padding-bottom: 3.8rem;
    }

    .schedule_top h2 {
        font-size: 2.4rem;
        font-weight: 400;
    }

    .schedule_main_area {
        padding-bottom: 4.5rem;
    }

    .openstate_left {
        width: 100%;
    }

    /* ===================================== */
    .payment_bottom p.mt_35 {
        width: 100%;
        margin-top: 2.5rem;
    }

    .payment_area {
        width: 100%;
    }

    .payment_top hr {
        margin: 4rem 0;
        display: none;
    }

    .payment_left > h5,
    .payment_left > p {
        display: none;
    }

    .payment_left {
        padding-top: 5rem;
        padding-bottom: 4rem;
        border-bottom: 0.1rem solid #dfdfdf;
    }

    .cntct_links {
        gap: 1.6rem;
    }

    .payment_bottom hr {
        display: none;
    }

    .payment_top .title_31 {
        font-size: 2.4rem;
        padding-bottom: 1.5rem;
    }

    /* ================= search2 ================= */
    .search2 {
        background: #304753;
        width: 3.7rem;
        height: 3.7rem;
        display: flex !important;
        justify-content: center;
        border-radius: 10rem;
        position: absolute;
        left: 1rem;
        top: 0.5rem;
        z-index: 1;
    }

    /* ================ Thankyou2 area ================ */
    .thankyou_bottom .button {
        width: 100%;
    }

    .thankyou_bottom .cntct_links {
        grid-template-columns: 1fr;
        margin-right: 0;
        gap: 1.5rem;
    }

    .payment_bottom .title_21 {
        text-align: right;
    }

    .thankyou_bottom p.mt_35 {
        width: 32.7rem;
    }

    .thankyou2_left > h5 {
        display: block;
        font-size: 2.3rem;
        margin-bottom: 5rem;
        padding-top: 0;
    }

    /* ============ thankyou2_list =============== */
    .thankyou2_list li .p1 {
        font-size: 1.4rem;
        color: #464545;
        padding-bottom: 0.5rem;
    }

    .thankyou2_list li .p2 {
        font-size: 2.1rem;
        color: #5c5555;
        font-weight: 400;
        line-height: 1.25;
    }

    .thankyou2_list li {
        padding: 1.5rem 0;
        border-bottom: 0.1rem solid #dfdfdf;
    }

    .thankyou2_list {
        padding: 1.5rem 0 4.5rem;
    }

    .thankyou2_list li:last-child {
        border-bottom: 0;
    }

    .title_24 {
        font-size: 2.4rem !important;
    }

    .openstate_form_wrap h4.title_24 {
        padding-top: 4rem;
    }

    .schedule_area .form_bottom_area .button {
        height: 5.2rem;
    }

    .voucher_popup .modal_inner .voucher_items {
        overflow: auto;
        width: calc(100%);
        padding: 0 2rem;
    }

    .voucher_popup .modal_inner .voucher_item {
        min-width: 16rem;
    }

    .voucher_popup .modal_content {
        padding: 3rem 0 4rem 0;
        height: auto;
    }

    .modal_inner .voucher_bottom > p {
        margin-bottom: 1.8rem;
        line-height: 1;
    }
}

/*----- sm devices (tablets, 768px and down) -----*/
@media (min-width: 768px) {
    .sm_badge {
        display: none;
    }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {
    /* ============ default styles ============ */
    html {
        font-size: 55%;
    }

    .primary_menu,
    .container {
        max-width: 540px;
    }

    .d_md_none {
        display: block !important;
    }

    .d_md_block {
        display: none !important;
    }

    .d_md_flex {
        display: none !important;
    }

    .d_md_none_flex {
        display: flex !important;
    }

    /* ================ parallax_area ================== */
    .parallax_slider .swiper-slide img,
    .parallax_slider .swiper-slide video {
        height: 55rem;
        object-fit: cover;
    }

    /* ================ Footer area ================ */
    .footer_row_one .accordion {
        display: grid;
    }

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

    .footer_widget .accordion_button {
        width: 11rem;
        white-space: nowrap;
        display: flex;
        justify-content: space-between;
        gap: 0;
        line-height: 1.7;
        padding-bottom: 1rem;
    }

    .footer_widget .accordion_button img {
        filter: var(--white_img);
    }

    .footer_widget .accordion_item {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 5rem;
    }

    .footer_widget .accordion_button h5 {
        line-height: 1.7;
    }

    .footer_widget .accordion-body ul li a {
        line-height: 1.7;
    }

    .footer_logo img {
        width: 9.3rem;
    }

    .footer_row_two {
        display: block;
    }

    .footer_row_two .footer_link_box.flb1,
    .footer_row_two .footer_link_box.flb2,
    .footer_row_two .footer_link_box.flb3 {
        display: none;
    }

    .form_control.textarea {
        height: 13.4rem;
    }

    .footer_link_box .button {
        width: 15rem;
    }

    .footer_link_box .contact_form .row {
        padding-bottom: 1.8rem;
    }

    .footer_box {
        width: 12.487rem;
        height: 17.7rem;
    }

    .footer_box img {
        width: 7rem;
    }

    .footer_boxes {
        gap: 2.5rem;
    }

    .footer_copywrite p {
        font-size: 1.2rem;
        width: 24rem;
        margin: 0 auto;
        line-height: 1.7;
    }

    .footer_copywrite {
        padding: 2.5rem 0;
    }

    .footer_link_box .col-12 .form_control:not(.form_textarea) {
        display: none;
    }

    .footer_link_box .form_textarea {
        display: block;
    }

    .footer_widget {
        padding-bottom: 0;
    }

    .footer_box img {
        margin: 0 auto;
    }

    /* ================== widget_buttons ===================*/
    .widget_icon {
        flex-direction: column;
        gap: 0.2rem;
        padding: 0 2rem;
    }

    .widget_icon img {
        width: 3.3rem;
    }

    .widget_icon p {
        font-size: 1.129rem;
    }

    .widget_buttons {
        padding-left: 3.7rem;
    }

    .widget_buttons_wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .social_icons_footer_sm {
        display: block;
    }

    /* =================== treatment_area ================= */
    .section_block_img .swiper-slide img {
        height: 38.3rem;
    }

    .treatment_area {
        padding-top: 0;
    }

    /* ============ review_images ============= */
    .Reviews_img_sm {
        display: block;
    }

    .Reviews_img {
        display: none;
    }

    /* ============ contact_form.v2 ============= */
    .contact_form.v2 .col-md-4 {
        padding: 0;
    }

    .col-md-4 {
        width: 100%;
    }

    .contact_area.v2 {
        padding: 3.5rem 0;
    }

    .contact_form .button {
        width: 100%;
    }

    /* ============= subcategory_area ============= */
    .category > img {
        width: 13.4rem;
        height: 15.4rem;
    }

    .category > img {
        grid-column: 2;
    }

    .category {
        grid-template-columns: 1fr 0fr;
        grid-template-rows: 1fr;
        align-items: center;
        gap: 4rem;
        padding: 3.1rem 0;
    }

    .category_info {
        grid-column: 1;
        grid-row: 1;
        padding-top: 0;
        padding-right: 0;
    }

    .category_info h5 {
        font-size: 2.1rem;
    }

    .category_info p {
        padding: 0;
        padding-top: 0.8rem;
        padding-bottom: 0.5rem;
        font-size: 1.8rem;
    }

    .subcategory_area .section_top {
        padding-left: 2rem;
    }

    /* ==================== video_area ==================== */
    .video_content {
        max-width: 27rem;
        margin: 0 auto;
    }

    .video_content .desc {
        padding: 3rem 0 3rem;
    }

    .video_area {
        padding: 19rem 0 33.3rem;
    }

    .video_area.v2 {
        padding-bottom: 26rem;
    }

    /* ==================== single_treatment_area ==================== */
    .section_block_img.sm,
    .section_blocks2 .section_block_content {
        max-width: 61.4rem !important;
    }

    .section_blocks2.v1,
    .section_blocks2.v2 {
        margin: 0;
    }

    .single_treatment_area {
        padding-top: 4rem;
    }

    .single_treatment_area.pt_85.mb_85 {
        padding-top: 0;
        margin-bottom: 5.5rem;
    }

    /* ==================== benifit_tubik_area ==================== */
    .benifit_tubik_points {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .logos_spark {
        display: none;
    }

    .bt_point {
        gap: 2rem;
    }

    .bt_point_info p.f_700 {
        font-size: 1.8rem;
        line-height: 1;
    }

    .bt_point img {
        filter: brightness(0) saturate(100%) invert(97%) sepia(47%) saturate(486%) hue-rotate(291deg) brightness(119%) contrast(80%);
    }

    .benifit_tubik_area .section_top {
        padding-bottom: 3.5rem;
    }

    .benifit_tubik_area.pt_45.pb_75 {
        padding-bottom: 8rem;
    }

    /* ====================== thera_package_v2 ========================= */
    .therapy_packages {
        padding-top: 0;
    }

    .thera_package_v2 .tp_img img {
        width: 13.4rem;
        height: 15.4rem;
        border-radius: 1.2rem;
    }

    .thera_package_v2 {
        display: grid;
        grid-template-columns: 0fr 1fr;
        gap: 1rem;
        padding: 1rem;
        border-radius: 0.8rem;
        background: #fff;
        box-shadow: 0 0 1.3rem 0 rgba(0, 0, 0, 0.2);
        position: relative;
        overflow: hidden;
    }

    .thera_package_v2 .tp_info {
        width: 19.7rem;
    }

    .thera_package_v2 .tp_bottom {
        justify-content: end;
    }

    .therapy_packages .container {
        padding: 0 1.3rem;
    }

    .tp_badge {
        text-align: center;
        background: #304753;
        color: #fff;
        height: 2.6rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        position: absolute;
        width: 14rem;
        top: 1.5rem;
        left: -3.5rem;
        transform: rotate(-45deg);
    }

    .thera_package_v2 .tp_bottom p {
        color: #464545;
    }

    .thera_package_v2 .desc p {
        color: #464545;
        line-height: 1.15;
    }

    .therapy_packages .section_top p {
        display: block;
    }

    .therapy_packages .section_top {
        padding-bottom: 2rem;
        text-align: center;
    }

    .thera_packages_v2 {
        display: grid;
        gap: 2.4rem;
    }

    .video_box_two {
        padding-top: 7.5rem;
        padding-bottom: 4.2rem;
    }

    /* ====================== therapy_packages_area ======================= */
    .mixitup_container {
        grid-template-columns: 1fr;
    }

    .thera_package.v2 {
        padding: 0;
        height: 24.2rem;
        display: flex;
        flex-direction: row-reverse;
        overflow: hidden;
    }

    .tp_img img {
        height: 100%;
        width: 16rem;
        border-radius: 0;
    }

    .price {
        bottom: 0.7rem;
        right: 2.5rem;
    }

    .therapy_packages_area .container {
        padding: 1.1rem;
    }

    .tags.v3 a {
        font-size: 1.6rem;
        padding: 5px 15px;
    }

    .thera_package.v2 .desc p {
        font-size: 1.6rem;
    }

    .mixitup_btn {
        height: 3.3rem;
        width: 8.6rem;
        font-size: 1.3rem;
    }

    .mixitup_nav {
        gap: 0.6rem;
    }

    .mixitup_nav_wrap > p {
        display: none;
    }

    .therapy_packages_area {
        padding: 4rem 0 3rem;
    }

    .price .text_md {
        font-size: 1.4rem;
    }

    .price .text_xl {
        font-size: 2rem;
    }

    .thera_package.v2 .tags.v3 a {
        width: 5.4rem;
    }

    /* =========================== package_modal ========================= */
    .package_modal_content .desc {
        width: 100%;
    }

    .package_modal .modal_content {
        min-width: 30.8rem;
        max-width: 30.8rem;
        padding: 3.2rem 2.9rem 2.6rem 2.3rem;
    }

    .package_modal_content .tags.v3 {
        display: flex !important;
        gap: 1rem;
    }

    .package_modal_content .tags.v3 a {
        display: flex !important;
    }

    .package_modal .tp_infov2_bottom {
        gap: 1.6rem;
    }

    .package_modal .tp_infov2_bottom .button {
        width: 100%;
    }

    /* =========================== subcategory_area ========================= */
    .subcategory_area.v2 {
        padding-top: 12rem;
        padding-bottom: 6.5rem;
    }

    .subcategory > img {
        height: 38.3rem;
        object-fit: cover;
    }

    /* ======================= single_slider_area ========================= */
    .single_slider_area {
        padding-top: 0;
    }

    .single_slider_area .mySwiper {
        display: none;
    }

    .single_slider_area .single_slider_Wrap {
        padding: 0;
    }

    .single_slider_area .swiper.mySwiper2 .swiper-slide img {
        height: 38.3rem;
        object-fit: cover;
    }

    .single_slider_area .slider_arrows {
        width: 100%;
        bottom: 0.8rem;
        transform: translate(0, 0);
        top: auto;
        left: 0;
    }

    .single_slider_area .slider_arrow_middle_black img {
        filter: var(--white_img) !important;
    }

    .single_slider_area .swiper-pagination {
        padding-bottom: 0.5rem;
    }

    .single_slider_area .swiper.mySwiper2 {
        margin-bottom: 0;
    }

    .single_slider_area .single_slider_details_bottom {
        padding-top: 3rem;
    }

    /* ============================ Treatment area ========================= */
    .video_box.v2.sm {
        width: 13.4rem;
        height: 15.4rem;
    }

    .video_box.v2.sm .video_actions .play_and_pause_toggle img {
        width: 2.4rem;
    }

    .video_box.v2.sm .video_actions {
        left: 0.6rem;
        bottom: 0.7rem;
    }

    .treatment_package {
        gap: 1rem;
        background: transparent;
        padding: 3.1rem 0.3rem 3.1rem 1.2rem;
        position: relative;
    }

    .treatment_package_info .desc {
        padding-bottom: 0;
        padding-top: 0.8rem;
    }

    .treatment_packages {
        gap: 0;
    }

    .treatment_package:before {
        background: #d6dadd;
        content: "";
        width: 100vw;
        height: 0.1rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }

    .treatment_package_area .section_top {
        padding-bottom: 2rem;
    }

    .treatment_package_area {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .treatment_package_info h4 {
        font-size: 1.8rem;
        font-weight: 700 !important;
    }

    /* =================== treatment_package_area ==================== */
    .treatment_package_area.pt_100.pb_70 {
        padding-bottom: 3rem;
    }

    /* =================== Brand_area ==================== */
    .brand_logo2 {
        width: 10rem;
    }

    .brand_logo4 {
        width: 11.8rem;
    }

    .brand_logo1 {
        width: 11rem;
    }

    .brand_logo3 {
        width: 11.8rem;
    }

    /* =================== galler_area ==================== */
    .gallery_col img {
        height: 19.4rem;
    }

    .gallery_col.v1,
    .gallery_col.v2,
    .gallery_col.v3
    {
        grid-template-columns: 1fr 1fr;
    }

    .gallery_col.v1 img:last-child,
    .gallery_col.v2 img:last-child {
        display: none;
    }

    .gallery_area .section_top {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.3rem;
        padding-bottom: 3.5rem;
    }

    .gallery_area .section_top .desc {
        padding-bottom: 3rem;
    }

    .gallery_area {
        padding: 4.4rem 0 11.4rem;
    }

    .gallery_row .accordion_item .accordion_button {
        margin-top: 10rem;
    }

    /* ============================= about_area ============================== */
    .about_slider_area {
        padding: 11rem 0;
    }

    .about_slide img {
        height: 37.4rem;
    }

    .about_slide {
        position: relative;
        display: flex;
    }

    .about_info {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        padding: 0;
        display: flex;
        align-items: baseline;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 1.4rem 1.9rem 0;
        color: #fff;
        border-radius: 1.2rem;
        background: linear-gradient(180deg, rgba(10, 14, 16, 0) 45%, #000000 100%);
    }

    .about_info h5 {
        font-size: 2.8rem;
        padding-bottom: 0.6rem;
        line-height: 1;
        color: #fff;
        font-weight: 400;
        display: flex;
        width: 100%;
        justify-content: normal;
    }

    .about_info p {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 1.8rem;
    }

    .about_slider_area .section_top .slider_arrows,
    .about_slider_area .swiper-scrollbar {
        display: flex;
    }

    .about_slider_area .section_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 3.5rem;
    }

    .about_slider_area .section_top h5 {
        font-size: 3rem;
        color: #304753;
    }

    .about_slider_area .section_top .slider_arrows img {
        filter: brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1453%) hue-rotate(156deg) brightness(94%) contrast(89%);
    }

    .about_slider_area .swiper-scrollbar {
        margin-top: 6rem;
    }

    .about_slider {
        overflow: visible;
    }

    .about_slider_wrapper .sync_slider_arrows {
        display: none;
    }

    /* ==================== about_area ====================== */
    .about_area .section_blocks2.v1 {
        flex-direction: column;
        gap: 2.5rem;
    }

    .about_area .section_blocks2.v2 {
        flex-direction: column-reverse;
        gap: 2.5rem;
    }

    .section_blocks2s {
        display: grid;
        gap: 4rem;
    }

    .review_images_page {
        padding: 0;
    }

    /* ===================== blog page ===================== */
    .video_area.v3 {
        padding-top: 4rem;
        padding-bottom: 0;
    }

    .video_area.v3 .section_top {
        padding-bottom: 3.1rem;
    }

    .blog_area.v2 {
        padding-bottom: 6rem;
    }

    .blog_page_sections {
        padding-top: 8.5rem;
        padding-bottom: 8rem;
    }

    /* ============= subcategory_area3 ================ */
    .subcategory_area3 .section_top {
        padding-right: 0;
        padding-bottom: 8rem;
    }

    /* ============= thank_you_area ================ */
    .thank_you_area {
        padding: 8rem 0;
    }

    .thank_u_img {
        max-width: 100%;
        margin: 4.2rem 0 5.5rem;
    }

    .th_content .desc p a {
        white-space: nowrap;
    }

    .th_content .desc p {
        flex-wrap: wrap;
    }

    /* =============== error_page ================ */
    .error_page {
        padding: 23.4rem 0 15.3rem;
    }

    .error_page img {
        width: 18.4rem;
    }

    .error_page h1 {
        font-size: 6rem;
        padding: 1.8rem 0 1.9rem;
    }

    /* =============== error_page ================ */
    .policy_area {
        padding: 2.5rem 0 10rem;
    }

    .policy_area h2 {
        padding-bottom: 1.5rem;
    }

    /* =============== Blog section ================ */
    .article_area {
        padding-top: 2.3rem;
        padding-bottom: 7rem;
    }

    .article_content {
        gap: 0;
    }

    .single_aricle_top .section_top {
        width: 100%;
    }

    .single_aricle_top .section_top p {
        padding: 2.3rem 0;
    }

    .single_aricle_top {
        padding-top: 3.9rem;
    }

    .article_text_block.v1 ul {
        padding-top: 1.5rem;
    }

    .article_text_block.v1 {
        padding-bottom: 4rem;
    }

    .article_right .gfn_img {
        height: 26.2rem;
        object-fit: cover;
    }

    .article_text_block.v2 {
        padding: 5rem 0;
    }

    .sh8_img {
        height: 27.5rem;
        object-fit: cover;
    }

    .article_text_block {
        width: 31.9rem;
    }

    .article_text_block {
        padding-right: 2.2rem !important;
    }

    .article_text_block.v3 {
        padding-top: 7rem;
        padding-bottom: 4.5rem;
    }

    .article_text_block.v4,
    .article_text_block.v5,
    .article_text_block.v6 {
        padding-bottom: 4.5rem;
    }

    .Blog_section {
        padding: 7rem 0 5rem;
    }

    .Blog_section .section_top a {
        display: none;
    }

    .Blog_section .section_top h5 {
        font-size: 2.8rem;
    }

    .video_block_slider .section_top {
        width: 31.5rem;
    }

    .video_block_slider .section_top h5 {
        line-height: 1.2;
    }

    /* ============== comming_home_area =============== */
    .comming_home_area {
        padding: 3.2rem 0 7rem;
    }

    /* ================== singlecourse_area ================== */
    .section_block_content .desc {
        width: 29.7rem !important;
        padding-top: 3.3rem !important;
    }

    .singlecourse_area .section_blocks.v1 {
        gap: 5.1rem;
        padding-bottom: 0;
    }

    .singlecourse_area {
        padding-top: 4rem;
        padding-bottom: 0;
    }

    /* ================== courses_area ================== */
    .courses_area {
        padding: 3rem 0 4rem;
    }

    .course_right ul {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .course_content {
        padding-bottom: 0;
    }

    .course_contact .contact_form .row {
        grid-template-columns: 1fr;
        width: 25.2rem;
        margin: 0 auto;
    }

    .course_contact .contact_form .button {
        width: 25.2rem;
    }

    .course_tabs {
        padding-bottom: 7.1rem;
    }

    .course_contact {
        padding-bottom: 9.5rem !important;
        border-bottom: 0.1rem solid #d6dadd;
        margin-bottom: 5.5rem;
    }

    /* ================== contact_page ================== */
    .contact_page {
        padding-bottom: 10rem;
    }

    .contact_content_wrap {
        max-width: 100%;
        margin-right: 0;
    }

    .contact_top_wrap {
        grid-template-columns: 1fr;
        gap: 6.5rem;
        padding-bottom: 12.8rem;
    }

    .contact_top_wrap_right > div {
        padding-bottom: 4rem;
    }

    .contact_top_wrap_left .contact_content .section_top {
        padding-bottom: 3rem;
    }

    .contact_page .footer_map {
        display: block;
    }

    .contact_page .footer_map iframe {
        height: 45.5rem;
        border-radius: 1.8rem;
    }

    .video_area.v2:after {
        height: 18.7rem;
    }

    /* ==================== therapy_packages_area.v2 ===================== */
    .therapy_packages_area.v2 .sm_badge {
        display: grid;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: -3rem;
        top: 2rem;
        background: #304753;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 300;
        height: 2.6rem;
        width: 12.5rem;
        transform: rotate(-45deg);
    }

    .therapy_packages_area.v2 .thera_package .button {
        display: none;
    }

    .therapy_packages_area.v2 .thera_package {
        display: flex;
    }

    .therapy_packages_area.v2 .thera_package.v2 {
        flex-direction: row;
        height: auto;
        padding: 1rem 1rem 1rem 1.8rem;
        border-radius: 0.8rem;
    }

    .therapy_packages_area.v2 .tp_img img {
        height: 15.5rem;
        width: 13.5rem;
        object-fit: cover;
        border-radius: 0.8rem;
    }

    .therapy_packages_area.v2 .tp_bottom {
        padding-top: 2.8rem;
        justify-content: end;
    }

    .therapy_packages_area.v2 .tp_info h5 {
        color: #040303;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .therapy_packages_area.v2 .thera_package.v2 .desc p {
        color: #464545;
    }

    .therapy_packages_area.v2 .tp_bottom p {
        color: #464545;
        color: #464545;
        font-size: 1.8rem;
        font-weight: 500;
    }

    .therapy_packages_area.v2 .tp_bottom p span {
        font-size: 1.4rem;
    }

    .therapy_packages_area.v2 .desc p.modal_toggle {
        display: none;
    }

    .therapy_packages_area.v2 .thera_package.v2 .tp_info {
        padding-right: 1rem;
        padding-top: 1.8rem;
    }

    /* ================== selection_wrap =============== */
    .selection_list {
        flex-direction: column;
        width: fit-content;
        padding: 1rem 2rem;
        position: absolute;
        z-index: 999;
        background: #fff;
        transition: 0.25s ease;
        gap: 1.2rem;
        opacity: 0;
        transform: translateY(2rem) scale(0.85);
        pointer-events: none;
        box-shadow: 0.4rem 0.4rem 1.5rem 0.1rem rgba(0, 0, 0, 0.2);
    }

    .selection_wrap.active .selection_list {

        opacity: 1;
        transform: translateY(0.5rem) scale(1);
        pointer-events: all;
    }

    .mynaui_filter {
        width: 2.4rem;
    }

    .selection_btn {
        cursor: pointer;
        display: grid;
        grid-template-columns: 0fr 1fr;
        align-items: center;
        width: fit-content;
        cursor: pointer;
    }

    .selection_wrap {
        position: relative;
    }

    .selection_list .selection_btn {
        grid-template-columns: 1fr;
    }

    .mobile_mixing_nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 3.2rem;
    }

    /* ============ seo_content ================ */
    .seo_content {
        padding: 0 0.6rem;
    }

    .seo_content h5 {
        font-size: 1.7rem;
    }

    .seo_content hr {
        border-color: #dfdfdf;
        margin: 0 4rem;
        border-width: 0.1rem;
    }

    /* ============ footer2 ================ */
    .footer2 h5 {
        color: #7d7d7d;
        font-size: 1.6rem;
        text-align: center;
    }

    .footer2 {
        padding: 6.2rem 0 6rem;
        background: #effaff;
    }

    /* ============ coupon_top ================ */
    .coupon_top h3 {
        font-size: 1.7rem;
        line-height: 1.25;
    }

    /* ============ Voucher area ================ */
    .voucher_top img {
        width: 5.7rem;
    }

    .voucher_top h5 {
        font-size: 1.1rem;
    }

    .voucher_content > p {
        line-height: 1;
        font-size: 0.7rem;
    }

    .voucher_content p.pb_20 {
        padding-bottom: 0.9rem;
    }

    .voucher_content {
        max-width: 22.3rem;
    }

    .voucher_content > span {
        font-size: 0.65rem;
    }

    .voucher_bg {
        width: 24.6rem;
        right: auto;
        left: 0;
    }

    .voucher_img {
        width: 19;
    }

    .voucher_img_wrap {
        width: 19.2rem;
    }

    .openstate_content .voucher_box {
        padding: 1.1rem;
    }

    .voucher_top {
        gap: 1.1rem;
    }

    .text_contents h4 {
        line-height: 1.35;
    }

    .voucher_box {
        border-radius: 0.8rem;
    }

    /* =========== Thankyou2_area ============ */
    .thankyou2_left {
        padding-top: 0;
    }

    .Thankyou2_area {
        padding: 4.5rem 0;
    }
}

/*----- xs devices (landscape phones, 575px and down) -----*/
@media (max-width: 575px) {
    html {
        font-size: 2.54vw;
    }

    .container {
        padding: 0 2rem;
        max-width: 100%;
    }

    /* menu */
    .primary_menu {
        width: calc(100%);
    }

    /* =============== expHover_area =============== */
    .expHover_area .container {
        padding: 0;
    }

    .expHover_content img {
        height: 28.522rem;
        object-fit: cover;
    }

    .expHover_nav_list {
        margin: 0 auto;
        width: 29.2rem;
        padding-right: 0;
    }

    .expHover_nav.active .expContent {
        width: 26rem;
    }

    .follower_nav_list {
        width: calc(100% + 4rem);
        transform: translateX(2rem);
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* =================== treatment_area ================= */
    .section_block_img {
        width: calc(100% + 4rem);
        border-radius: 0;
    }

    /* ==================== single_treatment_area ==================== */
    .section_block_img.sm {
        max-width: 100vw !important;
        transform: translateX(2rem);
        border-radius: 0;
    }

    .section_blocks2 .swiper-slide img,
    .section_blocks2 .parallax_area {
        border-radius: 0;
    }

    .section_blocks2 .section_block_content {
        max-width: 35.3rem !important;
    }

    .section_blocks2 .section_block_content .button {
        margin: 0 auto;
        margin-top: 1rem;
    }

    .section_blocks2.v1,
    .section_blocks2.v2 {
        width: 35.3rem;
    }

    /* ==================== vide_area ==================== */
    .video2_box {
        width: calc(100% + 4rem);
        transform: translateX(2rem);
    }

    /* ===================== About area ================= */
    .about_area .section_top {
        width: calc(100% + 4rem);
        transform: translateX(2rem);
        padding: 0 3rem;
        padding-bottom: 3.5rem;
    }

    /* =========================== subcategory_area ========================= */
    .sm_full_width,
    .article_right > img,
    .course_tab_left .content img,
    .course_tab_right .tab_navs {
        width: calc(100% + 4rem);
        transform: translateX(2rem);
        border-radius: 0;
    }

    .single_slider_area .swiper.mySwiper2 .swiper-slide img,
    .swiper.mySwiper2,
    .subcategory > img {
        border-radius: 0;
    }

    /* =========================== expHover_area.v3 ========================= */
    .expHover_area.v3 .expHover_content img {
        border-radius: 0;
    }

    .expHover_area.v3 .expHover_nav_list.d_lg_none {
        width: 33.5rem;
    }

    /* =================== galler_area ==================== */
    .gallery_col img {
        border-radius: 0;
    }

    .gallery_area .container {
        padding: 0;
    }

    /* =================== blog_video_wrapper ==================== */
    .blog_video_wrapper,
    .blog_video_wrapper .video_box {
        width: calc(100% + 2rem) !important;
        transform: translateX(1rem);
        border-radius: 0;
        overflow: visible;
    }


    .video_area.v3 .video_box,
    .blog_video_wrapper video {
        border-radius: 0;
    }

    /* =================== singlecourse_area ==================== */
    .singlecourse_area .parallax_slider {
        border-radius: 0;
    }

    .course_tab_right .tab_navs {
        padding: 0 2rem;
        padding-bottom: 1.3rem;
    }

    .modal_content {
        width: 29rem;
    }

    /* voucher_items_wrap */
    .voucher_items_wrap {
        width: calc(100% + 4rem);
        transform: translateX(2rem);
        padding: 0 2rem;
    }

    .voucher_popup .modal_content {
        height: auto;
        width: 36rem;
        padding: 3rem 0;
    }
}