.video-gallery-section.blue-bg {
  background-color: #002961;
  color: white;
  text-align: center;
  padding-bottom: 50px;
}

.video-gallery-section h2{
  color: white;
}

@media screen and (min-width: 768px) {
  .video-gallery-section .top-section, .more-videos{
    width: 50%;
    margin: 0 auto;
    padding: 30px 0;
  }

  .section-title, .section-description {
    padding-bottom: 20px;
  }
  
  .section-description, .more-videos{
    color: #dde4ec;
  }

  .video-item-main {
    width: 70%;
    margin: 0 auto;
  }
  
  .video-item {
    display: inline-block;
    width: 25%;
  }

  .vid-thumb {
    width: 250px;
    height: 120px;
  }

  .video-src::after {
    display: block;
    content: '';
    background: url("/themes/custom/frontier/images/play.svg") no-repeat;
    width: 35px;
    height: 50px;
    position: relative;
    top: -75px;
    left: 140px;
  }
}

@media screen and (max-width: 767px) {
  .video-item {
    display: inline-block;
    width: 30%;
    position: relative;
    right: 24px;
    top: 20px;
  }

  .vid-thumb {
    width: 85%;
  }

  .video-src::after {
    display: inline-block;
    content: '';
    background: url("/themes/custom/frontier/images/play.svg") no-repeat;
    width: 35px;
    height: 50px;
    margin: 0 0 -30px -85px;
  }

}