.zeen-works-grid{
	overflow: hidden;
}

.zeen-works-grid-wrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    flex-wrap:wrap;

    margin: 0 -30px;
}

.zeen-works-grid.zeen-grid-2 .zeen-works-item{
	width: 50%;
}

.zeen-works-grid.zeen-grid-3 .zeen-works-item{
	width: 33.3333%;
}

.zeen-works-grid.zeen-grid-4 .zeen-works-item{
	width: 25%;
}

@media (max-width:1024px){
	.zeen-works-grid.zeen-grid-2 .zeen-works-item{
		width: 50%;
	}

	.zeen-works-grid.zeen-grid-3 .zeen-works-item{
		width: 50%;
	}

	.zeen-works-grid.zeen-grid-4 .zeen-works-item{
		width: 50%;
	}
}

@media (max-width:767px){
	.zeen-works-grid.zeen-grid-2 .zeen-works-item{
		width: 100%;
	}

	.zeen-works-grid.zeen-grid-3 .zeen-works-item{
		width: 100%;
	}

	.zeen-works-grid.zeen-grid-4 .zeen-works-item{
		width: 100%;
	}
}

.zeen-works-item{
	padding: 30px;
}

.zeen-works-image{
	position: relative;
	display: block;
}

.zeen-works-image img{
	width: 100%;
}

.zeen-works-hover{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    align-items: center;
    justify-content: center;

    opacity: 0;

    transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
}

.zeen-works-item:hover .zeen-works-hover{
	opacity: 1;
}

.zeen-works-hover-title{
	width: 100%;
	text-align: center;
}

.zeen-works-info{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 20px;
}