@media (max-width: 1585px) {


}
@media (max-width: 1360px) {


}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
		
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

	/*------------------slider----------------------*/

	#slider {
		position:relative;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		min-height:70vh;
	}
	#slider .item .bilgi .yazi1 {
		font-size: 35px;
		margin-bottom:22px;
	}
	#slider .item .bilgi .yazi2 {
		font-size: 15px;
		margin-bottom:22px;
	}
	#slider .item .bilgi .butonlar {
		grid-gap:10px;
	}


	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		position:relative;
		margin-top:-60px;
		z-index:20;
	}
	#hakkimizda .kutular {
		margin-bottom:30px;
	}
	#hakkimizda .kutular .kutu {
		grid-gap:2px;
		height:100%;
		padding:10px;
		border-radius:10px;
	}
	#hakkimizda .kutular .kutu img {
		height:28px;
	}
	#hakkimizda .kutular .kutu .adi {
		font-size: 16px;
	}
	#hakkimizda .kutular .kutu .desc {
		font-size: 14px;
	}
	#hakkimizda .yazilar {
		grid-gap:20px;
		margin-bottom:30px;
	}
	#hakkimizda .yazilar .yazi1 {
		font-size: 25px;
	}
	#hakkimizda .yazilar .yazi2 {
		font-size: 16px;
	}
	
	/*------------------projeler----------------------*/

	#projeler {
		padding:45px 0px;
		z-index:20;
	}
	#projeler .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#projeler .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}
	#projeler .swiper {
		padding-right:70px;
	}

	.projeitem {
		position:relative;
		Display:block;
	}
	.projeitem .resim {
		aspect-ratio:398/250;
		margin-bottom:15px;
		border-radius:20px;
	}
	.projeitem .bilgi {
		grid-gap:5px;
	}
	.projeitem .bilgi .adi {
		font-size: 18px;
	}
	.projeitem .bilgi .desc {
		font-size: 16px;
	}
	.projeitem .bilgi .devam {
		grid-gap:10px;
		font-size: 16px;
	}
	.projeitem .bilgi .devam i {
		font-size: 22px;
	}
	
	/*------------------katman1----------------------*/

	#katman1 {
		position:relative;
		z-index:20;
	}
	#katman1 .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#katman1 .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}
	
	#dernegekatilin {
		padding:25px 0px;
	}
	#dernegekatilin .kutu {
		grid-gap:15px;
		height:100%;
		padding:20px;
		border-radius:20px;
	}
	#etkinlikler {
		position:relative;
		padding:25px 0px;
		z-index:20;
	}
	#etkinlikler .kutu {
		padding:20px;
		border-radius:20px;
	}
	#etkinlikler .kutu .list {
		padding:10px 0px;
	}
	#kongreler {
		position:relative;
		padding:25px 0px;
		z-index:20;
	}
	#videolar {
		position:relative;
		padding:45px 0px;
		z-index:20;
	}

	/*------------------katman1----------------------*/

	#katman2 {
		position:relative;
		z-index:20;

	}
	#katman2 .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#katman2 .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}

	#isbirligi {
		position:relative;
		padding:35px 0px;
		z-index:20;
	}
	#isbirligi .liste {
		margin-bottom:30px;
	}
	#bilgidestek {
		padding:35px 0px;
	}

	/*------------------bilgikartlari----------------------*/

	#bilgikartlari {
		padding:45px 0px;
	}
	#bilgikartlari .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#bilgikartlari .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}


	/*------------------haberler----------------------*/

	#haberler {
		padding:45px 0px;
	}
	#haberler .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#haberler .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}

	#haberler .swiper {
		padding-right:80px;
	}

	/*------------------aglar----------------------*/

	#aglar {
		position:relative;
		z-index:20;
		padding:45px 0px;
	}
	#aglar .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#aglar .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}

	/*------------------destekler----------------------*/

	#destekler {
		padding:45px 0px;
	}
	#destekler .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#destekler .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}

	/*------------------bulten----------------------*/

	#bulten {
		padding:45px 0px;
	}
	#bulten .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#bulten .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}
	#bulten .form {
		grid-gap:5px;
	}
	
	/*------------------iletisimana----------------------*/

	#iletisimana {
		position:relative;
	}
	#iletisimana .baslik {
		font-size: 25px;
		margin-bottom:18px;
	}
	#iletisimana .sol {
		width:100%;
		height:100%;
		padding:85px 15px;
	}

	#iletisimana .bilgi {
		font-size: 16px;
	}
	#iletisimana .bilgi i {
		font-size: 19px;
	}
	#iletisimana iframe {
		width:100%;
		height:300px;
	}

	/*------------------footer----------------------*/

	#footer {
	}
	#footer .ust {
		padding:30px 0px;
	}
	#footer .ust .logo {
		Display:block;
		text-align:center;
		margin-bottom:30px;
	}
	#footer .ust .logo img {
		height:122px;
	}
	#footer .menubas {
		position:relative;
		font-size: 16px;
		text-align:left;
		padding-right:40px;
	}
	#footer .menubas:before {
		position:absolute;
		content:"\f105";
		top:0px;
		right:0px;
		height:100%;
		width:30px;
		font-size:20px;
		color:var(--pembe);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:0px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}
	#footer .alt {
		padding:30px 0px;
		grid-gap:20px;
		flex-direction:column;
	}
	#footer .alt .copy {
		font-size: 12px;
		margin-right:0px;
		text-align:center;
	}
	#footer .alt .linkler {
		Display:flex;
		align-items:center;
		grid-gap:20px;
	}
	#footer .alt .linkler a {
		color: #FFF;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	/* --- GENEL AYARLAR: Dikey Boşlukları Daraltma --- */
	/* Mobilde 100px boşluk çok fazla, onları 40-50px'e çekiyoruz */
	#hakkimizdapage .katman1,
	#hakkimizdapage .katman2,
	#hakkimizdapage .katman3,
	#hakkimizdapage .katman4,
	#hakkimizdapage .katman5,
	#hakkimizdapage .katman6 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* --- KATMAN 1 (Giriş) --- */
	#hakkimizdapage .katman1 .yazi1 {
		font-size: 28px; /* Büyük başlığı mobilde küçült */
		text-align: center; /* Mobilde ortalı daha güzel durur */
	}
	#hakkimizdapage .katman1 .aciklama {
		text-align: center;
	}

	/* --- KATMAN 3 (Başkandan Mesaj) --- */
	/* Masaüstünde sağa yaslıydı, mobilde okuması zor olur, sola alıyoruz */
	#hakkimizdapage .katman3 .mesaj-icerik {
		text-align: left; 
		margin-bottom: 30px; /* Resimle yazı arasına boşluk */
	}
	
	/* Başlığı ve imzayı ortalamak istersen bu blokları açabilirsin, şimdilik sola aldım */
	#hakkimizdapage .katman3 .imza-bolumu {
		align-items: flex-start; /* İmzayı da sola yasla */
	}

	/* --- KATMAN 4 (Yönetim Kurulu) --- */
	/* Tab menüsü mobilde sığmayabilir, kaydırılabilir veya alt alta yapalım */
	#hakkimizdapage .katman4 .tab-header-wrapper {
		flex-direction: column; /* Alt alta diz */
		align-items: flex-start;
	}
	
	#hakkimizdapage .katman4 .search-icon {
		position: absolute;
		right: 0;
		top: 10px;
	}

	#hakkimizdapage .katman4 .ozel-tabs {
		width: 100%;
		display: flex;
		flex-wrap: nowrap; /* Tek satırda kalsın */
		overflow-x: auto; /* Yanlamasına kaydırma (scroll) ekle */
		padding-bottom: 10px; /* Scroll çubuğu için yer */
	}
	
	#hakkimizdapage .katman4 .ozel-tabs .nav-link {
		white-space: nowrap; /* Metinlerin alt satıra düşmesini engelle */
		font-size: 14px;
	}

	/* --- KATMAN 6 (Eski Başkanlar) --- */
	/* Masaüstünde genişliği kısıtlamıştık (350px), mobilde tam genişlik olsun */
	#hakkimizdapage .katman6 .aciklama {
		max-width: 100%;
		margin-bottom: 40px; /* Liste ile başlık arasını aç */
	}
	
	#hakkimizdapage .katman6 .sol-bolum {
		text-align: center; /* Başlığı ortala */
	}

	/* Liste elemanlarını biraz sıkılaştır */
	#hakkimizdapage .katman6 .baskanlar-kutu {
		padding: 20px; /* İç boşluğu azalt */
	}
	
	#hakkimizdapage .katman6 .tarih-kutusu {
		margin-right: 15px; /* Mobilde arayı biraz kapat */
		width: 60px; /* Kutuyu biraz küçült */
		height: 50px;
	}
	
	#hakkimizdapage .katman6 .icerik .isim {
		font-size: 15px;
	}
	
/* Genel Dikey Boşlukları Azaltma */
	#arsivpage .katman1,
	#arsivpage .katman2,
	#arsivpage .katman3,
	#arsivpage .katman4,
	#arsivpage .katman5,
	#arsivpage .katman6 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Başlık Boyutlarını Küçültme */
	#arsivpage .sayfa-baslik {
		font-size: 28px;
	}
	#arsivpage .katman2 .section-title,
	#arsivpage .katman4 .section-title,
	#arsivpage .katman6 .section-title {
		font-size: 26px;
	}
	#arsivpage .katman5 .cta-baslik {
		font-size: 28px;
	}

	/* KATMAN 1: İstatistikler */
	#arsivpage .stats-row {
		margin-top: 30px;
	}
	/* Tablette 4'lü, Mobilde 2'li görünüm için grid ayarı Bootstrap'ten gelir, 
	   ama sayıların boyutunu biraz kısalım */
	#arsivpage .stat-item .sayi {
		font-size: 20px;
	}

	/* KATMAN 2: Timeline Tarih Alanı */
	#arsivpage .katman2 .timeline-item .date-col {
		width: 80px; /* Genişliği azalttık */
		padding-right: 10px;
	}
	#arsivpage .katman2 .timeline-item .date-col .ay {
		font-size: 20px;
	}
	
	/* KATMAN 6: Arşiv Kartları */
	#arsivpage .katman6 .belge-kart {
		margin-bottom: 15px; /* Alt alta binerken boşluk olsun */
	}	
	
}

/* --- SADECE MOBİL AYARLAR (768px ve altı) --- */
@media (max-width: 768px) {

	/* KATMAN 1: Buton Grubu */
	#arsivpage .buton-grubu {
		gap: 10px;
	}
	#arsivpage .btn-ozel {
		padding: 8px 15px;
		font-size: 12px;
	}

	/* KATMAN 2: Arama Çubuğu (Search Bar) */
	#arsivpage .katman2 .search-bar-wrapper {
		flex-direction: column; /* Alt alta diz */
		padding: 15px;
		border-radius: 20px; /* Hap şeklinden normal köşeye */
	}

	#arsivpage .katman2 .search-bar-wrapper .input-group {
		width: 100%;
		border-right: none; /* Sağdaki çizgiyi kaldır */
		border-bottom: 1px solid #eee; /* Alta çizgi ekle */
		margin-right: 0;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}

	#arsivpage .katman2 .search-bar-wrapper .filters {
		width: 100%;
		display: flex;
		justify-content: space-between; /* Select kutularını yay */
		gap: 10px;
	}
	
	#arsivpage .katman2 .search-bar-wrapper .form-select {
		flex: 1; /* Eşit genişlik */
		padding-left: 10px;
	}

	/* KATMAN 2: Timeline (Zaman Çizelgesi) */
	#arsivpage .katman2 .timeline-item {
		/* Mobilde tarih solda değil, içeriğin üstünde olsun istersen layout değişir.
		   Ancak mevcut yapıyı koruyup sıkıştırmak daha temiz olur: */
	}
	#arsivpage .katman2 .timeline-item .date-col {
		width: 70px;
		padding-top: 0; /* Mobilde hizayı yukarı çek */
	}
	#arsivpage .katman2 .timeline-item .divider-col {
		width: 40px; /* Aradaki boşluğu kıs */
	}
	#arsivpage .katman2 .timeline-item .divider-col .icon-circle {
		width: 40px;
		height: 40px;
		font-size: 18px;
		border-width: 3px;
	}
	#arsivpage .katman2 .timeline-item .content-col {
		padding-left: 10px;
		padding-top: 0;
	}
	#arsivpage .katman2 .timeline-item .content-col .title {
		font-size: 16px;
	}

	/* KATMAN 3 & 4: Kartlar */
	/* Bootstrap col-12 sayesinde zaten alt alta iniyorlar.
	   Sadece mobilde kartların birbirine yapışmaması için margin ekleyelim */
	#arsivpage .katman3 .odul-kart,
	#arsivpage .katman4 .yayin-kart {
		margin-bottom: 20px;
	}

	/* KATMAN 5: CTA Butonları */
	#arsivpage .katman5 .cta-butonlar {
		flex-direction: column; /* Butonları alt alta diz */
		align-items: center;
	}
	#arsivpage .katman5 .btn-beyaz {
		width: 100%; /* Tam genişlik */
		text-align: center;
		margin-bottom: 10px;
	}

	/* KATMAN 6: Arşiv Belgeleri */
	#arsivpage .katman6 .belge-kart {
		padding: 15px;
	}
	#arsivpage .katman6 .belge-adi {
		font-size: 14px;
		line-height: 1.3;
	}
	#arsivpage .katman6 .sol-kisim {
		gap: 10px;
	}
	#arsivpage .katman6 .icon-box {
		width: 40px;
		height: 40px;
	}
	#arsivpage .katman6 .icon-box i {
		font-size: 20px;
	}
}
/*------------------ BLOG DETAY RESPONSIVE (MOBİL/TABLET) ----------------------*/

/* --- TABLET VE MOBİL ORTAK AYARLAR (991px ve altı) --- */
@media (max-width: 991px) {
	
	/* Genel Dikey Boşlukları Daraltma */
	#blogdetay .katman1,
	#blogdetay .katman2 {
		padding-top: 40px !important;
		padding-bottom: 50px !important;
	}

	/* Başlık Boyutlarını Küçültme */
	#blogdetay .sayfa-baslik {
		font-size: 28px;
	}
	#blogdetay .section-baslik {
		font-size: 24px;
	}

	/* İstatistik Kutuları Arası Boşluk */
	#blogdetay .stat-box {
		margin-bottom: 15px; /* Mobilde alt alta gelirken yapışmasın */
	}

	/* İletişim Formu (Eğer mobilde sidebarı açarsan düzgün görünsün) */
	#blogdetay .contact-box {
		margin-top: 30px;
	}
}

/* --- SADECE MOBİL AYARLAR (768px ve altı) --- */
@media (max-width: 768px) {

	/* KATMAN 1: Üst Uyarı Kutusu */
	#blogdetay .top-alert {
		flex-direction: column; /* İkon ve yazıyı alt alta al */
		text-align: center;
		padding: 20px;
		border-radius: 20px; /* Hap şeklinden normal yuvarlağa dön */
	}
	
	#blogdetay .top-alert .icon-side {
		margin-bottom: 15px; /* İkon ile yazı arasına boşluk */
	}

	/* KATMAN 2: Risk Kutuları */
	#blogdetay .risk-box {
		margin-bottom: 15px; /* Alt alta dizilince boşluk bırak */
	}

	/* Semptom Kartları */
	#blogdetay .semptom-kart {
		padding: 20px;
		margin-bottom: 15px; /* Bootstrap gutter yetmezse ekstra boşluk */
	}

	/* KATMAN 3: Evreler Tablosu (Önemli Değişiklik) */
	/* Tablo satırını esnek yapıdan dikey yapıya çeviriyoruz */
	#blogdetay .evre-satir {
		flex-direction: column; 
		align-items: flex-start; /* Sola yasla */
		padding: 15px;
	}
	
	#blogdetay .evre-baslik {
		width: 100%; /* Tam genişlik */
		margin-bottom: 5px;
		color: #ce3d86; /* Mobilde başlık daha belirgin olsun diye pembe yaptık */
		font-size: 15px;
	}
	
	#blogdetay .evre-aciklama {
		font-size: 13px;
	}

	/* Tedavi Kartları */
	#blogdetay .tedavi-kart {
		margin-bottom: 15px;
		padding: 20px;
	}

	/* Yeşil Bilgi Kutusu */
	#blogdetay .info-box-green {
		flex-direction: column; /* İkon üstte, yazı altta */
		text-align: center;
		gap: 10px;
	}
	
	/* SSS Accordion */
	#blogdetay .custom-accordion .accordion-button {
		font-size: 14px;
		padding: 12px 15px;
	}
	#blogdetay .custom-accordion .accordion-body {
		padding: 15px;
		font-size: 13px;
	}
}

/*------------------ ENDOMART PAGE RESPONSIVE (MOBİL/TABLET) ----------------------*/

/* --- TABLET VE MOBİL ORTAK AYARLAR (991px ve altı) --- */
@media (max-width: 991px) {
	
	/* Genel Dikey Boşlukları Daraltma */
	#endomartpage .katman1-header,
	#endomartpage .katman2-nedir,
	#endomartpage .katman3-takvim,
	#endomartpage .katman4-sosyal,
	#endomartpage .katman5-katilim,
	#endomartpage .katman6-cta {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Başlık Boyutlarını Küçültme */
	#endomartpage .ana-baslik {
		font-size: 36px;
	}
	#endomartpage .section-title {
		font-size: 26px;
	}
	#endomartpage .cta-title {
		font-size: 28px;
	}

	/* Kartların Alt Boşlukları (Alt alta dizilince yapışmasınlar) */
	#endomartpage .nedir-kart,
	#endomartpage .etkinlik-kart,
	#endomartpage .sm-kart,
	#endomartpage .katilim-kart {
		margin-bottom: 15px;
	}
}

/* --- SADECE MOBİL AYARLAR (768px ve altı) --- */
@media (max-width: 768px) {

	/* KATMAN 1: Header Butonları */
	#endomartpage .buton-grubu {
		flex-direction: column; /* Alt alta diz */
		align-items: center;
		gap: 15px;
	}
	#endomartpage .btn-header {
		width: 100%; /* Tam genişlik */
		max-width: 300px; /* Çok da uzamasın */
		justify-content: center;
	}

	/* KATMAN 2: Mor Bilgi Barı */
	#endomartpage .mor-alert-bar {
		flex-direction: column; /* İkon üstte, yazı altta */
		text-align: center;
		padding: 30px 20px;
	}
	#endomartpage .mor-alert-bar .icon-area {
		margin-bottom: 15px; /* İkon ile yazı arasına boşluk */
	}

	/* KATMAN 3: Etkinlik Takvimi Detayları */
	#endomartpage .e-detaylar {
		grid-template-columns: 1fr; /* Tarih/saat bilgisini tek sütuna düşür */
		gap: 10px;
	}
	#endomartpage .etkinlik-kart {
		padding: 25px 20px;
	}

	/* KATMAN 4: Sosyal Medya Hashtagleri */
	#endomartpage .hashtags-wrapper {
		gap: 8px;
	}
	#endomartpage .tag-pill {
		font-size: 12px;
		padding: 8px 15px;
	}

	/* KATMAN 6: Footer CTA Kutu */
	#endomartpage .cta-box {
		padding: 40px 20px;
	}
	#endomartpage .cta-title {
		font-size: 24px;
	}
	#endomartpage .btn-beyaz-cta {
		width: 100%;
		max-width: 280px;
	}
	
}

/*------------------ HABERLER PAGE RESPONSIVE (MOBİL/TABLET) ----------------------*/

/* --- TABLET VE MOBİL ORTAK AYARLAR (991px ve altı) --- */
@media (max-width: 991px) {
	
	/* Genel Dikey Boşlukları Daraltma */
	#haberlerpage .katman1-header,
	#haberlerpage .katman2-onecikan,
	#haberlerpage .katman3-tumhaberler,
	#haberlerpage .katman4-bulten,
	#haberlerpage .katman5-birlikte,
	#haberlerpage .katman6-topluluk {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	/* Başlık Boyutlarını Küçültme */
	#haberlerpage .sayfa-baslik {
		font-size: 32px;
	}
	#haberlerpage .haber-baslik {
		font-size: 16px;
	}
	#haberlerpage .bulten-baslik,
	#haberlerpage .birlikte-baslik,
	#haberlerpage .topluluk-baslik {
		font-size: 26px;
	}

	/* Katman 4 ve 5 Arasındaki Geçiş (Overlap) Ayarı */
	/* Mobilde kartlar daha çok yer kaplayacağı için boşlukları ayarlıyoruz */
	#haberlerpage .katman4-bulten {
		padding-bottom: 0 !important;
	}
	
	#haberlerpage .katman5-birlikte {
		margin-top: 140px; /* Kartlar alt alta dökülürse üstlerine binmesin */
	}

	/* Görsel Boyutları */
	#haberlerpage .gorsel-alani {
		height: 200px;
	}
}

/* --- SADECE MOBİL AYARLAR (768px ve altı) --- */
@media (max-width: 768px) {

	/* KATMAN 1: Header */
	#haberlerpage .katman1-header {
		padding-top: 60px !important;
	}
	#haberlerpage .search-wrapper {
		padding: 0 15px;
	}

	/* KATMAN 2: Haber Kartları */
	#haberlerpage .haber-kart-buyuk,
	#haberlerpage .haber-kart {
		margin-bottom: 15px;
	}
	#haberlerpage .icerik-alani {
		padding: 20px;
	}

	/* KATMAN 3: Tab Menü (Yatay Kaydırma) */
	#haberlerpage .tab-header-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}
	#haberlerpage .haber-tabs {
		width: 100%;
		overflow-x: auto; /* Sağa sola kaydırma */
		white-space: nowrap;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
	}
	#haberlerpage .search-icon {
		display: none; /* Mobilde gizle */
	}

	/* KATMAN 4: Bülten Formu */
	#haberlerpage .form-wrapper {
		flex-direction: column;
		padding: 0 20px;
	}
	#haberlerpage .email-input,
	#haberlerpage .btn-abone {
		width: 100%;
	}

	/* KATMAN 4: İstatistik Kartları */
	#haberlerpage .stats-row {
		margin-top: 30px;
		/* Mobilde kartlar 2'li sıra halinde (col-6) */
	}
	#haberlerpage .stat-kart {
		padding: 15px 5px;
	}
	#haberlerpage .stat-sayi {
		font-size: 24px;
	}

	/* KATMAN 5: Birlikte Güçlüyüz */
	#haberlerpage .birlikte-stat {
		padding: 10px;
	}
	#haberlerpage .b-sayi {
		font-size: 28px;
	}

	/* KATMAN 6: Topluluk */
	#haberlerpage .buton-grubu {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}
	#haberlerpage .btn-pembe-gradient {
		width: 100%;
		max-width: 300px;
		text-align: center;
	}
}

/*------------------ İLETİŞİM PAGE RESPONSIVE (MOBİL/TABLET) ----------------------*/

/* --- TABLET VE MOBİL ORTAK AYARLAR (991px ve altı) --- */
@media (max-width: 991px) {
	
	/* Genel Dikey Boşlukları Daraltma */
	#iletisimpage .katman1-header,
	#iletisimpage .katman2-form,
	#iletisimpage .katman3-alt {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Başlık Boyutlarını Küçültme */
	#iletisimpage .sayfa-baslik {
		font-size: 32px;
	}
	#iletisimpage .form-baslik {
		font-size: 28px;
	}
	#iletisimpage .alt-baslik {
		font-size: 22px;
	}

	/* İletişim Detayları Arası Boşluk (Alt alta geldiğinde yapışmasın) */
	#iletisimpage .contact-item {
		margin-bottom: 30px;
	}
	
	/* Son elemanın marjinini sıfırla */
	#iletisimpage .col-lg-4:last-child .contact-item {
		margin-bottom: 0;
	}
}

/* --- SADECE MOBİL AYARLAR (768px ve altı) --- */
@media (max-width: 768px) {

	/* KATMAN 1: Header */
	#iletisimpage .email-btn-wrapper {
		margin-bottom: 40px;
	}
	#iletisimpage .btn-email {
		width: 100%;
		justify-content: center;
		max-width: 320px; /* Çok da geniş olmasın */
	}
	
	/* İletişim bilgilerini mobilde daha sıkı yap */
	#iletisimpage .c-title {
		font-size: 16px;
	}

	/* KATMAN 2: Form */
	#iletisimpage .custom-input {
		padding: 12px 15px; /* Mobilde input iç boşluğunu azalt */
	}
	
	#iletisimpage .btn-gonder {
		width: 100%; /* Mobilde buton tam genişlik */
	}

	/* KATMAN 3: Alt Bölüm */
	
	/* Sosyal Medya İkonları */
	#iletisimpage .social-icons-wrapper {
		gap: 20px; /* Mobilde ikon aralarını biraz kıs */
		flex-wrap: wrap;
	}

	/* Harita */
	#iletisimpage iframe {
		height: 250px; /* Mobilde harita yüksekliğini azalt */
	}

	/* Hızlı Erişim Butonları */
	#iletisimpage .quick-access-grid {
		flex-direction: column; /* Butonları alt alta diz */
		align-items: center;
		gap: 15px;
	}
	
	#iletisimpage .btn-quick {
		width: 100%; /* Tam genişlik */
		max-width: 320px; /* Çok geniş ekranlarda yayılmasın */
		justify-content: center; /* İkon ve yazıyı ortala */
	}
}