#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
	
}
#tiles li:hover img{
	opacity:0.8;
}
/**
 * Grid items
 */
#tiles li {
	width: 24%;
	cursor: pointer;
	clear: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
#tiles li h4{
	min-height: 50px;
	
}
#tiles li img{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
 	display: block;
}

@media (min-width: 1000px) and (max-width: 1199px) {


#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
	
}
#tiles li:hover img{
	opacity:0.8;
}
/**
 * Grid items
 */
#tiles li {
	width: 32%;
	cursor: pointer;
	clear: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
#tiles li h4{
	min-height:50px}
#tiles li img{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
 	display: block;
}


	}


@media (min-width: 50px) and (max-width: 999px) {

.wrap #main{	width: 90%;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	}
#tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
	
}
#tiles li:hover img{
	opacity:0.8;
}
/**
 * Grid items
 */
#tiles li {
	width: 95%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.7em;
	border: 1px solid #F1F1F1;
}
#tiles li h4{
	}
#tiles li img{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
 	display: block;
}
	}