@media (min-width: 1350px) and (max-width: 1600px) {
  .banner-caption h2 {
    font-size: 60px;
  }
  .banner-caption p {
    font-size: 19px;
    line-height: 29px;
  }
  .banner-img img {
    width: 800px;
  }
  .video-play-button {
    bottom: -11%;
    right: 21%;
  }
}

@media (min-width: 1200px) and (max-width: 1340px) {
  .main-banner {
    height: 600px;
  }
  .banner-caption h2 {
    font-size: 48px;
  }
  .banner-caption p {
    font-size: 15px;
    line-height: 25px;
  }
  .banner-img img {
    width: 800px;
  }
  .video-play-button {
    top: 65%;
    left: 18%;
  }
  .banner-social-icons {
    display: none;
  }
}

@media (max-width: 1024px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 990px) {
}

@media (min-width: 600px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 599px) {
  .main-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .main-banner {
    height: 380px;
    display: block;
  }
  .banner-caption {
    padding-top: 80px;
    text-align: center;
  }
  .banner-caption h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
  .banner-caption p {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 21px;
  }
  #play-video {
    display: none;
  }
  .banner-img img {
    top: auto;
    bottom: 0;
  }
  .banner-social-icons {
    position: absolute;
    left: 18px;
    top: 212px;
    display: none;
  }
}