.sub_banner_image {
  display: block;
  width: 100%; /* This will make the image responsive */
  padding-top: 55.55%; 
  position: relative;
  background-size: cover; /* Ensures the image covers the entire container */
  background-repeat: no-repeat;
  background-position: center center; /* Center the background image */
}

.video-lightbox,
.video-lightbox .play-btn {
  position: relative;
}
.video-lightbox.background-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
}
.video-lightbox {
  padding: 30% 35px;
}
.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video-lightbox a {
  display: block;
}
.video-lightbox .play-btn div {
  font-size: 24px;
  margin-top: 20px;
}

.chapter-banner {
    width: 100vw;
}

@media (min-width: 1201px) {
  .video-lightbox {
    height: 580px;
    padding: 35px;
  }
  .video-lightbox .play-btn {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }