#karsilastir { margin-top: 20px; margin-bottom:20px; height:auto;  }
.karsilastir-tablo-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.karsilastir-tablo { padding:20px; margin-top: 20px; margin-bottom:20px;  }
.ana-liste-wrapper {position: absolute; z-index:2; background:#fbfbfb; left:0px;}
.ara-liste-wrapper {position: relative; z-index:1; }

/* tablo ters dizayn */
.karsilastir-tablo tr { display: block; float: left;  text-align:left; }
.karsilastir-tablo th, .karsilastir-tablo td { display: block; border: 1px solid #dee2e6; padding: 0.75rem; display: flex; justify-content: left; align-items: center; text-align:left; }  
.karsilastir-tablo td.fiyat {color:#77A464; }
.karsilastir-tablo td.fiyat small {color:#E02626; text-decoration: line-through;}
.karsilastir-tablo tr>*:not(:first-child) { border-top: 0; }
.karsilastir-tablo tr:not(:first-child)>* { border-left:0; }
.karsilastir-tablo tbody td:nth-of-type(odd), .karsilastir-tablo thead th:nth-of-type(odd){       background-color: rgba(0,0,0,.05); }
.karsilastir-tablo-kapat {cursor:pointer; font-weight:800;}
.karsilastir-tablo-kapat:hover {text-decoration:underline;}




@media only screen and (max-width: 480px) {
	.karsilastir-tablo { width: 1200px; }
	.ara-liste-wrapper { left: 80px; }
	.karsilastir-tablo tr.ana-liste { width: 100px; }
	.karsilastir-tablo tr.ara-liste { width: 140px; }
	.karsilastir-tablo th, .karsilastir-tablo td { height: 80px; }
	.karsilastir-tablo th.gorsel, .karsilastir-tablo td.gorsel, .karsilastir-tablo td.gorsel img { height:80px; }
} 
@media screen and (min-width: 481px) and (max-width: 768px) {
	.karsilastir-tablo { width: 1200px; }
	.ara-liste-wrapper { left: 120px; }
	.karsilastir-tablo tr.ana-liste { width: 140px; }
	.karsilastir-tablo tr.ara-liste { width: 180px; }
	.karsilastir-tablo th, .karsilastir-tablo td { height: 80px; }	
	.karsilastir-tablo th.gorsel, .karsilastir-tablo td.gorsel, .karsilastir-tablo td.gorsel img { height:80px; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.karsilastir-tablo { width: 1700px; }
	.ara-liste-wrapper { left: 130px; }
	.karsilastir-tablo tr.ana-liste { width: 150px; }
	.karsilastir-tablo tr.ara-liste { width: 200px; }
	.karsilastir-tablo th, .karsilastir-tablo td { height: 50px; }
	.karsilastir-tablo th.gorsel, .karsilastir-tablo td.gorsel, .karsilastir-tablo td.gorsel img { height:100px; }
}
@media only screen and (min-width: 1025px) {
	.karsilastir-tablo { width: 2000px; }
	.ara-liste-wrapper { left: 200px; }
	.karsilastir-tablo tr.ana-liste { width: 220px; }
	.karsilastir-tablo tr.ara-liste { width: 400px; }
	.karsilastir-tablo th, .karsilastir-tablo td { height: 50px; }
	.karsilastir-tablo th.gorsel, .karsilastir-tablo td.gorsel, .karsilastir-tablo td.gorsel img { height:150px;  }
}