#video {
  display: block;

}

#video #videos {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#video #videos .item {
  width: calc(25% - 20px);
  margin: 10px;
}

#video #videos .item .slide {
  padding-bottom: 70% !important;
}

#video #videos .item .h6 {
  margin: 21px 0;
  color: #757575;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #video #videos .item {
    width: calc(33.33% - 20px);
  }
}

@media screen and (max-width: 600px) {
  #video #videos .item {
    width: calc(50% - 20px);
  }
  #video #videos .item .h6 {
    margin: 10px 0;
    color: #757575;
    font-weight: 500;
    font-size: 14px;
  }
}