/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1601px) {
  /* PC 1400+  */ 
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1600px) and (min-width: 1369px) {
  /* BETWEEN SÄ°ZE */
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1368px) and (min-width: 1199px) {
  /* LAPTOP */
  .mobile-hamburger-menu, .mContact {display: none !important;}
  .container-fluid.full-width {padding: 0 5%;}
  main .section .head .title {font-size: 40px; line-height: 50px;}
  main #holiday-health {background-position: 30% center;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPAD PRO */
  .btn {line-height: 40px;}
  .site-header .logo img {
    width: 115px;
}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 15px 0;}
  .site-header .head-center {display: none !important;}
  .site-header .head-right .btn {display: none !important;}

  main .section .head .title {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
  main .section .head p {font-size: 13px;}

  main #find-out-more .form .select-column select {height: 40px; font-size: 12px;}
  main #find-out-more .form .btn {line-height: 40px; padding: 0 10px; font-size: 13px;}
  main #find-out-more .photo figure img {width: 600px !important;}
  main #find-out-more .absolute-review {bottom: -75px;}
  main #find-out-more .absolute-review img {width: 150px; height: 150px;}

  main #popular-treatments .items .item .desc, main #popular-treatments .items .item .hover-desc {padding: 25px;}
  main #popular-treatments .items .item .desc .title, main #popular-treatments .items .item .hover-desc .title {font-size: 18px; margin-bottom: 10px;}
  main #popular-treatments .items .item .desc p, main #popular-treatments .items .item .hover-desc p {font-size: 13px;}

  main #holiday-health {background-position: 30% center;}

  main #journey .photo figure img {width: 700px !important;}

  main #contact-us .bottom {background-position: 40% center;}

  main #contact-us .top .buttons .btn {line-height: 60px !important;}
  main #contact-us .top .buttons .btn .whatsapp{line-height: 40px !important;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .site-header .logo img {
    width: 115px;
}
  /* TABLET 768+ ~ 960 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .btn {line-height: 40px;}
  .container-fluid.full-width {padding: 0 5% !important;}

  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 15px 0;}
  .site-header .head-center {display: none !important;}
  .site-header .head-right .btn {display: none !important;}

  main .section .head .title {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
  main .section .head p {font-size: 13px;}

  main #find-out-more {padding: 75px 0;}
  main #find-out-more .form .select-column select {height: 40px; font-size: 12px;}
  main #find-out-more .form .btn {line-height: 40px; padding: 0 10px; font-size: 13px;}
  main #find-out-more .photo figure img {width: 600px !important;}
  main #find-out-more .absolute-review {bottom: -75px;}
  main #find-out-more .absolute-review img {width: 150px; height: 150px;}

  main #popular-treatments {margin: 50px 0;}
  main #popular-treatments .items .item .desc, main #popular-treatments .items .item .hover-desc {padding: 25px;}
  main #popular-treatments .items .item .desc .title, main #popular-treatments .items .item .hover-desc .title {font-size: 18px; margin-bottom: 10px;}
  main #popular-treatments .items .item .desc p, main #popular-treatments .items .item .hover-desc p {font-size: 13px;}

  main #about-us {margin: 50px 0;}

  main #holiday-health {background: none;background-color: #fdf0ea;}

  main #journey {padding: 50px 0;}
  main #journey .photo figure img {width: 700px !important;}

  main .page-head {padding: 50px 0 75px 0 !important;}
  main .page-detail .in {margin-top: -25px;}
  main #contact-us .bottom {background: #f0f4fe;}
  main #contact-us .top .buttons .btn {line-height: 60px !important;}
  main #contact-us .top .buttons .btn .whatsapp{line-height: 40px !important;}
  main .page-detail #before-after .gallery {padding: 50px !important;}
  main .page-detail #before-after .gallery .arrow.prev {left: 0;}
  main .page-detail #before-after .gallery .arrow.next {right: 0;}

  footer .logo {width: max-content;}

    .home-device {
        height: auto;
        min-height: 500px;
        margin: 0 !important;
        background-image:
            linear-gradient(rgba(255, 244, 237, 0.82), rgba(255, 244, 237, 0.82)),
            url("../images/device.jpg") !important;
        background-position: 62%;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  .home-before-after-head h2 {
  font-size: 25px;
  line-height: 35px;
}

.home-shorts-head h2 {
    font-size: 25px;
  line-height: 35px;
}
  
  /* TABLET 640+ ~ 768 */
  .site-header .logo img {
    width: 115px;
}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .btn {line-height: 40px;}
  .container-fluid.full-width {padding: 0 5% !important;}

  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 15px 0;}
  .site-header .head-center {display: none !important;}
  .site-header .head-right .btn {display: none !important;}

  main .section .head .title {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
  main .section .head p {font-size: 13px;}

  main #find-out-more {padding: 75px 0;}
  main #find-out-more .form .select-column select {height: 40px; font-size: 12px;}
  main #find-out-more .form .btn {line-height: 40px; padding: 0 10px; font-size: 13px;}
  main #find-out-more .photo figure img {width: 600px !important;}
  main #find-out-more .absolute-review {bottom: -75px;}
  main #find-out-more .absolute-review img {width: 150px; height: 150px;}

  main #popular-treatments {margin: 50px 0;}
  main #popular-treatments .items .item .desc, main #popular-treatments .items .item .hover-desc {padding: 25px;}
  main #popular-treatments .items .item .desc .title, main #popular-treatments .items .item .hover-desc .title {font-size: 18px; margin-bottom: 10px;}
  main #popular-treatments .items .item .desc p, main #popular-treatments .items .item .hover-desc p {font-size: 13px;}

  main #about-us {margin: 50px 0;}

  main #holiday-health {background: none;background-color: #fdf0ea;}

  main #journey {padding: 50px 0;}
  main #journey .photo figure img {width: 700px !important;}

  main .page-head {padding: 50px 0 75px 0 !important;}
  main .page-detail .in {margin-top: -25px;}
  main #contact-us .bottom {background: #f0f4fe;}
  main #contact-us .top .buttons .btn {line-height: 60px !important;}
  main #contact-us .top .buttons .btn .whatsapp{line-height: 40px !important;}
  main .page-detail #before-after .gallery {padding: 50px !important;}
  main .page-detail #before-after .gallery .arrow.prev {left: 0;}
  main .page-detail #before-after .gallery .arrow.next {right: 0;}

  footer .logo {width: max-content;}
  main #comments .comment-list {
    padding: 10px;
  }
  main #comments .comment-list .arrow.prev {left: -5px;}
  main #comments .comment-list .arrow.next {right: -5px;}

      .home-device {
        height: auto;
        margin: 0 !important;
        background-position: left;
        background-repeat: no-repeat;
    }

    .home-banner-inner .title {
        font-size: 25px;
        line-height: 1.2;
        position: relative;
        z-index: 999;
    }

    .home-banner-inner .desc {
        font-size: 30px;
        width: initial;
        position: relative;
        z-index: 99;
    }

    .home-banner-inner {
        padding: 0 15px;
        width: 100%;
        z-index: 9999999;
    }

    .home-banner #vid1 {
        width: 100%;
    }

    .home-banner .video:after {

        background: #121212a8;

    }

    .home-banner-inner:after {
        background: #fff4edc2;
        content: '';
        position: absolute;
        z-index: 15;
        height: 100%;
        width: 100%;
    }

    .home-banner-inner p {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner .more {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner span {
        position: relative;
        z-index: 9999;
    }

    .home-banner .video:after {
        display: none;
    }

      .home-device {
        height: auto;
        min-height: 500px;
        margin: 0 !important;
        background-image:
            linear-gradient(rgba(255, 244, 237, 0.82), rgba(255, 244, 237, 0.82)),
            url("../images/device.jpg") !important;
        background-position: 62%;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .btn {line-height: 40px;}
  .container-fluid.full-width {padding: 0 15px !important;}

  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 15px 0;}
  .site-header .head-center {display: none !important;}
  .site-header .head-right .btn {display: none !important;}

  main .section .head .title {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
  main .section .head p {font-size: 13px;}

  main #find-out-more {padding: 75px 0;}
  main #find-out-more .form .select-column select {height: 40px; font-size: 12px;}
  main #find-out-more .form .btn {line-height: 40px; padding: 0 10px; font-size: 13px;}
  main #find-out-more .photo figure img {width: 600px !important;}
  main #find-out-more .absolute-review {bottom: -75px;}
  main #find-out-more .absolute-review img {width: 150px; height: 150px;}

  main #popular-treatments {margin: 50px 0;}
  main #popular-treatments .items .item .desc, main #popular-treatments .items .item .hover-desc {padding: 25px;}
  main #popular-treatments .items .item .desc .title, main #popular-treatments .items .item .hover-desc .title {font-size: 18px; margin-bottom: 10px;}
  main #popular-treatments .items .item .desc p, main #popular-treatments .items .item .hover-desc p {font-size: 13px;}

  main #about-us {margin: 50px 0;}

  main #holiday-health {background: none;background-color: #94ddfe;}

  main #journey {padding: 75px 15px;}
  main #journey .photo figure img {width: 700px !important;}

  main .page-head {padding: 50px 0 75px 0 !important;}
  main .page-detail .in {margin-top: -25px;}
  main #contact-us .bottom {background: #f0f4fe;}
  main #contact-us .top .buttons .btn {line-height: 60px !important;}
  main #contact-us .top .buttons .btn .whatsapp{line-height: 40px !important;}
  main .page-detail #before-after .gallery {padding: 50px !important;}
  main .page-detail #before-after .gallery .arrow.prev {left: 0;}
  main .page-detail #before-after .gallery .arrow.next {right: 0;}
  .site-header .logo img {
    width: 115px;
}
  footer .logo {width: max-content;}

  main #comments .comment-list {
    padding: 10px;
  }
  main #comments .comment-list .arrow.prev {left: -5px;}
  main #comments .comment-list .arrow.next {right: -5px;}

.home-before-after-head h2 {
  font-size: 25px;
  line-height: 35px;
}

.home-shorts-head h2 {
    font-size: 25px;
  line-height: 35px;
}

.home-banner-inner .title {
        font-size: 25px;
        line-height: 1.2;
        position: relative;
        z-index: 999;
    }

    .home-banner-inner .desc {
        font-size: 30px;
        width: initial;
        position: relative;
        z-index: 99;
    }

    .home-banner-inner {
        padding: 0 15px;
        width: 100%;
        z-index: 9999999;
    }

    .home-banner #vid1 {
        width: 100%;
    }

    .home-banner .video:after {

        background: #121212a8;

    }

    .home-banner-inner:after {
        background: #00000052;
        content: '';
        position: absolute;
        z-index: 15;
        height: 100%;
        width: 100%;
    }

    .home-banner-inner p {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner .more {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner span {
        position: relative;
        z-index: 9999;
    }

    .home-banner .video:after {
        display: none;
    }

    .home-device {
        height: auto;
        min-height: 500px;
        margin: 0 !important;
        background-image:
            linear-gradient(rgba(255, 244, 237, 0.82), rgba(255, 244, 237, 0.82)),
            url("../images/device.jpg") !important;
        background-position: 62%;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
  
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */

  .home-before-after-head h2 {
  font-size: 25px;
  line-height: 35px;
}

.home-shorts-head h2 {
    font-size: 25px;
  line-height: 35px;
}

  .home-banner-inner .title {
        font-size: 25px;
        line-height: 1.2;
        position: relative;
        z-index: 999;
    }

    .home-banner-inner .desc {
        font-size: 30px;
        width: initial;
        position: relative;
        z-index: 99;
    }

    .home-banner-inner {
        padding: 0 15px;
        width: 100%;
        z-index: 9999999;
    }

    .home-banner #vid1 {
        width: 100%;
    }

    .home-banner .video:after {

        background: #121212a8;

    }

    .home-banner-inner:after {
        background: #fff4edc2;
        content: '';
        position: absolute;
        z-index: 15;
        height: 100%;
        width: 100%;
    }

    .home-banner-inner p {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner .more {
        position: relative;
        z-index: 9999;
    }

    .home-banner-inner span {
        position: relative;
        z-index: 9999;
    }

    .home-banner .video:after {
        display: none;
    }

  .home-device {
        height: auto;
        min-height: 500px;
        margin: 0 !important;
        background-image: linear-gradient(rgb(255 244 237 / 88%), rgb(255 244 237)), url(../images/device.jpg) !important;
        background-position: 62%;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    
    

main #find-out-more:before {
    background: #fff4edd6;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.section {
    position: relative;
    z-index: 9999 !important;
}

  
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .btn {line-height: 40px;padding: 0 15px;font-size: 12px;}
  .container-fluid.full-width {padding: 0 15px !important;}

  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 15px 0;}
  .site-header .head-center {display: none !important;}
  .site-header .head-right .btn {display: none !important;}

  main .section .head .title {font-size: 20px;line-height: 30px;margin-bottom: 15px;}
  main .section .head p {font-size: 14px;}
  main .section .head .title span {font-size: 12px;}
  #about-us p {
    line-height: 2;
    font-size: 14px;
}

  .site-header .head-right .btn {}

.site-header .head-right .language .btn {
    display: block !important;
}

.site-header .head-right .language {}

.site-header .head-right .language {
    z-index: 999999;
}

.page-detail.contact-page .items .item {
  display: block !important;
}

.page-detail.contact-page .items .item .desc {
  font-size: 18px !important;
}

  main #find-out-more {padding: 75px 0;background: url("../images/photos/find-out-more.png");background-position: 50% 10%;}
  main #find-out-more .form .select-column select {height: 40px; font-size: 12px;}
  main #find-out-more .form .btn {line-height: 40px; padding: 0 10px; font-size: 13px;}
  main #find-out-more .photo figure img {width: 600px !important;}
  main #find-out-more .absolute-review {bottom: -75px;}
  main #find-out-more .absolute-review img {width: 150px; height: 150px;}

  main #popular-treatments .head, main #comments .head, main #blog .head {margin-bottom: 20px;}
  main #popular-treatments .head .title, main #comments .head .title, main #blog .head .title {font-size: 20px;}
  main #popular-treatments {margin: 50px 0;}
  main #popular-treatments .items .item .desc, main #popular-treatments .items .item .hover-desc {padding: 25px;}
  main #popular-treatments .items .item .desc .title, main #popular-treatments .items .item .hover-desc .title {font-size: 16px; margin-bottom: 10px;}
  main #popular-treatments .items .item .desc p, main #popular-treatments .items .item .hover-desc p {font-size: 12px;}

  main #about-us {margin: 50px 0;}
  main #about-us .head {margin-bottom: 20px;}

  main #holiday-health {background: none;background-color: #fff4ed;}

  main #technologies, main #comments {margin: 50px 0;}

  main #journey {padding: 75px 15px;}
  main #journey .photo figure img {width: 700px !important;}
  main #journey .contact-wp {font-size: 20px;}

  main #blog {margin: 50px 0;}
  main #blog .items .item .desc .title {font-size: 16px;}
  main #blog .items .item .desc p {font-size: 12px;}

  main .page-head {padding: 50px 0 75px 0 !important;background-position: 65% center;}
  main .page-head h1 {font-size: 18px;}
  main .page-detail .in {margin-top: -25px;}
  main .page-detail .in .detail {padding: 0 25px;}
  main .page-detail .in .detail h1 {font-size: 18px;}
  main .page-detail .in .detail h2 {font-size: 22px;}
  main .page-detail .in .detail h3 {font-size: 19px;}
  main .page-detail .in .detail h4 {font-size: 12px;}
  main .page-detail .in .detail p {font-size: 14px;}


  main #contact-us .bottom {background: #fff4ed;}
  main #contact-us .top .buttons .btn {line-height: 60px !important; margin: 15px 0; font-size: 16px;}
  main #contact-us .top .buttons .btn .whatsapp{line-height: 40px !important;}

  main .page-detail #before-after .gallery {padding: 25px !important;}
  main .page-detail #before-after .gallery .arrow {width: 50px; height: 50px;}
  main .page-detail #before-after .gallery .arrow i {width: 40px; height: 40px; line-height: 40px; font-size: 15px; margin: 5px;}
  main .page-detail #before-after .gallery .arrow.prev {left: 0;}
  main .page-detail #before-after .gallery .arrow.next {right: 0;}
  .otherTretments {padding: 25px !important;}
.otherTretments .arrow {width: 50px; height: 50px;}
.otherTretments .arrow i {width: 40px; height: 40px; line-height: 40px; font-size: 15px; margin: 5px;}
.otherTretments .arrow.prev {left: 0;}
.otherTretments .arrow.next {right: 0;}
  .otherTretments-items {
    padding: 0 !important;
}

.otherTretments-items .item {
  padding: 0px 15px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

  main #blog .items .item {
    padding: 0px 15px;
    -webkit-box-shadow: 5px 5px 10px 1px #f5f5f5;
    box-shadow: 5px 5px 10px 1px #f5f5f5;
}
  main #contact-us .top {
    padding: 40px 0;
}

  main .page-detail #icon-grid .col h4 {font-size: 16px;}

  main .page-detail #sss .accordion .accordion-item .accordion-header button {font-size: 14px;}
  main .page-detail #sss .accordion .accordion-item .accordion-body {font-size: 12px;}

  main .page-detail aside.sidebar {padding: 250px 25px 25px 25px;}
  main .page-detail aside.sidebar .head .title {font-size: 18px; line-height: 30px;}
  main .page-detail aside.sidebar .head .title span {font-size: 12px;}
  main .page-detail aside.sidebar .head .contact-wp a {font-size: 18px;}
  
  main #comments .comment-list {
    padding: 10px;
  }
  main #comments .comment-list .arrow.prev {left: -5px;}
  main #comments .comment-list .arrow.next {right: -5px;}

  footer .logo {width: max-content;}
  footer {font-size: 13px;}
  footer .title {font-size: 16px !important;}
  .site-header .logo img {
    width: 115px;
}
}
@media screen and (min-width: 1400px) {
  .c-container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width:1199px){
  .mt-tech .mt-arrow--prev{left:6px;}
  .mt-tech .mt-arrow--next{right:6px;}
}
@media (max-width:991px){
  .mt-tech{padding:64px 0 52px;}
  .mt-tech .mt-card-media{height:210px;margin-top: 30px;}
  .mt-tech .mt-card-media::before{width:190px;height:190px;}
}
@media (max-width:767px){
  .mt-tech .mt-filters{
    /* flex-wrap:nowrap; */
    overflow-x:auto;
    justify-content: center;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:4px;
    display: flex;
    align-content: center;
  }
  .mt-tech .mt-filters::-webkit-scrollbar{display:none;}
  .mt-tech .mt-arrow{width:44px;height:44px;}

  .mt-tech .mt-card-title {
    font-weight: 700;
    font-size: 26px;
    color: #866956;
    text-align: center;
    margin: 30px 0 10px;
  }
  .home-shorts-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .home-shorts-slider .item .text{
    font-size: 15px;
  }
  .home-shorts-slider .item .desc{
    font-size: 14px;
  }
  .home-shorts-slider .item .icon{
    width: 35px;
    height: 35px;
  }
  .home-shorts-slider .item .icon i{
    font-size: 13px;
  }
}
@media (max-width:479px){
  .mt-tech .mt-arrow{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .mt-tech .mt-track{transition:none;}
}

/* ==================================================
   TOP SEARCH BAR RESPONSIVE
================================================== */

@media screen and (max-width: 991px) {
    .izy-top-search__inner {
        padding: 9px 5%;
        gap: 15px;
    }

    .izy-top-search__text {
        font-size: 12px;
    }

    .izy-live-search-form {
        max-width: none;
    }
}

@media screen and (max-width: 767px) {
    .izy-top-search__inner {
        padding: 8px 15px;
    }

    .izy-top-search__text {
        display: none;
    }

    .izy-live-search-input {
        height: 44px;
        padding-right: 54px;
        font-size: 13px;
    }

    .izy-live-search-button {
        width: 48px;
        height: 44px;
    }

    .izy-live-search-results {
        max-height: 360px;
    }
}

@media screen and (max-width: 479px) {
    .izy-live-search-input {
        height: 42px;
        padding: 0 48px 0 14px;
        font-size: 12px;
    }

    .izy-live-search-button {
        width: 44px;
        height: 42px;
        font-size: 15px;
    }

    .izy-live-search-result {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 12px 10px;
    }

    .izy-live-search-result__type {
        display: none;
    }

    .izy-live-search-result__title {
        font-size: 13px;
    }

    .izy-live-search-result__excerpt {
        font-size: 11px;
    }
}

/*==================================================
    TEDAVİ SEÇİM ALANI RESPONSIVE
==================================================*/

/* Küçük laptop ve tablet */
@media screen and (max-width: 1198px) {

    main #find-out-more #find-out-treatment-selector {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    main #find-out-more .form .treatment-select-field .dropdown > .btn,
    main #find-out-more .form .treatment-action-field .find-out {
        height: 56px;
        min-height: 56px;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 13px;
        line-height: 1.3 !important;
    }

    main #find-out-more .treatment-category-icon,
    main #find-out-more .treatment-selected-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    main #find-out-more .treatment-category-icon img,
    main #find-out-more .treatment-selected-icon img {
        width: 25px;
        height: 25px;
    }

}


/* Telefon ve küçük tablet */
@media screen and (max-width: 767px) {

    main #find-out-more #find-out-treatment-selector {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    main #find-out-more .treatment-select-field,
    main #find-out-more .treatment-action-field,
    main #find-out-more .treatment-select-field.is-wide {
        grid-column: 1 / -1;
    }

    main #find-out-more .form .treatment-select-field .dropdown > .btn,
    main #find-out-more .form .treatment-action-field .find-out {
        width: 100%;
        height: 56px;
        min-height: 56px;
        font-size: 13px;
        line-height: 1.3 !important;
        border-radius: 8px;
    }

    main #find-out-more .treatment-select-field .dropdown-menu {
        width: 100%;
        max-height: 260px;
    }

    main #find-out-more .treatment-select-field .dropdown-item {
        min-height: 42px;
        padding: 8px 10px;
        font-size: 13px;
    }

    main #find-out-more .select-tedavi-main .dropdown-item {
        min-height: 52px;
    }

}


/* Küçük telefon */
@media screen and (max-width: 420px) {

    main #find-out-more #find-out-treatment-selector {
        gap: 9px;
    }

    main #find-out-more .form .treatment-select-field .dropdown > .btn,
    main #find-out-more .form .treatment-action-field .find-out {
        height: 54px;
        min-height: 54px;
        padding-right: 38px;
        padding-left: 11px;
        font-size: 12px;
        margin-top: 10px;
    }

    main #find-out-more .treatment-category-icon,
    main #find-out-more .treatment-selected-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    main #find-out-more .treatment-category-icon img,
    main #find-out-more .treatment-selected-icon img {
        width: 24px;
        height: 24px;
    }

    main #find-out-more .treatment-select-field .dropdown-item {
        font-size: 12px;
    }

    main #find-out-more .treatment-select-field .dropdown-menu {
        max-height: 240px;
    }

}

/*==================================================
   TEDAVİ ALANI – MASAÜSTÜ 2 + 2 DÜZEN
==================================================*/

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

    main #find-out-more #find-out-treatment-selector {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100%;
    }

    main #find-out-more .treatment-select-field,
    main #find-out-more .treatment-action-field {
        width: 100%;
        min-width: 0;
        grid-column: auto !important;
    }

    main #find-out-more .form .treatment-select-field .dropdown > .btn,
    main #find-out-more .form .treatment-action-field .find-out {
        height: 56px;
        min-height: 56px;
        line-height: 1.3 !important;
    }

    /*
     * Alt kategori gizliyse buton ikinci satırda
     * tam genişlik olur.
     */
    main #find-out-more
    #find-out-treatment-selector:has(
        .treatment-subcategory-field.is-hidden
    )
    .treatment-action-field {
        grid-column: 1 / -1 !important;
    }

    main #find-out-more .treatment-category-icon,
    main #find-out-more .treatment-selected-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    main #find-out-more .treatment-category-icon img,
    main #find-out-more .treatment-selected-icon img {
        width: 25px;
        height: 25px;
    }

}

/* Mobil arama alanında otomatik zoom engelleme */
@media screen and (max-width: 767px) {

    .izy-live-search-input {
        font-size: 16px !important;
    }

}