/*------ Porfolio  ------------------------------------------------*/
.image-gallery-items {
	/* float:left; */
	width:100%;
	background:#fff;
	position:relative;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.image-gallery-items a {
	cursor:pointer;
}
.grid-item-holder {
	 /* float:left; */
	 width:100%;
	 height:auto;
	 position:relative;
	 padding:2px;
}
.image-gallery-item , .grid-sizer {
	width: 25%;
	position:relative;
	overflow:hidden;
	/* float:left; */
}
.image-gallery-item-second,
.grid-sizer-second {
	width: 50%;
}
.image-gallery-item-three,
.grid-sizer-three {
	width: 75%;
}
.three-columns .image-gallery-item {
	width:33.3%;
}
.one-columns .image-gallery-item {
	width:100%;
}
.three-columns .image-gallery-item-second,
.three-columns .grid-sizer-second {
	width:66.6%;
}
.five-columns .image-gallery-item {
	width:20%;
}
.five-columns .image-gallery-item-second,
.five-columns.grid-sizer-second {
	width:40%;
}
.image-gallery-item img, .grid-sizer img {
	width: 100%;
	height: auto;
	position:relative;
	z-index:2;
	transform: translateZ(0);
}
.four-coulms .image-gallery-item , .four-coulms .grid-sizer{
	width:25%;
}
.three-coulms .image-gallery-item , .three-coulms .grid-sizer{
	width:33.33333%;
}
.three-coulms .image-gallery-item-second {
	width:66.66666%;
}
.image-gallery-item .port-desc-holder:before {
	right:3px;
	bottom:3px;
}
.portfolio_item:hover .port-desc-holder , .image-gallery-item:hover .port-desc-holder{
    opacity:1;
}
.st-3 .grid-item-holder a img , .image-gallery-item img, .grid-sizer img  , .grid-item h3 , .grid-item span , .ser-title h3:before , .ser-title  {
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.image-gallery-item {
	width: 60% !important;
}
@media (max-width: 768px){
    .image-gallery-item {
        width: 100% !important;
    }
}
img.lazy {
    /* width: 700px; 
    height: 467px;  */
    display: block;
    /* optional way, set loading as background */
    background-image: url('../images/loader-circle.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}