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

//      RESPONSIVE SYSTEM                                                                                 //

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

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

    /* PC 1400+  */
    .menuAc,
    .mContact {
        display: none !important;
    }
}

/* 1366x768 çözünürlük ve 14 inç ekranlar için CSS media query */

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

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







    /* Header: menü sığsın diye randevu butonu gizlenir (menüde ve sayfalarda zaten var) */
    .header-cta {
        display: none;
    }

    .header-menu > .menu {
        gap: 14px;
    }

    .header-main-inner,
    .header-actions {
        gap: 20px;
    }

    .header-menu > .menu > li > a {
        font-size: 15px;
    }

    .header-menu > .menu > li.mega-menu > .sub-menu {
        grid-template-columns: repeat(4, 1fr);
    }

    .header-menu > .menu > li.mega-menu > .sub-menu > li.menu-promo {
        display: none;
    }
}

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

    /* Tedaviler: paneller */
    .help-panel {
        height: 88px;
        -webkit-transition: height .6s cubic-bezier(.4, 0, .2, 1);
        transition: height .6s cubic-bezier(.4, 0, .2, 1);
    }

    .help-panel.is-active {
        height: auto;
    }

    .help-panel.is-active:after {
        background: linear-gradient(180deg, rgba(14, 27, 33, .5) 0%, rgba(14, 27, 33, .1) 22%, rgba(14, 27, 33, .5) 45%, rgba(14, 27, 33, .9) 100%);
    }

    .help-panel-head {
        height: 88px;
        padding: 0 24px 0 28px;
        gap: 18px;
    }

    .help-panel-body {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: none;
        margin: 300px 20px 20px;
    }











    .home-help-count {
        display: none;
    }


    /* Basında, Tedavi yolculuğu */
    .press-slider {
        margin-top: 40px;
    }

    .journey-intro {
        position: static;
        margin-bottom: 40px;
    }


    /* Simülatör, Keranatural bandı */
    .sim-stage,
    .kn-list {
        margin-top: 40px;
    }




    /* Instagram */


    /* Footer */
    .site-footer {
        padding-top: 64px;
    }

    .footer-top {
        flex-direction: column;
        gap: 34px;
    }

    .footer-cols {
        grid-template-columns: 1fr 1fr;
    }

    .footer-contact {
        grid-column: span 2;
    }


    /* Randevu formu */
    .home-form {
        padding-bottom: 70px;
    }

    .form-card {
        grid-template-columns: 1fr;
    }

    .form-side {
        padding: 32px;
    }


    /* İletişim kartı */
    .contact-card {
        height: 420px;
    }

    .contact-panel {
        width: 340px;
        padding: 24px;
    }

    /* Klinik ve iletişim */
    .home-clinic {
        padding: 70px 0;
    }

    .clinic-gallery {
        grid-template-rows: repeat(2, 150px);
    }

    /* Videolar */
    .home-videos {
        padding: 70px 0;
    }

    .video-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-right: -15px;
        padding-right: 15px;
    }

    .video-filters::-webkit-scrollbar {
        display: none;
    }

    /* Blog */
    .home-blog {
        padding: 70px 0;
    }

    .blog-featured {
        margin-bottom: 30px;
    }

    /* Profil, Uluslararası Yaklaşım, Ödüller */
    .home-profile,
    .home-swiss,
    .home-awards {
        padding: 70px 0;
    }

    .profile-photo {
        max-width: 320px;
        margin: 0 0 36px;
    }

    .profile-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .swiss-list {
        margin-top: 34px;
    }

    /* Size nasıl yardımcı olabiliriz */
    .home-help {
        padding: 90px 0;
    }

    .home-help-count b {
        font-size: 48px;
    }







    body,
    html {
        overflow-x: hidden;
    }

    /* Header */
    .header-top-brand span,
    .header-menu,
    .header-cta {
        display: none;
    }

    .site-header .header-menu-btn {
        display: block;
        width: 2.4rem;
        height: 1.2rem;
    }

    .header-main-inner {
        padding: 18px 0;
    }

    /* Hero */
    .home-hero-side {
        display: none;
    }

    .home-hero-content {
        padding: 60px 0 10px;
    }

    .home-hero-title {
        font-size: 76px;
    }

    .home-hero-desc {
        max-width: 460px;
    }

    .home-hero-visual {
        padding: 50px 0 10px;
    }

    .hero-eye {
        width: 420px;
    }

    .hero-doctor {
        height: 520px;
    }

    .home-hero-caption {
        justify-content: center;
    }

    .home-hero-nav-item {
        padding-right: 14px;
    }

    .home-hero-nav-item .txt {
        font-size: 15px;
    }

    .home-hero-nav-item .txt small {
        letter-spacing: .12em;
    }

    /* Features */
    .home-features .row > div .home-feature {
        border-right: 0 !important;
        padding: 14px 22px;
    }

}

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

    /* Tedaviler: paneller */
    .help-panel {
        height: 84px;
        border-radius: 24px;
        -webkit-transition: height .6s cubic-bezier(.4, 0, .2, 1);
        transition: height .6s cubic-bezier(.4, 0, .2, 1);
    }

    .help-panel.is-active {
        height: auto;
    }

    .help-panel.is-active:after {
        background: linear-gradient(180deg, rgba(14, 27, 33, .5) 0%, rgba(14, 27, 33, .1) 22%, rgba(14, 27, 33, .5) 45%, rgba(14, 27, 33, .9) 100%);
    }

    .help-panel-head {
        height: 84px;
        padding: 0 20px 0 24px;
        gap: 16px;
    }

    .help-panel-name {
        font-size: 20px;
    }

    .help-panel-body {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: none;
        margin: 260px 16px 16px;
        padding: 26px 26px 28px;
    }













    /* Basında, Tedavi yolculuğu */
    .home-press {
        padding: 70px 0;
    }

    .home-journey {
        padding: 70px 0 110px;
    }

    .press-slider {
        margin-top: 36px;
    }

    .journey-intro {
        position: static;
        margin-bottom: 36px;
    }


    /* Simülatör, Keranatural bandı */

    .home-sim {
        padding: 70px 0;
    }

    .home-kn {
        padding: 80px 0;
    }

    .sim-stage,
    .kn-list {
        margin-top: 36px;
    }




    /* Instagram */
    .home-insta {
        padding: 70px 0;
    }

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



    /* Footer */
    .site-footer {
        padding-top: 64px;
    }

    .footer-top {
        flex-direction: column;
        gap: 34px;
    }

    .footer-cols {
        grid-template-columns: 1fr 1fr;
    }

    .footer-contact {
        grid-column: span 2;
    }


    /* Randevu formu */
    .home-form {
        padding-bottom: 70px;
    }

    .form-card {
        grid-template-columns: 1fr;
    }

    .form-side {
        padding: 32px;
    }


    /* İletişim kartı */
    .contact-card {
        height: 420px;
    }

    .contact-panel {
        width: 340px;
        padding: 24px;
    }

    /* Klinik ve iletişim */
    .home-clinic {
        padding: 70px 0;
    }

    .clinic-gallery {
        grid-template-rows: repeat(2, 150px);
    }

    /* Videolar */
    .home-videos {
        padding: 70px 0;
    }

    .video-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-right: -15px;
        padding-right: 15px;
    }

    .video-filters::-webkit-scrollbar {
        display: none;
    }

    /* Blog */
    .home-blog {
        padding: 70px 0;
    }

    .blog-featured {
        margin-bottom: 30px;
    }

    /* Profil, Uluslararası Yaklaşım, Ödüller */
    .home-profile,
    .home-swiss,
    .home-awards {
        padding: 70px 0;
    }

    .profile-photo {
        max-width: 320px;
        margin: 0 0 36px;
    }

    .profile-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .swiss-list {
        margin-top: 34px;
    }

    /* Size nasıl yardımcı olabiliriz */
    .home-help {
        padding: 90px 0;
    }

    .home-help-count b {
        font-size: 48px;
    }







    body,
    html {
        overflow-x: hidden;
    }

    /* Header */
    .header-top-brand span,
    .header-menu,
    .header-cta {
        display: none;
    }

    .site-header .header-menu-btn {
        display: block;
        width: 2.4rem;
        height: 1.2rem;
    }

    .header-main-inner {
        padding: 16px 0;
    }

    /* Hero */
    .home-hero-side {
        display: none;
    }

    .home-hero-content {
        padding: 50px 0 10px;
    }

    .home-hero-title {
        font-size: 66px;
    }

    .home-hero-desc {
        max-width: 440px;
    }

    .home-hero-visual {
        padding: 50px 0 10px;
    }

    .hero-eye {
        width: 380px;
    }

    .hero-doctor {
        height: 480px;
    }

    .home-hero-caption {
        justify-content: center;
    }

    .home-hero-nav-item .txt {
        display: none;
    }

    /* Features */
    .home-features .row > div .home-feature {
        border-right: 0 !important;
        padding: 14px 22px;
    }

}

@media screen and (max-width: 639px) and (min-width: 0px) {

    /* Tedaviler: paneller */
    .help-panels {
        gap: 10px;
    }

    .help-panel {
        height: 80px;
        border-radius: 20px;
        -webkit-transition: height .6s cubic-bezier(.4, 0, .2, 1);
        transition: height .6s cubic-bezier(.4, 0, .2, 1);
    }

    .help-panel.is-active {
        height: auto;
    }

    .help-panel.is-active:after {
        background: linear-gradient(180deg, rgba(14, 27, 33, .55) 0%, rgba(14, 27, 33, .1) 18%, rgba(14, 27, 33, .55) 38%, rgba(14, 27, 33, .92) 100%);
    }

    .help-panel-head {
        height: 80px;
        padding: 0 14px 0 18px;
        gap: 12px;
    }

    .help-panel-head i {
        width: 38px;
        height: 38px;
        font-size: 12px;
    }

    .help-panel-name {
        font-size: 17px;
        line-height: 1.2;
        white-space: normal;
    }

    .help-panel-name small {
        display: block;
        margin: 3px 0 0;
        font-size: 13px;
    }

    .help-panel-body {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: none;
        margin: 200px 10px 10px;
        padding: 22px 20px 24px;
        border-radius: 18px;
        background: rgba(14, 27, 33, .82);
    }

    .help-panel-body h3 {
        font-size: 21px;
    }

    .help-panel-body p {
        font-size: 15px;
    }






















    /* Basında */
    .home-press {
        padding: 56px 0;
    }

    .press-stats strong {
        font-size: 28px;
    }

    .press-slider {
        margin-top: 30px;
        margin-right: -15px;
    }

    .press-slide {
        width: 250px;
        padding: 0 7px;
    }

    .press-item {
        border-radius: 20px;
    }

    /* Tedavi yolculuğu */
    .home-journey {
        padding: 56px 0;
    }

    .journey-intro {
        position: static;
        margin-bottom: 30px;
    }

    .journey-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .journey-card {
        padding: 26px 24px 28px;
        border-radius: 22px;
    }

    .journey-card:nth-child(even) {
        margin-top: 0;
    }

    .journey-card-top {
        margin-bottom: 20px;
    }

    .journey-num {
        font-size: 44px;
    }




    .press-label span,



    /* Görme simülatörü */
    .home-sim {
        padding: 54px 0;
    }

    .sim-stage {
        margin-top: 30px;
        border-radius: 20px;
    }

    .sim-chart {
        gap: 6px;
        transform: scale(.72);
    }

    .sim-badge {
        top: 12px;
        padding: 6px 10px;
        font-size: 12px;
    }

    .sim-badge-left {
        left: 12px;
    }

    .sim-badge-right {
        right: 12px;
    }

    /* Keranatural bandı */
    .home-kn {
        padding: 64px 0;
    }

    .kn-text {
        font-size: 16px;
    }

    .kn-list {
        margin-top: 34px;
    }

    .kn-list li {
        padding: 16px 0 16px 20px;
    }

    .kn-list strong {
        font-size: 18px;
    }

    .home-journey {
        padding: 54px 0;
    }










    /* Instagram */
    .home-insta {
        padding: 54px 0;
    }

    .insta-head {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
    }

    .insta-profile {
        justify-content: space-between;
    }

    .insta-follow {
        padding: 11px 16px;
        font-size: 14px;
    }




    .profile-stats li {
        padding-left: 14px;
    }

    .profile-stats strong {
        font-size: 26px;
    }

    .profile-stats span {
        font-size: 13px;
    }

    /* Footer */
    .site-footer {
        padding-top: 54px;
    }

    .footer-top {
        flex-direction: column;
        gap: 30px;
        padding-bottom: 36px;
    }

    .footer-brand img {
        height: 38px;
    }

    .footer-brand p {
        font-size: 15px;
    }

    .footer-newsletter-row button {
        padding: 12px 16px;
    }

    .footer-cols {
        grid-template-columns: 1fr 1fr;
        gap: 34px 20px;
        padding: 36px 0;
    }

    .footer-contact {
        grid-column: span 2;
    }

    .footer-cols li a {
        font-size: 15px;
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 14px 20px;
    }

    .footer-bottom p {
        width: 100%;
    }

    .footer-rank {
        margin-left: auto;
    }


    /* Randevu formu */
    .home-form {
        padding-bottom: 54px;
    }

    .form-card {
        grid-template-columns: 1fr;
        border-radius: 22px;
    }

    .form-side {
        padding: 28px 22px;
    }

    .form-side h2 {
        font-size: 28px;
    }

    .appointment-form {
        padding: 26px 20px 24px;
    }

    .appointment-form .row {
        row-gap: 14px;
    }

    .form-bottom .btn-ink {
        width: 100%;
        justify-content: space-between;
    }


    /* İletişim kartı */
    .clinic-contact {
        margin-top: 46px;
    }

    .contact-card {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        border-radius: 22px;
    }

    .contact-map {
        position: relative;
        height: 260px;
    }

    .contact-panel {
        position: relative;
        inset: auto;
        width: auto;
        padding: 22px 20px;
        border-radius: 0;
        box-shadow: none;
        background: #fff;
    }

    .contact-actions {
        padding-top: 18px;
    }

    .route {
        padding: 24px 20px;
    }

    /* Klinik ve iletişim */
    .home-clinic {
        padding: 54px 0;
    }

    .clinic-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .clinic-gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px repeat(2, 120px);
        gap: 8px;
    }

    .clinic-photo {
        border-radius: 14px;
    }

    .clinic-photo.clinic-photo-main {
        grid-column: span 2;
        grid-row: span 1;
    }

    .clinic-photo.is-placeholder {
        font-size: 13px;
    }

    /* Videolar */
    .home-videos {
        padding: 54px 0;
    }

    .videos-arrows button {
        width: 40px;
        height: 40px;
    }

    .video-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin: 24px -15px 26px 0;
        padding-right: 15px;
    }

    .video-filters::-webkit-scrollbar {
        display: none;
    }

    .video-filter {
        padding: 10px 15px;
        font-size: 14px;
    }

    .video-card strong {
        font-size: 15px;
    }

    /* Blog */
    .home-blog {
        padding: 54px 0;
    }

    .blog-head {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 26px;
    }

    .blog-featured {
        margin-bottom: 26px;
    }

    .blog-featured h3 {
        font-size: 20px;
    }

    .blog-featured-img {
        border-radius: 16px;
    }

    .blog-item {
        gap: 14px;
    }

    .blog-item-img {
        width: 80px;
        height: 80px;
        border-radius: 12px;
    }

    .blog-item-text strong {
        font-size: 16px;
    }

    /* Profil, Uluslararası Yaklaşım, Ödüller */
    .home-profile,
    .home-swiss,
    .home-awards {
        padding: 54px 0;
    }

    .calm-title {
        font-size: 30px;
    }

    .profile-photo {
        max-width: 220px;
        margin-bottom: 28px;
        border-radius: 20px;
    }

    .profile-text .profile-lead {
        font-size: 18px;
    }

    .profile-text p {
        font-size: 16px;
    }

    .profile-foot {
        gap: 24px;
    }

    .profile-gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 20px;
    }

    .profile-gallery-item {
        border-radius: 14px;
    }

    .swiss-list {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 28px;
    }

    .swiss-item {
        padding: 22px 20px;
    }

    .swiss-platforms li {
        gap: 12px;
    }

    .swiss-platforms li strong {
        width: 56px;
    }

    .awards-head {
        gap: 14px;
        margin-bottom: 24px;
    }

    .awards-head img {
        width: 50px;
    }

    .award-card {
        padding: 18px;
        gap: 14px;
    }

    /* Size nasıl yardımcı olabiliriz */
    .home-help {
        padding: 64px 0 70px;
    }

    .home-help-head {
        margin-bottom: 34px;
    }

    .home-help-title {
        font-size: 40px;
    }

    .home-help-count {
        display: none;
    }












    body,
    html {
        overflow-x: hidden;
    }

    /* Header */
    .header-menu,
    .header-cta,
    .header-top-brand span,
    .header-top-contact a:last-child {
        display: none;
    }

    .header-top-brand {
        font-size: 12px;
    }

    .site-header .header-menu-btn {
        display: block;
        width: 2.2rem;
        height: 1.1rem;
    }

    .header-actions {
        gap: 22px;
    }

    .header-main-inner {
        padding: 14px 0;
    }

    .header-logo img {
        height: 36px;
    }

    /* Hero */
    .home-hero-side,
    .home-hero-label {
        display: none;
    }

    .home-hero-content {
        padding: 40px 0 0;
    }

    .home-hero-title {
        font-size: 46px;
        margin: 24px 0;
    }

    .home-hero-desc {
        font-size: 16px;
    }

    .home-hero-buttons {
        gap: 22px;
        margin-top: 30px;
    }

    .home-hero-visual {
        padding: 50px 0 0;
    }

    .hero-eye {
        width: 250px;
    }

    .hero-doctor {
        height: 360px;
    }

    .hero-doctor-years {
        font-size: 190px;
        left: 0;
    }

    .hero-doctor-badge {
        bottom: 14%;
        padding: 12px 16px;
        gap: 10px;
    }

    .hero-doctor-badge strong {
        font-size: 36px;
    }

    .hero-doctor-badge span {
        font-size: 12px;
    }

    .hero-doctor-name strong {
        font-size: 18px;
    }

    .hero-doctor-name span {
        font-size: 12px;
        letter-spacing: .1em;
    }

    .home-hero-caption {
        justify-content: center;
        margin-top: 34px;
    }

    .home-hero-nav {
        flex-direction: column;
        align-items: stretch;
    }

    .home-hero-nav-item {
        padding: 18px 10px 0 0;
    }

    .home-hero-nav-item .txt {
        display: none;
    }

    .home-hero-controls {
        justify-content: flex-end;
        padding: 14px 0 16px;
    }

    .home-hero-count {
        margin-right: auto;
    }

    /* Features */
    .features-card {
        padding: 8px 4px;
        border-radius: 22px;
    }

    .home-feature {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .home-features .row > div .home-feature {
        border-right: 0 !important;
        padding: 14px 10px;
    }

    .home-features .row > div:not(:last-child) .home-feature {
        border-bottom: 1px solid #edf2f0;
    }

    .home-feature h3 {
        margin-bottom: 3px;
    }

}

/* Hareket hassasiyeti olan ziyaretçiler için animasyonları kapat */

@media (prefers-reduced-motion: reduce) {

    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
    }

    .wow {
        visibility: visible !important;
    }
}