.gallery {
	margin-bottom: 30px;
	position: relative;
}
.gallery .img{
	position: relative;
}
.gallery .img:before{
	content: "";
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 15px;
	right: 15px;
	border-left: solid 1px rgba(255,255,255,0.35);
	border-right: solid 1px rgba(255,255,255,0.35);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 2;
	pointer-events: none;
}
.gallery:hover .img:before{
	top: 15px;
	bottom: 15px;
}
.gallery .img:after{
	content: "";
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 50%;
	right: 50%;
	border-top: solid 1px rgba(255,255,255,0.35);
	border-bottom: solid 1px rgba(255,255,255,0.35);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 2;
	pointer-events: none;
}
.gallery:hover .img:after{
	left: 15px;
	right: 15px;
}
.gallery .img a{
	padding-top: 66.66666%;
	position: relative;
	display: block;
	overflow: hidden;
}
.gallery .img a:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.gallery:hover .img a:before{
	opacity: 0.3;
}
.gallery .img a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.gallery .tend {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: url(../images/gallery/i-gallery.html) no-repeat top 5px left;
    background-size: 30px;
    padding: 1px 0;
    padding-left: 60px;
    overflow: hidden;
}
.gallery .tend h3{
	font-size: 20px;
	line-height: 30px;
	color:#ffffff;
	font-weight: normal;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.gallery:hover .tend h3{
	-webkit-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
	transform: initial;
}
.popupGallery .fancybox-slide--html{
	padding: 0;
}
.popupGallery .fancybox-slide--html .fancybox-content{
	margin-bottom: 0;
	padding: 0;
}
.popupGallery .fancybox-close-small{
	width: 50px;
	height: 50px;
	background: #a7852e;
	top: 15px;
	right: 30px;
	border-radius: 100%;
	color:#ffffff;
}
/*================================================================*/
/*=========================RESPONSIVE=============================*/
/*================================================================*/
@media all and (max-width: 1200px){

}


@media all and (max-width: 1025px){

}

@media all and (max-width: 991px){

}

@media all and (max-width: 768px){

}

@media all and (max-width: 767px){
.vnt-gallery .row .col-xs-6{
	width: 100%;
}
.gallery .tend h3{
	font-size: 16px;
	line-height: 24px;
}
.gallery .tend{
	padding: 4px 0;
	padding-left: 30px;
	background-size: 20px;
	background-position: top 8px left;
}
}

@media all and (max-width: 640px){

}

@media all and (max-width: 480px){

}

@media all and (max-width: 380px){

}