body {
    /* margin-top: 1.5rem;*/
 }
 
 #logo {
     transition: transform 1.5s;
     /*filter: brightness(0) invert(0);*/
 }
 
 #logo:hover {
     transform: rotateY(360deg) rotateX(0);
 }
 
 #logo path,
 #logo circle,
 #logo ellipse {
     stroke-width: 15px !important; /* Tüm çizgi kalınlıklarını 15px yap */
 }
 
 #govde {
     padding-top: 1rem;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 /* Sol Sağ Menü */
 #openLeftMenu:focus, #openRightMenu:focus, #closeMenucloseMenu:focus {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     outline: none;
     box-shadow: none;
 }
 
 .navbar-toggler-icon {
     color:#fff;
     opacity: 1;
 }
 
 #header.scrolled .navbar-toggler-icon {
     filter: invert(0%); /* İkonu beyaz yapar */
 }
 
 /* Breakpoint'lere göre genişlik ayarları */
 @media only screen and (min-width: 300px) and (max-width:449px) { 
     .head-ozel { height: 65px; }
     #logo { height: 52px !important; }
     .w-ozel { width: 100% !important; }
     .carousel,.slider-img {height: 500px; }
     .carousel-control-prev,.carousel-control-next { display: none; }
     .custom-offcanvas {
         scrollbar-width: none !important; /* Firefox'ta gizle */
         -ms-overflow-style: none; /* IE ve Edge'de gizle */
      }
 }
 
 
 /* Breakpoint'lere göre genişlik ayarları */
 @media only screen and (min-width: 450px) and (max-width:767px) { 
     .head-ozel { height: 65px; }
     #logo { height: 52px !important; }
     .w-ozel { width: 100% !important; }
     .carousel,.slider-img {height: 400px; }
     .carousel-control-prev,.carousel-control-next { display: none; }
     .custom-offcanvas {
         scrollbar-width: none !important; /* Firefox'ta gizle */
         -ms-overflow-style: none; /* IE ve Edge'de gizle */
      }
 }
 
 
 
 @media only screen and (min-width: 768px) and (max-width:991px) { 
     .head-ozel { height: 75px; }
     #logo { height: 55px !important; }
     .w-ozel { width: 100% !important; }
     .carousel,.slider-img {height: 400px; }
     .carousel-control-prev,.carousel-control-next { display: none; }
     .custom-offcanvas {
         scrollbar-width: none !important; /* Firefox'ta gizle */
         -ms-overflow-style: none; /* IE ve Edge'de gizle */
      }
 }
 
 
 
 @media only screen and (min-width: 992px) and (max-width:1199px) { 
     .head-ozel { height: 75px; }
     #logo { height:55px; }
     .w-ozel { width: 100% !important; }
     .carousel,.slider-img {height: 500px; }
     .carousel-control-prev,.carousel-control-next { display: block; }
 
     .navbar-toggler {
         position: absolute;
         left: 0; /* Menü ikonu sola yerleşir */
         z-index: 1; /* Diğer öğelerin üstünde olsun */
     }
 }
 
 
 
 @media only screen and (min-width: 1200px) and (max-width:1399px) { 
     .head-ozel { height: 75px; }
     #logo { height:55px; }
     .w-ozel { width: 100% !important; }
     .carousel,.slider-img {height: 600px; }
     .carousel-control-prev,.carousel-control-next { display: block; }
 }
 
 
 
 @media only screen and (min-width: 1400px) { /* xxl */
     .head-ozel { height: 70px; }
     #logo { height:45px; }
     .w-ozel { max-width: 1520px !important; }
     .carousel,.slider-img {height: 600px; }
     .carousel-control-prev,.carousel-control-next { display: block; }
     .navbar-toggler-icon { background-size: 79%; }
 }
 
 .navbar {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .navbar, .navbar a, .navbar .nav-link, .navbar .navbar-brand, .navbar .btn {
     color: black;
 }
 
 .navbar .btn-outline-success {
     border-color: white;
 }
 
 .navbar-nav .nav-item {
     margin-right: 15px; /* Sağ boşluk */
     font-style: normal;
     font-weight: 400;
     font-size:12px;
 }
 
 .nav-scroll {
     display: flex;
     flex-wrap: nowrap; /* Satır kırılmasını engeller */
     overflow-x: auto; /* Yatay kaydırma ekler */
     scrollbar-width: none; /* Firefox için scrollbar gizleme */
     -ms-overflow-style: none; /* IE ve Edge için scrollbar gizleme */
     white-space: nowrap; /* Linklerin alt alta düşmesini engeller */
 }
 
 /* WebKit tarayıcılarında scrollbar'ı gizle */
 .nav-scroll::-webkit-scrollbar {
     display: none;
 }
 
 #header {
     transition: border-color 0.3s ease; /* Arka plan ve border rengi değişimi için geçiş efekti */
     background-color: #fff !important;
 }
 
 #header.scrolled {    
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }
 
 /* Menü linklerinin rengini değiştirmek için */
 .nav-link, .navbar-brand
 {
     color: black !important; /* Yazı rengi siyah */
 }
 
 /* Header içindeki border'ları gri yap */
 nav.navbar {
     border-bottom-color: rgba(0, 0, 0, 0.1) !important; /* Üst nav border rengi gri */
 }
 
 .navbar-expand {
     border-bottom-color: rgba(0, 0, 0, 0.1) !important; /* Alt nav border rengi gri */
 }
 
 .btn {
     border-color: black !important; /* Butonun border rengini siyah yap */
 }