.res_galeri
{
}

.res_galeri_item
{
	display: block;
	float: left;
	width: 25%;
	height: 200px;
	margin: 0px;
	background-position: center center;
	background-size: cover;
	border: 5px solid #f0f0f1;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	color: #FFF !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
}

.res_galeri_item:hover
{
	border-width: 0px;
}
@media all and (max-width: 999px)
{
	.res_galeri_item
	{
		width: 25%;
		height: 160px;
	}
}
@media all and (max-width: 600px)
{
	.res_galeri_item
	{
		width: 50%;
		height: 140px;
	}
}
@media all and (max-width: 400px)
{
	.res_galeri_item
	{
		width: 50%;
		height: 120px;
	}
}