/* 5 columns, percentage width */
.grid { margin-bottom: 24px; }
.grid-item,
.grid-sizer { width: 25%; }
.grid-item.wide { width: 50%; }

.grid img { display: block; width: auto; height: auto; max-width: 100%; }

.main .cnt .grid-item h3 { font-weight: 400; font-family: 'Katarine_Light', sans-serif; text-transform: none; }

.grid-item .carousel-caption {
	right: auto;
	top: 0;
	left: 0px;
	padding-top: 13%;
	margin: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 2;
}
.grid-item:hover .carousel-caption { opacity: 1; }

.grid-item .carousel-caption > * { margin: 0px !important; }

.grid-item .carousel-caption a {
	background: #FFF;
	color: #000;
	font-size: 46px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	padding: 0;
	margin: 12px 0 0;
	display: inline-block;
	text-decoration: none;
	border: 0px none;
	padding:1px 0 0 1px;
}
.grid-item .carousel-caption a:hover {
	background: rgba(0,0,0,0.2) center center;
	color: #fff;
}

.filter { text-align: center; margin-right: -62px; margin-top:103px ;margin-bottom: 6px;     width: 100%;}

@media screen and (max-width: 991px) {
.grid-item .carousel-caption  h3 {    font-size: 11px;}
.grid-item .carousel-caption  p {    font-size: 10px;}
.grid-item .carousel-caption a {
	font-size: 27px;
	height: 18px;
	width: 18px;
}
	
}
@media screen and (max-width: 991px) {.filter{margin-top: 0px;}}