.wrapper{
	width:100%;
	height:300px;
	display:flex;
	overflow-x:auto;
	margin-top:5px !important;

		}
		
.wrapper .item{
	width:100%;
	height:300px;
	line-height:auto;
	text-align:center;
	background:;
	border:1px solid #fff;
	border:2px solid #00000;
	margin-right:12px !important;
}


/* 
  ##Cihaz = Masaüstü
  ##Ekran = 1281px 'den yüksek çözünürlükler için
*/

@media (min-width: 1281px) {
  
  	body{
		width: 50%;
		text-align: center;
	}
  
}

/* 
  ##Cihaz = Laptoplar, Masaüstü
  ##Ekran = 1025px to 1280px Arası Ekranlar
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  	body{
		width:50%;	
		text-align: center;
	}
  
}

/* 
  ##Cihaz = Tabletler, Ipad (portrait/dikey modda)
  ##Ekran = 768px to 1024px Arası Ekranlar
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  	body{
		width: 50%;
		
	}
  
}

/* 
  ##Cihaz = Tabletler, Ipad (landscape/yatay modda)
  ##Ekran = 768px to 1024px Arası Ekranlar
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 	body{
		width: 50%;
		
	}
 .far{
		margin-right: 10% !important;
	} 
}

/* 
  ##Cihaz = Düşük Çözünürlüklü Tablet ve Mobil Ekranlar (Landscape / Yatay Modda)
  ##Ekran = 481px to 767px Arası Ekranlar
*/

@media (min-width: 481px) and (max-width: 767px) {
  	body{
		width: 100%;
		
	}
	.table{
		font-size:10px;
	}
	
 
}

/* 
  ##Cihaz = En Çok Tercih Edilen Mobil Boyutlar (Portrait/Dikey Modda)
  ##Ekran = 320px to 479px Arası Ekranlar
*/

@media (min-width: 320px) and (max-width: 480px) {
	body{
		width: 100%;
	}
	

  //CSS
  
}