/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

ul.videotop { padding:0; }

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom:10px;
}

.video-wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.video-container {
  display: grid;
  grid-template-columns:  23% 24% 24% 23%;
  gap: 2%;
}

.video-container > li {
}

.vitem1 {

  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 4;

}

.videolink { position: relative; }
.iconplay {

    position: absolute;
    left: 0;
    top: 50%; margin-top:-16px;
    width: 100%;
    height: 32px;
    background: transparent url(../images/videoclips/play.png) no-repeat center center;
    text-align: center;
}


.customgrid {
    display: grid;
    grid-template-columns:  24% 24% 24% 24%;
    gap:1.3%;
    padding-bottom: 20px;
}
.ctgrid-item1 {

  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;

}