/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/
    .beyaz:hover {
            color: #fff !important;
        }

        .about-home-2:after {
            width: 100% !important;
            border: 10px solid #d7b39a;
        }

        .date-style-2 .sx-img-effect {
            padding: 10px;
        }
       

.thumbfoto {
    width:60% !important;
}

.tablo tr {
border-bottom: 1px solid #eee;
}
 .rehaubaslik {
            color:#4caf50;
        }

.urunmenu {
    background-color: #fff;
    padding: 10px;
    margin-top:10px !important;
}

    .urunmenu:hover {
        background-color:#4caf50;
        color:#fff;
    }
        .urunmenu:hover strong {
        color:#fff;
        }


   .cortizobaslik {
    color:#1f9bca;
}
     .cortizourunmenu {
    background-color: #fff;
    padding: 10px;
    margin-top:10px !important;
} 
   .cortizourunmenu:hover {
        background-color:#1f9bca;
        color:#fff;
    }
    .cortizourunmenu:hover strong {
        color:#fff;
        }

.hellabaslik {
    color:#e42e15;
}
.hellaurunmenu {
    background-color: #fff;
    padding: 10px;
    margin-top:10px !important;
}
.hellaurunmenu:hover {
    background-color:#e42e15;
    color:#fff;
}
.hellaurunmenu:hover strong {
    color:#fff;
}

.videobosluk {
    padding:15px !important;
}

#whatsapptikla {
    transition: .4s;

    position: fixed;
    right: 10px;
    bottom: 75px;
    z-index: 999;
    width: 44px;
}
.whatsappspan {
    margin-left: -85px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
    width: 84px;
    float: left;
    background-color: #ccc;
    padding: 13px 7px 11px 7px;
    border-radius: 6px;
    line-height: 14px;
    color: #30373e;
}

.beyaz:hover {
    color:#fff !important;

}

/* =========================================================
   ÜST MENÜ — Logo üstte ortalı + menü ikinci satırda (2 satır)
   Sadece <header> üzerinde "header-logo-top" sınıfı varken çalışır.
   Geri almak için ustmenu.php'de bu sınıfı silmen yeterli.
   Yalnızca masaüstü (>=992px); mobil menü değişmez.
   ========================================================= */
@media only screen and (min-width: 992px) {

  /* Ana çubuk: dikey yığ, ortala */
  .header-logo-top .main-bar .container {
    display: block;
    text-align: center;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
  }

  /* Logo satırı: ortala */
  .header-logo-top.header-style-1 .header-left-gray-block .logo-header {
    float: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 14px 0 10px;
    text-align: center;
  }
  /* Sol gri blok efektini kapat */
  .header-logo-top.header-style-1 .header-left-gray-block .logo-header:after {
    display: none !important;
  }
  .header-logo-top .logo-header-inner img {
    display: inline-block;
    max-height: 62px;
    width: auto;
  }

  /* 3 logo: yan yana, gruplu, sayfaya göre ortalı */
  .header-logo-top .logo-header .triple-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
  }
  .header-logo-top .logo-header .triple-logo img {
    display: block;
    width: auto;
    max-height: none;
  }
  .header-logo-top .triple-logo .logo-1 { height: 42px; }  /* gürsoylar (geniş) */
  .header-logo-top .triple-logo .logo-2 { height: 56px; }  /* orta amblem (kare) */
  .header-logo-top .triple-logo .logo-3 { height: 34px; }  /* yazı logo (çok geniş) */

  /* Menü satırı: ikinci satır, koyu arkaplan, ortalı */
  .header-logo-top .header-nav {
    float: none;
    display: flex !important;   /* Bootstrap navbar-collapse'i ez ve ortala */
    justify-content: center;
    align-items: center;
    width: calc(100% + 30px);  /* container padding'ini (15+15) aşarak tam ekran */
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
    background: #1a2634;        /* koyu menü barı */
  }
  .header-logo-top.header-style-1.nav-wide .header-nav .nav,
  .header-logo-top .header-nav .nav {
    float: none !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .header-logo-top .header-nav .nav > li > a {
    padding: 16px 11px;
    font-size: 15px;
    color: #fff;               /* menü maddeleri beyaz */
  }
  /* Hover / aktif madde */
  .header-logo-top .header-nav .nav > li:hover > a,
  .header-logo-top .header-nav .nav > li.active > a,
  .header-logo-top .header-nav .nav > li.current-menu-item > a {
    color: #d7b39a;
  }

  /* Telefon+iletişim (sağ) ve dil+sosyal (sol): logo satırında dikey ortalı.
     Logo satırı yüksekliği = logo (62px) + üst/alt padding (14+10) = ~86px */
  .header-logo-top .extra-nav,
  .header-logo-top .header-topinfo {
    position: absolute;
    top: 0;
    height: 86px;
    display: flex;
    align-items: center;
    margin: 0;
    z-index: 9;
  }
  .header-logo-top .extra-nav {
    right: 15px;
  }
  .header-logo-top .header-topinfo {
    left: 15px;
  }
  .header-logo-top .header-topinfo .social-bx {
    margin: 0;
  }
}

/* Mobilde (<992px) dil+sosyal bloğu normal akışta, sağa yaslı */
@media only screen and (max-width: 991px) {
  .header-logo-top .header-topinfo .social-bx {
    justify-content: flex-end;
    margin: 6px 0;
  }
  /* 3 logo mobilde küçültülüp sığdırılır */
  .header-style-1 .header-left-gray-block .logo-header {
    width: auto !important;
  }
  .triple-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  .triple-logo img { width: auto; max-height: none; }
  .triple-logo .logo-1 { height: 22px; }
  .triple-logo .logo-2 { height: 28px; }
  .triple-logo .logo-3 { height: 17px; }
}
@media only screen and (max-width: 400px) {
  .triple-logo { gap: 6px; }
  .triple-logo .logo-1 { height: 18px; }
  .triple-logo .logo-2 { height: 23px; }
  .triple-logo .logo-3 { height: 14px; }
}