@media only screen and (min-width: 1200px) {
    .site-header-menu-inner .navs {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }
    .menu,
    .ttm-header-icons,
    .ttm-header-icon {
    }
    #site-header-menu #site-navigation .menu > ul > li > a {
        display: block;
        margin: 0;
        padding: 0 25px 0 9px;
        position: relative;
        z-index: 1;
        height: 60px;
        font-size: 18px;
        line-height: 41px;
        text-transform: capitalize;
        color: #000b47;
    }
    #site-header-menu #site-navigation .menu ul > li:hover > ul {
        opacity: 1;
        display: block;
        visibility: visible;
        height: auto;
    }
    #site-header-menu #site-navigation .menu ul ul {
        background-color: #000b47;
        text-align: left;
        position: absolute;
        visibility: hidden;
        display: block;
        width: 250px;
        padding: 0px;
        opacity: 0;
        line-height: 14px;
        margin: 0;
        list-style: none;
        left: 0;
        box-shadow: 0 3px 25px 0px rgba(0, 0, 0, 0.07), 0 0 0 rgba(0, 0, 0, 0.1) inset;
        background-clip: padding-box;
        transition: all 0.2s ease;
        z-index: 99;
        border-radius: 5px;
    }
    #site-header-menu #site-navigation .menu > ul ul li a {
        margin: 0;
        display: block;
        padding: 15px 20px;
        position: relative;
        font-family: "Ubuntu", Arial, Helvetica, sans-serif;
    }
    .mobile-menu,
    .mobile-menu-bg {
        display: none !important;
    }
    .second-footer > div > .row .widget-area:first-child .widget {
        margin-right: 10px;
    }
    .sticky-footer {
        display: none;
    }
    .resim {
    
    }
}
@media (max-width: 1199px) {
    .site-branding2 {
        display: flex;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .site-branding {
        position: absolute;
    }
    #site-header-menu #site-navigation .menu,
    #site-header-menu #site-navigation .menu > ul ul {
        overflow: hidden;
        max-height: 0;
    }
    #site-header-menu #site-navigation .menu {
        clear: both;
        min-width: inherit;
        float: none;
    }
    #site-header-menu #site-navigation .menu,
    #site-header-menu #site-navigation .menu > ul ul,
    #site-header-menu #site-navigation .menu ul li > ul li a:before {
        display: none;
    }
    #site-header-menu #site-navigation .menu > ul {
        position: absolute;
        box-shadow: rgba(0, 0, 0, 0.12) 3px 3px 15px;
        z-index: 100;
        width: 100%;
        top: auto;
        background-color: #fff;
        border-top: 3px solid;
    }
    #site-header-menu #site-navigation .menu > ul {
        padding-right: 15px;
        padding-left: 15px;
    }
    #site-header-menu #site-navigation .menu > ul li {
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(127, 144, 148, 0.15);
    }
    #site-header-menu #site-navigation .menu > ul > li a {
        display: block;
        padding: 15px 0px;
        text-decoration: none;
        height: auto;
        line-height: 18px !important;
    }
    .ttm-menu-toggle {
        position: relative;
        width: 28px;
        float: left;
    }
    .ttm-menu-toggle label {
        cursor: pointer;
        position: absolute;
        z-index: 99;
        height: 100%;
        width: 100%;
        top: 24px;
        left: 0;
        margin: 0;
    }
    .ttm-menu-toggle .toggle-blocks-1 {
        position: relative;
        float: left;
    }
    .ttm-menu-toggle .toggle-blocks-2 {
        position: relative;
        float: left;
        margin-top: 6px;
    }
    .ttm-menu-toggle .toggle-blocks-3 {
        position: relative;
        float: left;
        margin-top: 6px;
    }
    .ttm-menu-toggle .toggle-block {
        height: 2px;
        width: 100%;
        padding: 0;
        background-color: #262626;
    }
    .ttm-search-overlay .ttm-search-outer {
        width: auto;
    }
   
    .dsa-logo {
        margin-top: 15px;
        display: block;
    }
}
@media (min-width: 576px) {
    .main-slider .item .content {
        left: 8%;
    }
    .cbody {
        background-color: #d3d3d342;
    }
}
@media (max-width: 575px) {
    .main-slider,
    .main-slider .owl-carousel,
    .main-slider .owl-stage-outer,
    .main-slider .owl-item,
    .main-slider img {
        height: 500px !important;
        overflow: hidden;
    }
    .sitenitasarlacom-icerik2 {
        padding: 0;
    }
    .main-slider .item .content {
        justify-content: end;
    }
}
@media (max-width: 768px) {
    .main-slider .item .content .inner {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .widget img {
        width: 250px;
    }
    .cont-marka-baslik {
        text-align: center;
    }
    .cizgiduz::after {
        display: none;
    }
    .conicon1,
    .conicon2,
    .conicon3,
    .conicon4 {
        padding: 20px 10px 0px 125px;
    }
    .anab1 {
        font-size: 30px !important;
        text-align: center;
    }
    .cizgiduz::after {
        width: 50% !important;
    }
    .ttm-search-overlay .ttm-site-searchform input[type="search"] {
        max-width: 100%;
    }
    .ttm-search-overlay .ttm-site-searchform {
        left: 20px;
        margin-left: 0;
        max-width: calc(100% - 40px);
    }
    .ttm-search-overlay .ttm-search-outer .ttm-form-title {
        font-size: 32px;
    }
    .footer .widget {
        margin: 15px 0 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .resim img {
        height: 510px !important;
        object-fit: cover;
    }
}
@media (max-width: 992px) {
    .breadcrumb-wrapper {
        width: 100%;
    }
    .ttm-header-icons {
        padding-left: 15px;
    }
    .about .resim img{
        height: 550px;
    }
}

@media (max-width:991px) {
    .languagepicker{
        display: none;
    }
    .marquee {
        height: 40px;
        width: 800%;

        overflow: hidden;
        position: relative;
    }
    #totop {
        left: 20px;
    }
    .site-navigation{
        display: block;
    }
    .marquee div {
        display: block;
        width: 800%;
        height: 30px;

        position: absolute;
        overflow: hidden;

        animation: marquee 35s linear infinite;
    }

    .mobile-search input{
        width: 100% !important;
        height: 40px !important;
        position: relative !important;
        opacity: 1 !important;
        border: none;
    }

    .mobile-search button{
        width: 55px;
        height: auto;
        background-color: #0070b9;
        border: none;
    }

    .mobile-search{
        display: inline-flex;
        background: transparent !important;
        width: 100%;
    }

    
    .mobile-search svg{
        height: 25px;
        width: 25px;
        fill: white;
        position: relative;
        bottom: -2px;
    }

    .search-form{
        display: none;
    }
    .marquee span {
        float: left;
        width: 800%;
        color: black;
        font-weight: 400;
        font-size: 18px;
        opacity: 0.5;
    }

    
    .about_section .content .ceo{
        text-align: center;
        margin-top: 15px;
    }

}


/* === Renk Değişkenleri (logo renklerinle uyum) === */
:root{
  --m-blue: var(--td-blue, #1162ae) !important;
  --m-green: var(--td-green, #99c85e) !important;
  --m-text: var(--td-dark, #1f2a44) !important;
  --m-muted:#8aa0b3 !important;
  --m-bg:#ffffff !important;
}

/* === MENÜ TOGGLE KAPSAYICI === */
#menuToggle.mobile-show-nav.desktop-hide{
  position: fixed !important;
  top: 14px !important;
  right: 16px !important;
  z-index: 10000 !important;
  width: 48px !important;
  height: 48px !important;
}

/* Karartma (overlay) – HTML'de ilk child, varsayılan olarak gizle */
#menuToggle .sidenav-overlay{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(17,24,39,.55) !important; /* lacivertimsi siyah */
  backdrop-filter: saturate(160%) blur(3px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(3px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  display: block !important; /* inline style'ı ez */
  transition: opacity .35s ease !important;
  z-index: 9998 !important;
}

/* Toggle'ın tıklanabilir alanı */
#menuToggle input{
  position:absolute !important;
  inset: 0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:10002 !important;
}

/* === Hamburger çizgileri === */
#menuToggle span{
  position:absolute !important;
  left: 10px !important;
  right: 10px !important;
  height: 2px !important;
  background: var(--m-text) !important;
  border-radius: 2px !important;
  transform-origin: 50% 50% !important;
  transition: transform .35s ease, opacity .25s ease, top .35s ease, background .2s ease !important;
  z-index:10001 !important;
}
#menuToggle span:nth-of-type(1){ top: 16px !important; }
#menuToggle span:nth-of-type(2){ top: 23px !important; }
#menuToggle span:nth-of-type(3){ top: 30px !important; }

/* Toggle arka planı (buton kabı) */
#menuToggle{
  background:#fff !important;
  border:1px solid rgba(17,98,174,.15) !important;
  border-radius:14px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.08) !important;
}

/* === TAM EKRAN MENÜ PANELİ === */
#menu{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(153,200,94,.08), transparent 60%),
    radial-gradient(1200px 600px at -10% 90%, rgba(17,98,174,.07), transparent 60%),
    var(--m-bg) !important;
  color: var(--m-text) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 88px 22px 28px !important; /* üstte toggle için boşluk */
  opacity: 0 !important;
  transform: translateY(6%) scale(.98) !important;
  pointer-events: none !important;
  transition: transform .35s ease, opacity .35s ease !important;
  overflow-y: auto !important;
}

/* İçerik düzeni */
#menu > a:first-child{ /* logo */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
}
#menu .logoimg{
  max-width: 180px !important;
  height: auto !important;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.08)) !important;
}

/* Ayıraçlar */
#menu hr{
  width: min(720px, 92vw) !important;
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(17,98,174,.25), transparent) !important;
  margin: 14px auto !important;
}

/* Menü linkleri (navbar-mobile include'u da kapsar) */
#menu nav a,
#menu .like-ul a{ /* kontak ve sosyal hariç aşağıda özelleştireceğiz */
  display:block !important;
  font-size: clamp(18px, 3.8vw, 22px) !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  padding: 12px 10px !important;
  margin: 2px 0 !important;
  text-decoration:none !important;
  color: var(--m-text) !important;
  border-radius: 12px !important;
  transition: transform .2s ease, background .2s ease, color .2s ease !important;
}
#menu nav a:hover,
#menu .like-ul a:hover{
  background: rgba(17,98,174,.08) !important;
  transform: translateX(4px) !important;
}

/* İletişim blokları */
#menu .menu-contacts{
  display: grid !important;
  gap: 10px !important;
  width: min(720px, 92vw) !important;
  margin: 6px auto !important;
}
#menu .menu-contacts a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding: 10px 12px !important;
  border:1px dashed rgba(17,98,174,.25) !important;
  border-radius:12px !important;
  font-size: 15px !important;
  color: var(--m-text) !important;
}
#menu .menu-contacts a:hover{
  border-style: solid !important;
  background: rgba(153,200,94,.07) !important;
}

/* Arama */
#menu .mobile-search{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width: min(720px, 92vw) !important;
  margin: 6px auto 0 !important;
}
#menu .mobile-search input[type="search"]{
  flex:1 1 auto !important;
  height: 46px !important;
  border-radius: 14px !important;
  border:1px solid rgba(17,98,174,.25) !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  outline: none !important;
  transition: box-shadow .2s ease, border-color .2s ease !important;
}
#menu .mobile-search input[type="search"]:focus{
  border-color: var(--m-blue) !important;
  box-shadow: 0 0 0 4px rgba(17,98,174,.12) !important;
}
#menu .mobile-search button{
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(17,98,174,.25) !important;
  background: linear-gradient(180deg, var(--m-blue), var(--m-green)) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}

/* Sosyal medya alanı (include edilen bölüm) – genel iyileştirme */
#menu .social-icons, 
#menu .social, 
#menu .socials{
  display:flex !important;
  gap:10px !important;
  margin: 12px auto 0 !important;
}

/* === AÇIK/KAPALI DURUMLARI === */
/* :has destekli tarayıcılarda tam CSS kontrolü */
#menuToggle:has(input:checked) .sidenav-overlay{
  opacity: 1 !important;
  pointer-events: auto !important;
}
#menuToggle:has(input:checked) #menu{
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}
/* Gövde kaydırmasını kilitle (modern tarayıcılar) */
body:has(#menuToggle input:checked){
  overflow: hidden !important;
}

/* Hamburger → X dönüşümü */
#menuToggle input:checked ~ span:nth-of-type(1){
  transform: translateY(7px) rotate(45deg) !important;
}
#menuToggle input:checked ~ span:nth-of-type(2){
  opacity: 0 !important;
}
#menuToggle input:checked ~ span:nth-of-type(3){
  transform: translateY(-7px) rotate(-45deg) !important;
}

/* Küçük ekran ince ayarları */
@media (max-width: 390px){
  #menu{ padding-top: 10px !important; }
  #menu .logoimg{ max-width: 280px !important; }
}

/* Fazla boşlukları temizle */
#menu br { display: none !important; }
#menu hr {
  width: 100% !important;
  height: 1px !important;
  border: 0 !important;
  margin: 14px 0 !important;
  background: rgba(0,0,0,.06) !important;
}

/* Logo hizası */
#menu .logoimg{
  display:block !important;
  max-width: 270px !important;
  height: auto !important;
  margin: 4px 0 10px 0 !important;
}

/* Top seviye linkler (ANA SAYFA, HAKKIMDA...) */
#menu .menu-mobile-top-link{
  display:block !important;
  width: 100% !important;
  padding: 0px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(17,98,174,.18) !important;
  background: #fff !important;
  transition: background .2s ease, transform .18s ease !important;
}
#menu .menu-mobile-top-link:hover{ background: rgba(17,98,174,.06) !important; transform: translateX(2px) !important; }
#menu .menu-mobile-top-link p{ margin:0 !important; font-weight: 700 !important; color:#0f172a !important; }

/* İletişim blokları (ikonlu üç satır) */
#menu .menu-contacts{
  display:grid !important;
  gap:10px !important;
  margin: 6px 0 10px 0 !important;
}
#menu .menu-contacts a{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:10px 12px !important;
  border:1px dashed rgba(17,98,174,.25) !important;
  border-radius:12px !important; color:#0f172a !important;
}

/* --- Alt menü grupları (ör. KULAK, BURUN ve Sinüsler...) --- */
/* #menu .th-hasdropdown{ margin-top: 10px !important; } */

/* Başlık linki (KULAK, BURUN...) */
#menu .th-hasdropdown > a.menu-mobile-top-link{
  margin-bottom: 6px !important;
}

/* Tema kaynaklı sol çizgileri / pseudo içerikleri kaldır */
#menu .th-hasdropdown,
#menu .th-hasdropdown *{
  border-left: 0 !important;
  box-shadow: none !important;
}
#menu .th-hasdropdown > a.menu-mobile-top-link::before,
#menu .th-hasdropdown > a.menu-mobile-top-link p::before,
#menu .th-hasdropdown > a.menu-mobile-top-link::after{
  content:none !important;
}

/* Alt bağlantılar (madde listesi gibi hizalanır) */
#menu .th-hasdropdown > a:not(.menu-mobile-top-link){
  position: relative !important;
  display:block !important;
  padding: 10px 12px 10px 28px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  color:#0f172a !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
}
#menu .th-hasdropdown > a:not(.menu-mobile-top-link)::before{
  content:"" !important;
  position:absolute !important; left:5px !important; top:50% !important;
  width:6px !important; height:6px !important; border-radius:50% !important;
  background:#1162ae !important; opacity:.35 !important;
  transform: translateY(-50%) !important;
}
#menu .th-hasdropdown > a:not(.menu-mobile-top-link):hover{
  background: rgba(17,98,174,.06) !important;
}

/* Sosyal ikonlar satırı */
#menu .social-icons{ display:flex !important; gap:10px !important; margin-top: 12px !important; }
#menu .social-icons a{ display:inline-flex !important; }

/* Menü açıkken body kaydırmasını kilitlemek için (CSS destekli tarayıcılar) */
body:has(#menuToggle input:checked){
  overflow: hidden !important;
  touch-action: none !important;
}

/* Menü açıkken sayfadaki sabit butonlar görünmesin (genel seçiciler) */
body:has(#menuToggle input:checked) .whatsapp, 
body:has(#menuToggle input:checked) .wa-chat,
body:has(#menuToggle input:checked) .wa__btn_popup,
body:has(#menuToggle input:checked) .wa__popup_chat_box,
body:has(#menuToggle input:checked) .sticky-search,
body:has(#menuToggle input:checked) [class*="sticky"],
body:has(#menuToggle input:checked) [class*="floating"]{
  opacity:0 !important; pointer-events:none !important;
}

/* Güvenli alanlar (iPhone çentik) */
#menu { padding-top: calc(18px + env(safe-area-inset-top)) !important; padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important; }
/* Tüm mobil menü öğeleri aynı genişlikte olsun */
#menu{
  --m-item-w: min(560px, 92vw) !important; /* İstersen 560px'i artır/azalt */
}

/* Üst seviye butonlar (ANA SAYFA, HAKKIMDA, KULAK, vb.) */
#menu .menu-mobile-top-link{
  display: block !important;
  width: var(--m-item-w) !important;
  margin: 3px auto !important;      /* ortala */
  text-align: center !important;
  white-space: normal !important;     /* uzun başlıklar satır kırabilsin */
  word-break: break-word !important;
}

/* Başlık olan grup linkleri (ör. KULAK, BURUN VE SİNÜSLER) */
#menu .th-hasdropdown > a.menu-mobile-top-link{
  display: block !important;
  width: var(--m-item-w) !important;
  /* margin: 10px auto 6px auto !important; */
  text-align: center !important;
}

/* Alt bağlantılar (madde listesi gibi) – aynı genişlikte, sola hizalı */
#menu .th-hasdropdown > a:not(.menu-mobile-top-link){
  display: block !important;
  width: var(--m-item-w) !important;
  margin: 0 auto !important;          /* ortala + aynı genişlik */
  padding-left: 28px !important;      /* sol nokta için boşluk */
  text-align: left !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* İsteğe bağlı: hr genişliği de tutarlı olsun */
#menu hr{
  width: var(--m-item-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.td-contact h2{
  text-align: center;
}/* 🔒 Varsayılan: alt menüler kapalı */

/* Başlık satırı */
#menu .th-hasdropdown > .menu-mobile-top-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
}

/* Başlık içindeki <p> tıklamayı bozmasın */
#menu .th-hasdropdown > .menu-mobile-top-link p {
  pointer-events: none !important;
  margin: 0 !important;
}

/* Sağ tarafta + / − göstergesi */
#menu .th-hasdropdown > .menu-mobile-top-link::after {
  content: "+" !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-left: 8px !important;
}

/* Açıldığında − (Unicode eksi işareti) */
#menu .th-hasdropdown.is-open > .menu-mobile-top-link::after {
  content: "−" !important;
}
/* 🔒 Varsayılan: alt menüler kapalı */
#menu .th-hasdropdown > a:not(.menu-mobile-top-link) {
  display: none !important;
}

/* 🔓 Açık durum */
#menu .th-hasdropdown.is-open > a:not(.menu-mobile-top-link) {
  display: block !important;
}

/* Başlık satırı */
#menu .th-hasdropdown > .menu-mobile-top-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
}

/* Başlık içindeki <p> tıklamayı bozmasın */
#menu .th-hasdropdown > .menu-mobile-top-link p {
  pointer-events: none !important;
  margin: 0 !important;
}

/* Sağ tarafta + / − göstergesi */
#menu .th-hasdropdown > .menu-mobile-top-link::after {
  content: "+" !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-left: 8px !important;
}

/* Açıldığında − (Unicode eksi işareti) */
#menu .th-hasdropdown.is-open > .menu-mobile-top-link::after {
  content: "−" !important;
}
@media (max-width:768px){
    .site-branding img {
    margin-top: 11px;
    max-height: 38px;
}
}