.viewer-lightbox{
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	grid-gap: 1rem;
	
}

.viewer-lightbox .show-realisation {
	height: 270px;
	overflow: hidden;
}
.viewer-lightbox img {
	max-width: 100%;
	width: 100%;
	height: 270px;
	-o-object-fit: cover;
    object-fit: cover;
	display: block;
	-webkit-transition: -webkit-transform .35s ease;
	-moz-transition: -moz-transform .35s ease;
	-o-transition: -o-transform .35s ease;
	-ms-transition: -ms-transform .35s ease;
	transition: transform .35s ease;
}

.viewer-lightbox a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.content-photos-realisation {
	width: 100%;
	margin: 0 auto 5%;
	position: relative;
	left: 0px;
}

.vp-link-voir-photo {
	text-align: center !important;
	clear: both;
	margin-top: 20px !important;
	margin-bottom: 40px !important;
}
a.more-btn-photos, a.moins-btn-photos {
	text-decoration: none !important;
	color: #404040;
	cursor: pointer;
	font-size: 20px !important;
}
a.more-btn-photos:hover, a.moins-btn-photos:hover {
	text-decoration: none !important;
	color: #404040;

}


/*******************RESPONSIVE****************************/

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	.viewer-lightbox .show-realisation {
		height: 240px;
	}
	.viewer-lightbox img {
		height: 240px;
	}
	
}


/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	.viewer-lightbox .show-realisation {
		height: 220px;
	}
	.viewer-lightbox img {
		height: 220px;
	}

}

/*-------------------[980px]------------------*/
@media only screen and ( max-width: 980px ) {
	.viewer-lightbox .show-realisation {
    	height: 210px;
	}
	.viewer-lightbox img {
    	height: 210px;
	}

}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 768px ) {
	.viewer-lightbox .show-realisation {
	    height: 160px;
	}
	.viewer-lightbox img {
	    height: 160px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and ( max-width: 600px ) {
	.viewer-lightbox .show-realisation {
	    height: 130px;
	}
	.viewer-lightbox img {
	    height: 130px;
	}

}

/*-------------------[499px]------------------*/
@media only screen and ( max-width: 499px ) {
	.viewer-lightbox{
		display: block;
	}
	.viewer-lightbox.show-element1{
		display: block !important;
	}
	.viewer-lightbox .show-realisation {
		max-height: 270px;
	    height: auto;
	    margin: 2rem 0 0;
	}
	.viewer-lightbox img {
	    height: auto;
	    margin: 0 auto;
	}
	.show-element-mobile{
		display: block !important;
	}


}