table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}


/* Ekran küçüldüğünde tablonun duyarlı olmasını sağlamak */
@media screen and (max-width: 600px) {
	table {
		border: 0;
	}

	/* Tablo hücreleri yığılır ve sıralı hale gelir */
	table, thead, tbody, th, td, tr {
		display: block;
	}

		/* Başlık hücreleri göster */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	tr {
		margin: 0 0 1em 0;
	}

	/* Tablo hücrelerinin stili */
	td {
		border: none;
		position: relative;
		
	}

		/* Her hücre için içeriği yeniden düzenle */
		td:before {
			position: absolute;
			left: 6px;
			content: attr(data-label);
			font-weight: bold;
		}
	img {
		max-width: 100% !important; /* Örnek: Resmi mobilde genişliğe uygun hale getirme */
		height: auto !important;
	}
}