.project_gallery_wrapper .project_list{display: flex;flex-wrap: wrap;margin: 0 -12px}
.project_list li{padding: 0 12px;margin-bottom: 24px;}
.project_list li.col3{width: 33.33%;}
.project_list li.col7{width: 66.67%;}
.gallerybox {display: block;overflow: hidden;position: relative;}
.gallerybox:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 0;height: 0;background: rgb(68 82 95 / 50%);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;margin: auto;}
.gallerybox:after{content: "";position: absolute;bottom: 0;right: 0;opacity: 0; background: url(../images/svg/zoom.svg) #fff no-repeat top 7px right 7px;width: 40px;height: 40px;border-radius: 100%;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.gallerybox:hover:before{width: 100%;height: 100%;}
.gallerybox:hover:after{bottom: 25px;right:25px;opacity: 1;}
.project_gallery_wrapper .project_list -     margin: 0 -12px 30px;
/* MEDIA QUERY */
@media screen and (max-width: 1199px){
	.project_gallery_wrapper .project_list{display: flex;flex-wrap: wrap;margin: 0 -5px}
	.project_list li{padding: 0 5px;margin-bottom: 10px;}
}
@media screen and (max-width: 767px){
.project_list li.col3{width: 50%;}
.project_list li.col7{width: 50%;}
.project_list li .gallerybox > img{
	height: 100%;
    object-fit: cover;
}
.project_list li{display: flex;}
}