.open_video{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:10000;display:table}
.close_video {cursor:pointer; color:#fff; font-size:64px; position:fixed; z-index:10001; top:-0px; right:20px; line-height:1;text-shadow: 0 0 10px rgba(0,0,0,1.0), 0 0 10px rgba(0,0,0,1.0);}
.text_video {display:table-cell; text-align:center; vertical-align:middle;}


.video-gallery-list { display: flex; flex-wrap: wrap; gap:2em; justify-content: left;}
.video-gallery-list .video-item { width: calc(33.33% - 2em); padding-bottom: 17%; 
  width: calc(50% - 2em); padding-bottom: 26%;
  position: relative; border-radius: 10px; overflow: hidden; }
.video-gallery-list .video-item .video-item-inner { background: #eaeaea center center; background-size: cover; width: calc(100%); height: 100%; position: absolute; }
.video-gallery-list .video-item .video-item-play-btn { position: absolute; display: flex; justify-content: center; align-items: center; background: url(../img/play-btn.svg) center center no-repeat; background-size: 60px 60px; width: 100%; height: 100%; cursor: pointer; transition: 0.3s;}
.video-gallery-list .video-item .video-item-play-btn:hover {filter: opacity(0.75);}

@media screen and (max-width:800px) {
  .video-gallery-list .video-item { width: calc(50% - 2em); padding-bottom: 26%; position: relative; }
}

@media screen and (max-width:600px) {
  .video-gallery-list .video-item { width:100%; padding-bottom:55%; position: relative; }
}