/* Yan menüyü gizle */
.sidebar {
	display: none;
}

/* İçeriği ortalamak ve genişletmek */
.single-post .post, .single-post .entry-content {
	width: 150%;
/* Genişliği tamamen aç */
	max-width: 140%;
/* Maksimum genişlik sınırını kaldır */
	margin: 0 auto;
/* Ortalamak için */
	padding: 0;
/* Kenar boşlukları */
	box-sizing: border-box;
/* Kenar boşlukları da genişliği kapsar */
}

/* Sayfa veya içerik alanını tek sütun olarak düzenlemek */
.container, .content-area {
	width: 100%;
/* Genişliği 100% yap */
	max-width: none;
/* Maksimum genişlik sınırını kaldır */
	margin: 0;
/* Kenar boşluklarını sıfırlayın */
	padding: 0 20px;
/* Sol ve sağ boşluk ekleyin */
}

/* Yan menüyü kaldırmadan, içerik alanını genişletmek */
.content-area {
	width: calc(100% - 300px);
/* Yan menü genişliğini hesaba kat */
	margin: 0 auto;
}

.sidebar {
	width: 300px;
/* Yan menü genişliği */
	display: block;
}

/* Sayfa içeriğini sola kaydırmak */
.container, .content-area {
	width: 100%;
/* Genişliği %100 yap */
	max-width: none;
/* Maksimum genişlik sınırını kaldır */
	margin-left: 0;
/* Sol kenar boşluğunu sıfırla */
	margin-right: auto;
/* Sağ kenar boşluğunu otomatik bırak */
	padding-left: 20px;
/* Sol kenar boşluğunu ekle */
	padding-right: 0;
/* Sağ kenar boşluğunu sıfırla */
}

/* Masaüstü görünümü için */
@media (min-width: 768px) {
	.content-area {
		width: 100%;
	/* İçerik alanını genişlet */
		margin-left: 0;
	/* İçeriği sola hizala */
		padding-left: 0;
	/* Sol boşluk ekle */
		padding-right: 0;
	/* Sağ boşluk sıfırla */
	}
	
	.sidebar {
		display: none;
	/* Yan menüyü gizle */
	}
}

/* Mobil görünüm için */
@media (max-width: 350px) {
	.content-area, .container, .single-post .post, .single-post .entry-content {
		width: 100%;
	/* İçeriği tam genişliğe yay */
		margin: 0 auto;
	/* Kenar boşluklarını sıfırla ve ortala */
		padding: 15px;
	/* Mobil için daha dar bir padding */
		box-sizing: border-box;
	/* Padding dahil genişlik hesaplama */
	}
	
	.sidebar {
		display: none;
	/* Mobilde de sidebar gizli */
	}
}