@media only screen and (max-width: 1100px) {

.solbar { position:relative; width: 100% !important; height:auto; overflow:hidden; margin: 0px 0px 0px 0px; }
.menu { display:none; }
.menumobil { display:block;	}

.sagbar { width: 100% !important; height:auto; overflow:hidden; margin: 0px 0px 0px 0px; }

.buton { width: 100%; height: 100px; margin: 0px 0px 20px 0px; }
.butonsag { margin: 0px 0px 20px 0px; }

.baslik p { font-size:22px; }
.baslik p b { font-size:22px; }

.ikalin p i { display:none; }
.icliste a i, .icliste span i { float:left; width: 100%; }

.kalin { display:none; }
.tablo p { width: 100%; }
.tablo span { width: 100%; }
.tablo i { width: 100%; }

.sol { width: 100%; margin: 0px 0px 0px 0px; }
.sag { width: 100%; margin: 0px 0px 0px 0px; }
.yarim { width: 100%; margin: 0px 0px 0px 0px; }
.yarimsag { width: 100%; margin: 0px 0px 0px 0px; }
.uclu { width: 100%; margin: 0px 0px 0px 0px; }
.uclusag { width: 100%; margin: 0px 0px 0px 0px; }
.dort { width: 100%; margin: 0px 0px 0px 0px; }
.dortsag { width: 100%; margin: 0px 0px 0px 0px; }
.bes { width: 100%; margin: 0px 0px 0px 0px; }
.bessag { width: 100%; margin: 0px 0px 0px 0px; }

} 


@media only screen and (min-width: 630px) and (max-width: 800px) { 

}


@media only screen and (min-width: 479px) and (max-width: 630px) { 

}


@media only screen and (max-width: 479px) { 

.tablo thead {
	display: none;                  
} 
  
.tablo, .tablo tbody, .tablo tr, .tablo td {
	display: block;
	width: 100%;
} 
  
.tablo tr {
	margin-bottom: .875rem;
	border: 1px solid #e5e7eb;
	border-radius: .75rem;
	overflow: hidden;
} 
  
.tablo td {
	display: grid;                  
	grid-template-columns: 10ch 1fr;
	gap: .5rem;
	padding: .75rem 1rem;
	border-bottom: 1px dashed #eee;
} 
  
.tablo td:last-child {
	border-bottom: 0;
} 
  
.tablo td::before {
	content: attr(data-label);      
	font-weight: 600;
	opacity: .7;
}

}