.medias {
    width: 100%;
}
.medias_grid {
	width:100%;
	margin-top: 50px;
}
.vgrid li {
    width: 16.5%;
	float:left;
	padding:5px;
	box-sizing : border-box;
}

.press .vgrid li {
    width: 24.7%;
	float:left;
	padding: 0px 15px 15px 0px;
	box-sizing : border-box;
}
@media only screen and (max-width: 1440px) {
	.vgrid li {
	    width: 19.8%;
	}
	.press .vgrid li {
	    width: 33%;
	}
}

.vgrid li img:hover {
    opacity:0.7;
}
.medias li .media_details {
	font-size:16px;
	padding-bottom:50px;
	text-align:center;
}
.block_default.medias_right .medias li .media_details {
    display:block;
}
.press .medias li .media_details {
    display:block;
}
.medias img,
.medias video,
.medias audio {
    width: 100%;
}

.cover .medias .media .media_viewer,
.fited .medias .media .media_viewer {
    padding-top: 56.25%;
    position: relative;
}
.cover .medias img,
.cover .medias video,
.cover .medias audio,
.fited .medias img,
.fited .medias video,
.fited .medias audio {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cover .medias img.portrait,
.fited .medias img.portrait {
	object-fit: contain;
	background: #000;
}
.cover .medias audio,
.cover .medias video,
.fited .medias audio,
.fited .medias video {
    object-fit: contain;
    background: #000;
}

@media only screen and (max-width: 768px) {
.press .vgrid li {
  width: 100%;
}
.medias li .media_details {
  padding-bottom: 10px;
}

}