.List
	{
	width : 100%;
	padding-bottom : 10px;
	
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
	}
	
.List a
	{
	text-decoration:none;
	color:inherit;
	}
	

.ListItem
	{
	width:361px;
	min-height : 150px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:12px;
	padding:10px 5px 10px 5px;

	background-color :#f0f0f0;
	
	font : normal 12px Arial,serif;
	color : #4b4c4c;
	
	text-decoration:none;
	
	overflow-y:hidden;
	}

.ListSearch .ListItem 
	{
	width:355px;
	}

.ListBasket
	{
	margin-right : 15px;
	margin-left: auto;
	width:24px;
	height:	24px;
	flex-shrink:0;
	
	cursor:pointer;
	}

.ListTitle
	{
	font : bold 12px Arial,serif;
	color : #4b4c4c;
	text-decoration : none;
	margin-bottom:10px;
	}

.ListTitle :hover
	{
	text-decoration : underline;
	}
	
.ListSearch 
	{
	width:100%;
	}


	
/* Smartphone */
@media only screen and (max-width:480px)
	{
	.List
		{
		width:98%;
		}
		
	.ListSearch 
		{
		width:100%;
		}
		
	.ListItem
		{
		max-width:100%;
		}
	}
	
/* Tablet	*/	
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.ListSearch .ListItem
		{
		float : left;
		width:300px;
		min-height : 150px;
		margin-right:12px;
		margin-bottom:12px;
		}
	}
	
@media print 
	{	
	.ListItem
		{
		float:none;
		width: 100vw;
		}
	}