@charset "utf-8";

/* ---------------------------------------------
font & reset css
--------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Black.woff2') format('woff2');
	font-weight: 900;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Heavy.woff2') format('woff2');
	font-weight: 800;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Bold.woff2') format('woff2');
	font-weight: 600;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nexa';
	src: url('../fonts/Nexa-Regular.ttf') format('ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}


/* ---------------------------------------------
reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/*html {overflow-x: hidden;}*/
body {
	-webkit-text-size-adjust: none;
	min-width: 320px;
	/*overflow-x: hidden;*/
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	overflow-x: hidden;
    width: 100%;
}

.img-hauto {
	height: auto;
}
.banner-title-wrapper hr {
	width: 300px;
	margin: 0 auto;
}
.section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 35px;
	font-weight: 700;
	color: #333;
	margin-bottom: 20px;
	position: relative;
	gap: 20px; /* Başlık ile çizgiler arası boşluk */
	margin-top: 50px;
}

.section-title::before,
.section-title::after {
  content: "";
  flex: 1;                  /* Çizgilerin genişliğini ayarlar */
  height: 1px;              /* Çizgi kalınlığı */
  background-color: #999;   /* Çizgi rengi */
}

/* ---------------------------------------------
NAVBAR
--------------------------------------------- */
.navbar {
	transition: all 0.5s;
	border-bottom: 1px solid rgba(250,250,250,0.3);
	background: #fff;
	padding: 0px;
	z-index: 3000 !important; /* Diğer tüm kutuların (1050) üzerine çıkarır */
	position: fixed; /* Zaten fixed-top var ama garantiye alalım */
	font-family: 'Quicksand', sans-serif !important;
}

.navbar-scrolled {
	background: #fff !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
}

.navbar a {
	font-weight: 600;
}


.opaq-bg {
	background: rgba(250,250,250, 0.15) !important;
	transition: background 0.4s ease;
}
.opaq-bg.scrolled {
	background: rgba(250,250,250, 1) !important;
}
/*   biz kimiz alt menü   */ 
.nav-item.dropdown { position: relative !important; }

.nav-item.dropdown .dropdown-menu {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: calc(100% + 0.25rem) !important;
  right: auto !important;
  will-change: transform !important;
}/*     */ 
.navbar .dropdown-menu {
    border: none; /* Kenarlığı kaldırıyoruz */
    border-radius: 12px; /* Daha yumuşak köşeler */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Modern, hafif bir derinlik gölgesi */
    padding: 15px 0;
    margin-top: 10px !important; /* Menü ile buton arasında hafif boşluk */
    animation: fadeInMenu 0.3s ease-in-out; /* Hafif bir açılış efekti */
	z-index: 3005 !important;
}
/* Menü öğeleri (Linkler) */
.navbar .dropdown-item {
    padding: 6px  25px;
    font-weight: 500;
    color: #333;
    transition: all 0.2s ease;
}

/* Üzerine gelince (Hover) rengi */
.navbar .dropdown-item:hover {
    background-color: #f8f9fa; /* Çok hafif bir gri */
    color: #af8e26; /* Yazı rengini koyulaştır */
    padding-left: 30px; /* Sağa doğru hafif bir kayma efekti */
	border-left: 3px solid #af8e26;
}

/* Açılış Animasyonu */
@keyframes fadeInMenu {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navigasyon linklerindeki ok (caret) simgesini biraz daha zarif yapalım */
.dropdown-toggle::after {
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    margin-left: 8px;
    vertical-align: middle;
    transition: transform 0.3s;
}

/* Menü açıldığında ok ters dönsün (opsiyonel) */
.nav-item.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.header-area {
  background-color: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 3000!important;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

/*  ÜRÜNLER ALT MENÜ STİLLERİ      */  
/* Ana mega menü yapısı */
.mega-menu-wrapper {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	display: none;
	z-index: 3001 !important;
	padding: 20px 0;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Sütun yapısı */
.mega-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  max-width: 1200px;   
  margin: 0 auto; 
  padding: 0 20px; 
}

.mega-column {
  flex: 1;
  min-width: 200px;
}

/* Scroll destekli ürün listesi */
.scrollable {
  max-height: 300px;
  overflow-y: auto;
}

/* Ürün görseli */
.image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

#productImage img {
  max-height: 200px;
  object-fit: contain;
}

/* Liste elemanları */
.mega-column div{
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 4px;
}

.mega-column div:hover,
.mega-column .active,
.mega-column .active a {
	background: #f0f0f0;
	font-weight: bold!important;
	color: #af8e26;
}

/* İlk Sütun   */
#mainCategories {
	background-color: #f8f9fa; 
	padding: 0.5rem;  /* İçerik boşluğu (isteğe bağlı) */
	font-weight: bold;
	border-right: 1px solid #dee2e6;
}

/*  İkinci Sütun */ 
#subCategories {
  border-right: 1px solid #dee2e6; /* Açık gri çizgi */
  padding: 0.5rem;                   /* İçerik boşluğu */
}	

/* Üçüncü Sütun   */

#productList {
  max-height: 280px; /* varsa zaten tanımlı olabilir */
  overflow-y: auto;
  padding: 0.5rem;
  margin-right: 28px; 
}

/* Scrollbar için WebKit özelleştirmesi */
#productList::-webkit-scrollbar {
  width: 8px;
}

#productList::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 4px;
}

#productList::-webkit-scrollbar-thumb {
  background-color: #adb5bd; /* Gri kaydırma çubuğu */
  border-radius: 4px;
  border: 2px solid #f1f1f1; /* Arka planla uyum */
}

#productList::-webkit-scrollbar-thumb:hover {
  background-color: #6c757d;
}

/* İçerideki ürün isimleri veya öğeler genişse kaymasın */
#productList div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 4px;
}

#productImage img {

}

#productImage {
	text-align: end;
}
/*  ---------------------------------------------
BANNER VIDEO ALANI
--------------------------------------------- */

.video-anasayfa {
	position: relative;
	/* height: 705px; video yüksekliği */
	overflow: visible;
	z-index: 1;
 }

.video-anasayfa  video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
}

/* ---------------------------------------------
ALT SAYFA BANNER ALANI
--------------------------------------------- */

.altsayfa-banner {
    background: url('../images/bg-banner-kategori.webp'); /* Koyu overlay */
    background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 170px;
	overflow: hidden;
}

.banner-inner {
	text-align: center;
    width: 100%;
}

/* Banner Sağ ve Soldaki Çizgiler */
.divider-line {
    flex-grow: 1; /* Boş kalan sağ ve sol alanı eşit doldurur */
    height: 1px;
    background-color: #ffffff;
    opacity: 0.6;
}

.icon-divider-wrapper {
    display: flex;
    align-items: center;
    width: 100%; /* Artık %100, üstteki H1'in genişliği neyse o kadar olur */
    gap: 15px;
}



/* Başlık Stili */
.h1-wrapper {
	color: #fff;
	text-align: center;
	padding-top: 120px;
}

.banner-content-wrapper {
    display: inline-block; 
    text-align: center;
    margin: 0 auto;
}

.h1-wrapper h1 {
	font-weight: 600 !important; 
	font-family: "Lato", sans-serif;
	font-size: 1.6em !important;
	letter-spacing: 1px;
	display: block;   
    margin: 0;       
    padding-bottom: 5px;  
    white-space: nowrap; 
    color: #ffffff;
}

/* İkon Alanı Stili */
.banner-icons-container {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 20px;
}

.banner-icon-item {
    color: #ffffff;
    font-size: 1.8rem;
    background: rgba(255, 255, 255, 0.1); /* Hafif şeffaf arka plan */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(212, 175, 55, 0.5); /* Altın rengi ince çerçeve */
    transition: all 0.3s ease;
}

.banner-icon-item:hover {
    background: #d4af37;
    color: #000;
    transform: translateY(-5px);
}

/* İkonların Kendi Arasındaki Boşluk */
.banner-icons {
    display: flex;
    gap: 12px;
}

.banner-icons i {
    /*opacity: 0.9;*/
    transition: transform 0.2s;
}

.banner-icons i:hover {
    transform: scale(1.2);
    color: #d4af37; /* Üzerine gelince logonun sarısı */
}
.banner-icons i img {
    width: 30px;
	height: 30px;
}
/*--------------------------------------------
ANA SAYFA KUTULAR
--------------------------------------------- */
.ana-kutular {
	z-index: 10;
    display: block;
    box-sizing: border-box;
    margin-top: -125px; 
    box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.4);
    min-height: 170px; 
    padding-top: 65px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    
    background: url("../images/bg-cizgi.webp");
    background-repeat: repeat;
    background-position: center 30px;
}

.kutu-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3px;
	margin-top: 15px;
	margin-bottom: 10px;
	position: relative;
	z-index: 3;
}

.kutu {
	flex: 1 1 135px;
	max-width: 150px;
	min-width: 120px;
	height: 80px;
	background-color:  rgba(250, 250, 250, 0.7);
	backdrop-filter: blur(3px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 3px;
	display: flex;
	flex-direction: column; /* ikon + metin dikey sıralansın */
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
	box-sizing: border-box;
	margin-bottom: 8px;
	
	font-family: "Lato", sans-serif;
	font-size: 0.75em;
	font-weight: 700;
	text-align: center;
	color: #414447;
}

.kutu:hover {
	/*HOVER*/
	background-color: rgba(177, 145, 44, 0.9);
	color: #fff;
	transition: all 0.3s ease;	
	transform: scale(1.03);
}

.kutu img {
  margin-bottom: 8px;
  transition: transform 0.3s ease;
}
/* VİDEO ALTI KUTULAR BİTTİ -------------------------------------------*/

/* DUYURU ALANI */
#duyuru-alani {

	width: 100%;
	padding: 15px 0 0  0;
}

.announcement-wrapper {
	position: relative;
    overflow: hidden;
    height: 30px; 
    display: flex;
    align-items: center;
    justify-content: center; 
    text-align: center;
}

.announcement-text {
	position: absolute;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;      /* İkon ve yazıyı hizala */
	justify-content: center;
}

.announcement-text.active {
  opacity: 1;
}
/* DUYURU ALANI BİTTİ -------------------------------------------*/

/* ANA SAYFA MARKA BARI -------------------------------------------*/
/* Markalar Bölümü Dış Çerçeve */
.anasayfa-marka {
    padding: 10px 0; /* Üstten ve alttan boşluk */
}

/* Logoları Taşıyan Kapsayıcı (Flexbox) */
.anasayfa-marka-bar {
    display: flex;
    justify-content: space-around;
    align-items: center; 
    flex-wrap: wrap;
    gap: 15px; 
	max-width: 1152px;
    margin: 0 auto;
}


.anasayfa-marka-bar img {
    max-height: 50px; 
    max-width: 151px; 
    object-fit: contain; 
    transition: all 0.3s ease;
}


.anasayfa-marka-bar img:hover {
    transform: scale(1.1); 
}

/* Mobil Uyumluluk (Opsiyonel) */
@media (max-width: 768px) {
    .anasayfa-marka-bar {

        justify-content: center; 

    }



    .anasayfa-marka-bar img {

        max-height: 40px; 

        margin: 10px; 

    }
}
/* ANA SAYFA MARKA BARI BİTTİ -------------------------------------------*/


/* KULLANIM ALANLARI BÖLÜMÜ BAŞLIYOR
*/
#kullanim-alani{
  position: relative;
  margin-top: 20px;
  z-index: 3;
  padding-bottom: 30px;	
}

/* KULLANIM ALANLARI BÖLÜMÜ BİTTİ -------------------------------------------

/* FOOTER BAŞLIYOR ------------------------------------------- */
.footer-section {
  position: relative;
  overflow: hidden;
}

.footer-divider {
	height: 1px;
	background-color: #af8e26;
	width: 100%;
	margin-bottom: 10px;
	margin-top: -10px;
}

.footer-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 16px;
  color: #fff;
  display: block;
}
.footer-title span {
  display: inline-block;
  border-bottom: 2px solid #af8e26;
  padding-bottom: 6px;
}

.footer-link{
	color: #fff;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	transition: color 0.3s;
	font-size: 0.8rem;
}

.footer-link:hover {
  color: #af8e26;
}

.footer-section {
	position: relative;
	overflow: hidden;
	border-top: 2px solid #999AA2;
		overflow: hidden;
}

.footer-mobile {
	position: relative; 
	z-index: 200;

}

.footer-mobile a,
.footer-mobile a:visited {
  color: #fff !important;
}

.footer-mobile a:hover {
  color: #af8e26 !important;
}

.footer-bg {
  z-index: 0;
  opacity: 1; /* Gerekirse arttır */
}

.footer-bottom {
  background-color: #af8e26;
	z-index: 200;
	position: relative;
	margin-top: 20px;
	max-height: 45px;
}

.footer-bottom a.footer-bottom-link {
  color: #fff;
  font-size: 0.875rem; /* küçük yazı */
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
}

.footer-bottom a.footer-bottom-link:hover {
  text-decoration: underline;
}

/* ZEYNEP */
.btn.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #b18c19;
	--bs-btn-border-color: #b18c19;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #b18c19;
	--bs-btn-hover-border-color: #b18c19;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b18c19;
	--bs-btn-active-border-color: #b18c19;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #b18c19;
	--bs-btn-disabled-border-color: #b18c19;
}

.btn-outline-yellow {
	--bs-btn-color: #777 !important;
	--bs-btn-border-color: #dee2e6 !important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d4af37;
	--bs-btn-hover-border-color: #d4af37;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #777;
	--bs-btn-active-border-color: #777 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #777 !important;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #777 !important;
	--bs-gradient: none;
	font-weight: 600 !important;
}
.navbar .ms-auto button, 
.navbar .ms-auto .language-switcher .lang-btn,
.navbar .ms-auto .navbar-toggler {
    border-radius: 6px !important; /* Buradaki 6px değerini kendi zevkinize göre (örn: 8px veya 12px) değiştirebilirsiniz */
    
    /* Butonların yüksekliklerinin de eşit durması için (opsiyonel ama önerilir) */
    height: 38px !important;
    align-items: center;
    justify-content: center;
	
}
.navbar .ms-auto .language-switcher .lang-btn {padding: 0 14px !important;}
.navbar .ms-auto button {margin-top: 1px !important;}
.navbar .ms-auto button img {
    max-height: 18px;
    width: auto;
	padding: 0 1px;
}

/* Navbar toggler (hamburger) özel düzeltme */
.navbar-toggler {
    padding: 0.25rem 0.77rem !important;
	height: 38px !important;
}

.btn-search-trigger {
	background-color: #fff;
	border: 1px solid #dee2e6;
	color: #999;
	padding: 1px 15px;
	border-radius: 8px;
	font-size: 0.9rem;
	text-align: left;
	width: 150px;
	height: 38px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	margin-left: 30px;
	
}

.btn-search-trigger:hover {
    border-color: #d4af37;
    color: #d4af37;
    background-color: #fff;
}

/* Liste elemanları */
#SubCategories div a {
	font-weight: 400;
}

.mega-column a {
	color: var(--bs-body-color);
	text-decoration: none;
	cursor: pointer;
	padding: 6px 10px;
	border-radius: 4px;
}
/*
.mega-column.main div:hover,
.mega-column.main div.active,
.mega-column.sub div:hover,
.mega-column.sub div.active,*/


#productList a:hover {
	background: #f0f0f0;
	font-weight: bold !important;
	color: #af8e26;
}

#productList .category-products-container {
	background-color: transparent;
	display: none;
}

#productList .selected {
	display: block;
}

#productList a{
	font-weight: normal;
}

#mainCategories div a {
	font-weight: bold;
}

.text-justify {
	text-align: justify !important
}
/* END OF: ZEYNEP*/

/* --- Arama Katmanı - Yerleşim Düzeltmesi --- */
.search-input-group {
	display: flex;
	align-items: center; /* Giriş alanı ve butonu dikeyde ortalar */
	border-bottom: 2px solid #333; /* Alt çizgi inputun hemen altında, butonun değil */
	padding: 10px 0;
	width: 100%;
	margin: 0 auto;
}

	.search-input-group input {
		/* Burası Önemli: Kalan boşluğu doldurması için flex: 1 */
		flex: 1 1 0%;
		min-width: 0; /* WebKit tabanlı eski tarayıcılardaki input genişlik sorununu çözer */

		background: transparent;
		border: none;
		font-size: 1.2rem; /* Yazı boyutu çok büyük olduğu için sıkışmaya neden olabilir, küçülttük */
		color: #333;
		outline: none;
		padding: 0 10px; /* Sağa ve sola padding ekledik */
	}

		/* PlaceHolder rengi (görselde gri tonlu) */
		.search-input-group input::placeholder {
			color: #999;
		}

.btn-search-go {
	/* Burası Önemli: Butonun sıkışmasını ve aşağı kaymasını engeller */
	flex: 0 0 auto;
	white-space: nowrap; /* Buton metninin taşmasını ve alt satıra geçmesini önler */

	background-color: #4a4d56;
	color: white;
	border: none;
	padding: 8px 15px; /* Padding'i daralttık, buton daha kibar */
	font-size: 1rem;
	font-weight: 600;
	border-radius: 5px;
	transition: 0.3s;
	margin-left: 10px; /* Input ile buton arası boşluk */
}

.search-overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(10px);
	max-width: 500px;
}

.search-overlay-content {
	position: relative;
	top: 30%;
	width: 80%;
	max-width: 1288px;
	margin: 0 auto;
	text-align: center;
}

.search-overlay .close-btn {
	position: absolute;
	top: 30px;
	right: 50px;
	font-size: 40px;
	cursor: pointer;
	color: #333;
}

/* Mobil Ayarlar (Revize) */
@media (min-width: 992px) {
  .footer-col-pad {
    padding-left: 50px; 
  }
	.footer-menu-row {
		display: flex !important;
		flex-wrap: nowrap !important; 
		justify-content: flex-start !important;
	  }


  .footer-menu-col:first-of-type {
     margin-left: auto; 
      max-margin-left: 60px;
  }
  .footer-menu-col:not(:last-child) {
    margin-right: 2.5vw; 
  }

  .footer-menu-col {
    flex: 0 0 auto !important; 
    width: 14% !important;
    min-width: 125px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
	.search-input-group input,
	.search-input-group input::placeholder {
		font-size: 1.1rem; /* Mobilde yazı boyutu daha da düşürülmüş */
	}

	.btn-search-go {
		padding: 6px 12px;
		font-size: 0.9rem;
	}
	
	.footer-title {
		font-size: 0.85rem;
		margin-bottom: 10px;
		margin-top: 15px;
	  }
	  .footer-link {
		font-size: 0.72rem;
		margin-bottom: 5px;
	  }
	  .footer-title span {
		padding-bottom: 3px;
	  }
	  .footer-logo-area {
		text-align: center;
	  }
}



@media (min-width: 1200px){
	.ana-kutular {
		
	}

	#duyuru-alani {	
     
	}


}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.kutu { 
		flex: 0 1 130px;
		max-width: 134px;
		min-width: 100px;
		gap:4px;
	}
}

@media (max-width: 991.98px) {
	.mega-menu {
	position: static;
	width: 100%;
	}

	.mega-dropdown:hover .mega-menu {
	display: none;
	}

	.simple-dropdown:hover .dropdown-menu {
		display: none;
	}

	.offcanvas {
		width: 80vw;
		max-width: 320px;
	}
	.navbar-toggler { font-size: 14px !important; height: 33px; margin-top: 2px;}
	
	.btn-outline-yellow {
		height: 33px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 4px;
		padding: 0 15px !important;
		
	}
	
	.footer-col-pad {
		padding-left: 12px;
	  }
	.footer-title {
		margin-top: 20px;
	  }
    
    .ms-auto {
        margin-left: 0 !important; 
    }
}

@media (min-width: 768.5px) and (max-width: 991.98px) {
	#duyuru-alani {
		/* margin-top: -62px;
		padding-top: 120px;*/
	}

	


	.footer-title {
		margin-top: 30px;
	  }

	  .footer-link {
		font-size: 0.8rem;
	  }
	.footer-menu-row {
		justify-content: center !important; 
	  }

	  /* Sütunların içindeki ekstra boşluk hissini yok etmek için */
	  .footer-menu-row > [class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	  }
}



@media (min-width: 576px) and (max-width: 768.98px) {

	.kutu { 
		flex: 0;
    }


}

@media (min-width: 529px) and (max-width: 576px) {

}

@media (max-width: 576px) {
.video-anasayfa {
  position: relative;
  width: 100%;
  min-height: 250px;
  overflow: hidden;
}

.video-anasayfa video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.footer-bottom {
	max-height: 85px;
}

.footer-bottom .text-start,
.footer-bottom .text-end {
    text-align: center !important;
  }
	.h1-wrapper h1 {
	   font-size: 0.8em !important;
    }
	
}