@charset "utf-8";

/*****************************************************/

/* Home3 Css */

/*****************************************************/

.masonry-intro-sec {

    padding-bottom: 20%;

	}

.img-desc-tag a{

	display: block;

	font-family: "Open Sans",sans-serif;

	font-size: 1.2em;

	font-weight: 300;

	color: #000;

	text-decoration: none;


}

.img-desc-tag {

	height: 100px;

	padding: 30px;

	width: 100%;

}

.masonry-full-hover {

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);

	color: #fff;

	height: 100%;

	opacity: 0;

	position: absolute;

	top: 0;

	transition: all 0.4s ease 0s;

	visibility: hidden;

	width: 100%;

}

.imgholder:hover .masonry-full-hover {

	opacity: 1;

	transition: all 0.4s ease 0s;

	visibility: visible;

}

.masonry-full-hover img {	

	height: 60px;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	top: calc(50% - 25px);

	width: 60px;

}

@media only screen and (max-width: 1024px) {

.masonry-intro-sec {

	padding-top: 15.5%;

}

.masonry-full-hover {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    opacity: 0;

}


@media only screen and (max-width: 736px) {

.masonry-intro-sec {

	padding-top: 24.5%;

}



}

@media only screen and (max-width: 414px) {

.masonry-intro-sec {

	padding-top: 41.5%;

}

}