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

    .mobil-action-button {
        width: 50px;
        height: 50px;
    }

    .mobil-action-button.active::before {
        content: "";
        width: 100%;
        height: 100px;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
    }

    .mobil-action-button svg {
        width: 40px;
        height: 40px;
    }

    .lunvara-entry-background {
        height: 100vh;
    }

    .lunvara-entry-background img {
        height: 100%;
    }

    .lunvara-header.pages-header .lunvara-head-main::before {
        border-radius: 30px 30px 0 0;
    }

    .lunvara-header.pages-header .lunvara-head-main .lunvara-head-main-group {
        padding: 30px 15px;
    }

    .lunvara-page-head::before {
        border-radius: 0 0 30px 30px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.head-logos .logo img {
        width: 130px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a {
        height: auto;
        padding: 5px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a .icon i {
        font-size: 20px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a span {
        display: none;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.right {
        gap: 15px;
    }

    .lunvara-story {
        margin: 75px 0;
    }

    .lunvara-story .story-wrapper .story-group {
        flex-direction: column-reverse;
    }

    .lunvara-story .lunvara-head {
        padding: 0 0 25px;
    }

    .lunvara-story .story-wrapper .story-group .story-left {
        width: 100%;
    }

    .lunvara-story .story-wrapper .story-group .story-right {
        width: 100%;
    }

    .story-platform {
        padding: 0;
    }

    .story-platform .story-platform-group .story-platform-item {
        padding: 35px 25px;
    }

    .lunvara-blog .lunvara-head h2 {
        text-align: left;
        border: unset;
    }

    .lunvara-blog .lunvara-head p {
        max-width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .swiper.swiper-blog .swiper-slide.swiper-slide-active,
    .swiper.swiper-blog .swiper-slide.swiper-slide-next,
    .swiper.swiper-blog .swiper-slide.swiper-slide-next+.swiper-slide {
        transform: translate(0) rotate(0);
    }

    body .swiper.swiper-blog {
        padding: 0;
        width: 75%;
    }

    .lunvara-blog .blog-wrapper .swiper-navigation-button {
        width: 80px;
        height: 80px;
        font-size: 24px;
    }

    .lunvara-clinic {
        padding: 50px 0 0;
    }

    .lunvara-clinic .clinic-wrapper .clinic-slider {
        width: 130vw;
    }

    .lunvara-clinic .clinic-wrapper {
        justify-content: flex-start;
    }

    .lunvara-clinic .lunvara-head {
        margin: 0 0 30px;
    }

    .lunvara-clinic .lunvara-head .head-col .swiper-navigation-button {
        background-color: #fff;
    }

    .lunvara-footer {
        margin: 60px 0 0;
    }

    .lunvara-footer .footer-card .footer-card-group {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.logos {
        padding: 40px 30px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item .logo img {
        height: 60px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item p {
        font-size: 15px;
        line-height: 30px;
        margin: 0 0 25px;
        border-bottom: 1px solid #dddddd;
        padding: 0 0 20px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus {
        padding: 15px 30px;
        border-bottom: 1px solid #eaeaea;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.maps .map-wrapper iframe {
        height: 200px;
    }

    .lunvara-footer .lunvara-copyright {
        padding: 15px 0;
    }

    .lunvara-footer .lunvara-copyright .copyright-group {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .lunvara-footer .lunvara-copyright .copyright-group .copyright-item p {
        font-size: 12px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .title {
        font-size: 18px;
        margin: 0;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper nav ul {
        gap: 10px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper nav ul li a {
        font-size: 12px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.maps {
        margin: 30px 0 0;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-title {
        padding: 0;
        border: unset;
        height: auto;
        flex: unset;
        margin: 0 0 15px;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-title h1 {
        font-size: 28px;
        line-height: 40px;
        text-align: center;
    }

    .lunvara-page-head.detail-page-head .page-head-wrapper .pega-head-group .page-head-title h1 {
        font-size: 20px;
        line-height: 28px;
    }

    body .breadcrumb ul li a .icon {
        width: 26px;
        height: 26px;
        font-size: 14px;
    }

    body .breadcrumb ul li {
        font-size: 12px;
    }

    body .breadcrumb ul li a::after {
        width: 4px;
        height: 4px;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group {
        flex-direction: column;
        justify-content: center;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-breadcrumb {
        padding: 0;
    }

    .lunvara-page-head .page-head-wrapper {
        height: auto;
        padding: 35px;
    }

    /* BLOG DETAIL PAGE */
    .blog-detail-page-wrapper .row {
        flex-direction: column-reverse;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .writer-box .image img {
        width: 40px;
        height: 40px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .content .label {
        font-size: 10px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .content .text {
        font-size: 13px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-group {
        width: max-content;
        gap: 20px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item:not(:last-child) {
        padding: 0 20px 0 0;
    }

    .lunvara-post-detail .lunvara-post-head {
        overflow-x: scroll;
    }

    .lunvara-post-detail .lunvara-post-head::-webkit-scrollbar {
        display: none;
    }

    .lunvara-post-detail .lunvara-post-body .lunvara-content {
        padding: 0;
        text-align: left;
    }

    .lunvara-post-detail .lunvara-post-body .lunvara-content ul li {
        padding: 0;
    }

    .lunvara-post-detail .lunvara-post-body .lunvara-content ul li::before {
        right: unset;
        left: -15px;
        top: 15px;
    }

    /* BLOG PAGE */
    .lunvara-taxonomy-card .card-wrapper h2 {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 25px;
        display: flex;
        justify-content: space-between;
    }

    .lunvara-taxonomy-card .card-wrapper h2.active {
        color: var(--secondary-color);
    }

    .lunvara-taxonomy-card .card-wrapper h2 strong {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .lunvara-taxonomy-card {
        padding: 0;
        border-radius: 25px;
        margin: 0 0 30px;
        z-index: 9;
        position: relative;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list {
        display: none;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list ul {
        padding: 0px 20px 40px 40px;
        gap: 15px;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list ul li a {
        font-size: 13px;
    }

    .lunvara-blog-page .blog-page-wrapper .lunvara-aside .lunvara-banner-card {
        display: none;
    }

    .lunvara-blog-page .blog-page-wrapper .page-content-list {
        padding: 0;
    }

    .blog-card .card-image .button .lunvara-button {
        height: 55px;
        font-size: 15px;
    }

    .blog-card .card-image .button .lunvara-button .icon {
        width: 38px;
        height: 38px;
    }

    .blog-card .card-image .button .lunvara-button .icon i {
        font-size: 16px;
    }

    .blog-card .card-content a .date {
        font-size: 11px;
    }

    .blog-card .card-content a .date i {
        font-size: 14px;
    }

    .blog-card .card-content a h3 {
        font-size: 20px;
    }

    /* STORY PAGE */
    .lunvara-story-page .story-page-wrapper .story-page-head .story-platform .story-platform-group {
        flex-direction: column;
        gap: 20px;
    }

    .lunvara-story-page .story-page-wrapper .story-page-head .story-platform .story-platform-group .story-platform-item {
        width: 100%;
    }

    /* TEAM DETAIL */
    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button {
        height: 60px;
        font-size: 17px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button .icon {
        width: 40px;
        height: 40px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button .icon i {
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-content {
        padding: 0;
        margin: 30px 0;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-content p {
        font-size: 15px;
        text-align: left;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .actions-group {
        flex-direction: column;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button {
        width: 100%;
        justify-content: flex-start;
        font-size: 14px;
        height: 55px;
        gap: 10px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button .icon {
        width: 40px;
        height: 40px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button .icon i {
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-right .social-group a {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left,
    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-right {
        width: 100%;
    }

    /* TEAM PAGE / SEARCH */
    .page-search {
        width: 100%;
        margin: 0 0 30px;
    }

    .search-card {
        height: 70px;
    }

    .search-card .icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .search-card input {
        font-size: 15px;
    }

    /* TREATMENTS DETAIL PAGE */
    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button {
        height: 60px;
        font-size: 17px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button .icon {
        width: 40px;
        height: 40px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button .icon i {
        font-size: 18px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-form {
        padding: 30px;
        border-radius: 40px;
    }

    .lunvara-form .form-wrapper .form-head .form-title {
        font-size: 22px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .row {
        flex-direction: column-reverse;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents {
        padding: 0;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box .icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box {
        padding: 50px 30px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box h2 {
        font-size: 22px;
        line-height: 30px;
        max-width: 85%;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box p {
        font-size: 14px;
        line-height: 28px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box ul li {
        font-size: 14px;
        line-height: 28px;
    }

    .treatment-steps h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item {
        padding: 25px;
        border-radius: 30px;
        width: 48%;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item .number {
        font-size: 26px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item .title {
        font-size: 16px;
        line-height: 20px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item p {
        font-size: 12px;
    }

    .treatment-steps .treatment-steps-group {
        display: flex;
        gap: 4%;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .lunvara-content h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 25px;
    }

    /* TREATMENTS PAGE */
    .treatments-card .card-image img {
        height: 400px;
    }

    .treatments-card .card-content h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .treatments-card .card-content h3 strong {
        font-size: 24px;
    }

    .treatments-card .card-content h3::before {
        width: 30px;
    }

    .treatments-card .card-image .tags span {
        font-size: 10px;
        padding: 8px 10px;
    }

    /* LUNVARA CONTENT (genel utility) */
    .lunvara-content h2 {
        font-size: 22px;
        line-height: 28px;
        text-align: left;
    }

    .lunvara-content h3 {
        text-align: left;
        font-size: 18px;
        line-height: 24px;
    }

    .lunvara-content p {
        font-size: 14px;
        line-height: 30px;
        text-align: left;
    }

    .lunvara-content ul,
    .lunvara-content ol {
        padding: 0 0 0 20px;
    }

    .lunvara-content ul li,
    .lunvara-content ol li {
        font-size: 14px;
        line-height: 34px;
    }

    .lunvara-content ol li {
        list-style: numeric;
    }

    .lunvara-content img {
        height: 300px;
    }

    body .breadcrumb {
        overflow-x: scroll;
        max-width: 100%;
    }

    body .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    body .breadcrumb ul {
        width: max-content;
    }

    .social-group {
        gap: 5px;
    }

    .social-group a {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .actions-group {
        gap: 10px;
    }

    .lunvara-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .lunvara-head .head-col {
        width: 100%;
    }

    .lunvara-head h2 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 10px;
    }

    .lunvara-head p {
        font-size: 14px;
        line-height: 24px;
    }

    .lunvara-head .navigation-group {
        display: flex;
        gap: 20px;
        width: 100%;
        margin: 20px 0 0;
    }

    .swiper-navigation-button {
        width: 65px;
        height: 65px;
        font-size: 24px;
    }

    .lunvara-pagination {
        margin: 0;
    }

    .lunvara-pagination .pagination-group {
        gap: 10px;
    }

    .lunvara-pagination .pagination-group .pagination-item {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .mobil-action-button {
        width: 50px;
        height: 50px;
    }

    .mobil-action-button.active::before {
        content: "";
        width: 100%;
        height: 100px;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
    }

    .mobil-action-button svg {
        width: 40px;
        height: 40px;
    }

    .lunvara-entry-background {
        height: 100vh;
    }

    .lunvara-entry-background img {
        height: 100%;
    }

    .lunvara-header.pages-header .lunvara-head-main::before {
        border-radius: 30px 30px 0 0;
    }

    .lunvara-page-head::before {
        border-radius: 0 0 30px 30px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.head-logos .logo img {
        width: 180px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a {
        height: 60px;
        padding: 5px;
        width: 60px;
    }

    body .mobil-action-button {
        width: 60px;
        height: 60px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a .icon i {
        font-size: 20px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .head-actions-group a span {
        display: none;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.right {
        gap: 15px;
    }

    .lunvara-story {
        margin: 75px 0;
    }

    .lunvara-story .story-wrapper .story-group {
        flex-direction: column-reverse;
    }

    .lunvara-story .lunvara-head {
        padding: 0 0 25px;
    }

    .lunvara-story .story-wrapper .story-group .story-left,
    .lunvara-story .story-wrapper .story-group .story-right {
        width: 100%;
    }

    .story-platform {
        padding: 0;
    }

    .story-platform .story-platform-group {
        flex-direction: row;
    }

    .story-platform .story-platform-group .story-platform-item {
        width: 50%;
        padding: 35px 25px;
    }

    .lunvara-story-page .story-page-wrapper .story-page-head .story-page-list .row {
        --bs-gutter-x: 50px;
    }

    .lunvara-blog .lunvara-head h2 {
        text-align: left;
        border: unset;
    }

    .lunvara-blog .lunvara-head p {
        max-width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .swiper.swiper-blog .swiper-slide.swiper-slide-active,
    .swiper.swiper-blog .swiper-slide.swiper-slide-next,
    .swiper.swiper-blog .swiper-slide.swiper-slide-next+.swiper-slide {
        transform: translate(0) rotate(0);
    }

    body .swiper.swiper-blog {
        padding: 0;
        width: 75%;
        top: 40px;
    }

    .lunvara-blog .blog-wrapper .swiper-navigation-button {
        width: 80px;
        height: 80px;
        font-size: 24px;
    }

    .lunvara-clinic {
        padding: 50px 0 0;
    }

    .lunvara-clinic .clinic-wrapper .clinic-slider {
        width: 130vw;
    }

    .lunvara-clinic .clinic-wrapper {
        justify-content: flex-start;
    }

    .lunvara-clinic .lunvara-head {
        margin: 0 0 30px;
    }

    .lunvara-clinic .lunvara-head .head-col .swiper-navigation-button {
        background-color: #fff;
    }

    .lunvara-footer {
        margin: 60px 0 0;
    }

    .lunvara-footer .footer-card .footer-card-group {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.logos {
        padding: 40px 30px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item .logo img {
        height: 70px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item p {
        font-size: 17px;
        line-height: 32px;
        margin: 0 0 25px;
        border-bottom: 1px solid #dddddd;
        padding: 0 0 20px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus {
        padding: 20px 30px;
        border-bottom: 1px solid #eaeaea;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.maps .map-wrapper iframe {
        height: 300px;
    }

    .lunvara-footer .lunvara-copyright {
        padding: 15px 0;
    }

    .lunvara-footer .lunvara-copyright .copyright-group {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .lunvara-footer .lunvara-copyright .copyright-group .copyright-item p {
        font-size: 12px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .title {
        font-size: 20px;
        margin: 0;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper nav ul {
        gap: 10px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper nav ul li a {
        font-size: 12px;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.maps {
        margin: 30px 0 0;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-title {
        padding: 0;
        border: unset;
        height: auto;
        flex: unset;
        margin: 0 0 15px;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-title h1 {
        font-size: 32px;
        line-height: 46px;
        text-align: center;
    }

    .lunvara-page-head.detail-page-head .page-head-wrapper .pega-head-group .page-head-title h1 {
        font-size: 20px;
        line-height: 28px;
    }

    body .breadcrumb ul li a .icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    body .breadcrumb ul li {
        font-size: 14px;
    }

    body .breadcrumb ul li a::after {
        width: 4px;
        height: 4px;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group {
        flex-direction: column;
        justify-content: center;
    }

    .lunvara-page-head .page-head-wrapper .pega-head-group .page-head-breadcrumb {
        padding: 0;
    }

    .lunvara-page-head .page-head-wrapper {
        height: auto;
        padding: 35px;
    }

    /* BLOG DETAIL PAGE */
    .lunvara-blog-detail-page .blog-detail-page-wrapper .row {
        flex-direction: column-reverse;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .writer-box .image img {
        width: 40px;
        height: 40px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .content .label {
        font-size: 10px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item .content .text {
        font-size: 13px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-group {
        width: max-content;
        gap: 20px;
    }

    .lunvara-post-detail .lunvara-post-head .post-head-item:not(:last-child) {
        padding: 0 20px 0 0;
    }

    .lunvara-post-detail .lunvara-post-head {
        overflow-x: scroll;
    }

    .lunvara-post-detail .lunvara-post-head::-webkit-scrollbar {
        display: none;
    }

    .lunvara-post-detail .lunvara-post-body .lunvara-content {
        padding: 0;
        text-align: left;
    }

    /* BLOG PAGE */
    .lunvara-taxonomy-card .card-wrapper h2 {
        font-size: 22px;
        line-height: 20px;
        margin: 0;
        padding: 30px;
        display: flex;
        justify-content: space-between;
    }

    .lunvara-taxonomy-card .card-wrapper h2.active {
        color: var(--secondary-color);
    }

    .lunvara-taxonomy-card .card-wrapper h2 strong {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .lunvara-taxonomy-card {
        padding: 0;
        border-radius: 25px;
        margin: 0 0 30px;
        z-index: 9;
        position: relative;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list {
        display: none;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list ul {
        padding: 0px 20px 40px 40px;
        gap: 20px;
    }

    .lunvara-taxonomy-card .card-wrapper .taxonomy-list ul li a {
        font-size: 14px;
    }

    .lunvara-blog-page .blog-page-wrapper .lunvara-aside .lunvara-banner-card {
        display: none;
    }

    .lunvara-blog-page .blog-page-wrapper .page-content-list {
        padding: 0;
    }

    .blog-card .card-image .button .lunvara-button {
        height: 55px;
        font-size: 15px;
    }

    .blog-card .card-image .button .lunvara-button .icon {
        width: 38px;
        height: 38px;
    }

    .blog-card .card-image .button .lunvara-button .icon i {
        font-size: 16px;
    }

    .blog-card .card-content a .date {
        font-size: 11px;
    }

    .blog-card .card-content a .date i {
        font-size: 14px;
    }

    .blog-card .card-content a h3 {
        font-size: 20px;
    }

    /* FAQ PAGE - already handled in faq style-index, kept here too for safety on shared utility .lunvara-filter */

    /* STORY PAGE */
    .lunvara-story-page .story-page-wrapper .story-page-head .story-platform .story-platform-group {
        flex-direction: row;
        gap: 20px;
    }

    .lunvara-story-page .story-page-wrapper .story-page-head .story-platform .story-platform-group .story-platform-item {
        width: 100%;
    }

    /* TEAM DETAIL */
    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button {
        height: 60px;
        font-size: 17px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button .icon {
        width: 40px;
        height: 40px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-media .media-button .lunvara-button .icon i {
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-content {
        padding: 0;
        margin: 30px 0;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-content p {
        font-size: 15px;
        text-align: left;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button {
        width: 100%;
        justify-content: flex-start;
        font-size: 16px;
        height: 60px;
        gap: 10px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button .icon {
        width: 46px;
        height: 46px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button .icon i {
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-right .social-group a {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left,
    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-right {
        width: 100%;
    }

    /* TEAM PAGE / SEARCH */
    .page-search {
        width: 100%;
        margin: 0 0 30px;
    }

    .search-card {
        height: 70px;
    }

    .search-card .icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .search-card input {
        font-size: 15px;
    }

    /* TREATMENTS DETAIL PAGE */
    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button {
        height: 60px;
        font-size: 17px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button .icon {
        width: 40px;
        height: 40px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-media .media-button .lunvara-button .icon i {
        font-size: 18px;
    }

    .lunvara-aside .lunvara-aside-wrapper .lunvara-aside-form {
        padding: 30px;
        border-radius: 40px;
    }

    .lunvara-form .form-wrapper .form-head .form-title {
        font-size: 28px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .row {
        flex-direction: column-reverse;
    }

    .lunvara-form .form-wrapper .form-body .form-inputs .row {
        flex-direction: column;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents {
        padding: 0;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box .icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box {
        padding: 50px 30px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box h2 {
        font-size: 26px;
        line-height: 36px;
        max-width: 100%;
        width: 90%;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box p {
        font-size: 16px;
        line-height: 30px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .treatments-detail-content-box ul li {
        font-size: 14px;
        line-height: 28px;
    }

    .treatment-steps h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item {
        padding: 25px;
        border-radius: 30px;
        width: 48%;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item .number {
        font-size: 30px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item .title {
        font-size: 20px;
        line-height: 20px;
    }

    .treatment-steps .treatment-steps-group .treatment-steps-item p {
        font-size: 13px;
    }

    .treatment-steps .treatment-steps-group {
        display: flex;
        gap: 4%;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .lunvara-treatments-detail-page .treatments-detail-page-wrapper .treatments-detail-page-contents .treatments-detail-content-area .lunvara-content h2 {
        font-size: 34px;
        line-height: 48px;
        margin: 0 0 25px;
    }

    /* TREATMENTS PAGE */
    .treatments-card .card-image img {
        height: 400px;
    }

    .treatments-card .card-content h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .treatments-card .card-content h3 strong {
        font-size: 24px;
    }

    .treatments-card .card-content h3::before {
        width: 30px;
    }

    .treatments-card .card-image .tags span {
        font-size: 10px;
        padding: 8px 10px;
    }

    /* LUNVARA CONTENT */
    .lunvara-content h2 {
        font-size: 28px;
        line-height: 38px;
        text-align: left;
    }

    .lunvara-content h3 {
        text-align: left;
        font-size: 24px;
        line-height: 30px;
    }

    .lunvara-content p {
        font-size: 16px;
        line-height: 36px;
        text-align: left;
    }

    .lunvara-content ul {
        padding: 0 0 0 20px;
    }

    .lunvara-content ul li {
        font-size: 16px;
        line-height: 36px;
    }

    .lunvara-content img {
        height: 300px;
    }

    body .breadcrumb {
        overflow-x: scroll;
        max-width: 100%;
    }

    body .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    body .breadcrumb ul {
        width: max-content;
    }

    .social-group {
        gap: 5px;
    }

    .social-group a {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .actions-group {
        gap: 10px;
    }

    .lunvara-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .lunvara-head .head-col {
        width: 100%;
    }

    .lunvara-head h2 {
        font-size: 34px;
        line-height: 48px;
        margin: 0 0 10px;
    }

    .lunvara-head p {
        font-size: 16px;
        line-height: 26px;
    }

    .lunvara-head .navigation-group {
        display: flex;
        gap: 20px;
        width: 100%;
        margin: 20px 0 0;
    }

    .swiper-navigation-button {
        width: 65px;
        height: 65px;
        font-size: 24px;
    }

    .lunvara-pagination {
        margin: 0;
    }

    .lunvara-pagination .pagination-group {
        gap: 10px;
    }

    .lunvara-pagination .pagination-group .pagination-item {
        width: 50px;
        height: 50px;
        font-size: 16px !important;
    }
}

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

    html,
    html body {
        overflow-x: hidden !important;
    }

    .lunvara-content ul li,
    .lunvara-content ol li {
        text-align: left !important;
    }

    .lunvara-content ul li::before {
        right: unset !important;
        left: -15px;
    }

    .blog-detail-page-wrapper aside.lunvara-aside {
        margin: 50px 0 0;
    }

    header .sub-menu li a {
        padding: 20px 0;
    }

    .pages-header .mobil-action-button.active::before {
        display: none;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .menu-group ul li.menu-item-has-children>a::after {
        display: none;
    }

    header ul li.menu-item-has-children i {
        position: absolute;
        top: 15px;
        right: 0;
        font-size: 14px;
    }

    .lunvara-header ul li {
        width: 100%;
    }

    .lunvara-header ul li:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
    }

    .lunvara-header ul li a:not(.sub-menu a) {
        padding: 15px 0;
    }

    header .sub-menu {
        position: relative;
        width: auto;
        background-color: transparent;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        top: unset;
        left: unset;
        border-top: 1px solid #e0e0e0;
        width: 80%;
        margin: auto;
        border-radius: 0;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.head-menus {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #fff;
        z-index: 99;
        width: 100%;
        border-radius: 0 0 30px 30px;
        box-shadow: 0px 10px 10px 2px rgb(0 0 0 / 5%);
        -webkit-box-shadow: 0px 10px 10px 2px rgb(0 0 0 / 5%);
        -moz-box-shadow: 0px 10px 10px 2px rgb(0 0 0 / 5%);
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .menu-group {
        padding: 0 30px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .menu-group ul:not(.sub-menu) {
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .menu-group {
        display: none;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper nav {
        padding: 15px 0;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .title.active {
        color: var(--secondary-color);
    }
}

@media only screen and (min-width: 992px) {

    .head-col.head-mobil {
        display: none !important;
    }

    .swiper.swiper-treatments .swiper-slide.swiper-slide-active {
        width: 500px !important;
    }

    .lunvara-footer .footer-card .footer-card-group .footer-card-item.menus .menu-wrapper .title i {
        display: none;
    }

    .lunvara-taxonomy-card .card-wrapper h2 i {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .lunvara-team-detail-page .team-detail-page-wrapper .team-detail-contact .team-detail-contact-left .lunvara-button {
        font-size: 18px;
        gap: 10px;
    }

    .head-col.head-mobil {
        display: none !important;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col.head-logos .logo img {
        width: 150px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .menu-group ul li a {
        font-size: 13px;
    }

    .lunvara-button {
        font-size: 13px;
    }

    .lunvara-header .lunvara-head-main .lunvara-head-main-group .head-col .menu-group ul {
        gap: 20px;
    }

    .lunvara-head h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .story-platform .story-platform-group .story-platform-item a {
        font-size: 12px;
    }

    .lunvara-story .story-wrapper .story-group .story-left {
        width: 25%;
    }

    .lunvara-story .story-wrapper .story-group .story-right {
        width: 75%;
    }

    .swiper.swiper-blog .swiper-slide.swiper-slide-active {
        transform: rotate(3deg) translate(0, 20px);
    }

    .swiper.swiper-blog .swiper-slide.swiper-slide-next {
        transform: rotate(-3deg) translate(0, 20px);
    }

    .swiper.swiper-blog .swiper-slide.swiper-slide-next+.swiper-slide {
        transform: translate(0) rotate(0);
        opacity: 0;
        visibility: hidden;
    }
}