@media only screen and (min-width: 1200px) {
    .site-header-menu-inner .navs {
        flex-direction: row;
        align-items: center;
        align-content: center;
        border-top: 1px solid #5555552e;
    }
    .menu,
    .ttm-header-icons,
    .ttm-header-icon {
        align-items: center;
        display: flex
;
    }
    #site-header-menu #site-navigation .menu > ul > li > a {
        display: block;
        margin: 0;
        padding: 0 10px 0 9px;
        position: relative;
        z-index: 1;
        height: 60px;
        font-size: 14px;
        line-height: 67px;
        text-transform: capitalize;
        font-weight: 100;
        color: #555555;
    }
    #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: #1c193a;
        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 {
        top: 0px;
        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) {
    .home-page-form{
        padding: 30px 0;
    }
    .main-slider .item .content .inner {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .footer .row > .widget-menu-area:first-child{
        justify-content: center;
        padding-bottom: 30px;
    }
    .gallery-sec{
        padding: 0 0;
    }
    .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) {
    .fixed-header{
        height: 80px;
    }
    .marquee-container .container-fluid{
        padding-bottom: 80px;
        background-color: #1a1a3b;
    }
    .footer-contact{
        padding: 20px;
    }
    
    .copyright{
        justify-content: center;
    }
    .float{
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .mobile-show-logo{
        display:block !important;
      }
      
    .contact-page ol li .title{
        font-size: 34px;
    }
    .contact-page ol li > *{
        width: 10.5rem;
    }
    .contact-page ol li::before{
        content: counter(stepnr);
        color: var(--accent-color);
        padding-left: 13rem;
        font-size: 10rem;
        font-weight: 700;
        overflow: hidden;
        padding-top: 3rem;
    }
    .contact-page ol{
        display: grid;
        padding-left: 0;
    }
    .contact-page ol li{
        width: 22rem;
    }
    .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: #25613a;
        border: none;
    }

    .mobile-search{
        display: inline-flex;
        background: transparent !important;
        width: 100%;
        padding-bottom: 10px;
    }
    
    .mobile-search svg{
        height: 25px;
        width: 25px;
        fill: white;
        position: relative;
        bottom: -2px;
    }

    .search-form{
        display: none;
    }
    .marquee span {
        float: left;
        width: 800%;
        color: white;
        font-weight: 400;
        font-size: 18px;
        opacity: 0.5;
    }
  /* Her sütunu ortala */
.row .widget-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Sosyal ikonlar ortalansın */
.footer-contact-boxes .social-icons {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Liste linkleri ortalansın */
.widget_nav_menu .like-ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.widget.widget_nav_menu h4{
    text-align: center !important;
}
.site-owner::after{
    display: none !important;
}
.social-icons svg {
    width: 24px !important;
    height: 25px !important;
    transition: all 0.3s ease !important;
}
}



/* === 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; }
}
