.hero-teaser {
  margin-bottom: 60px;
  overflow: hidden;
}
.hero-teaser .video-wrapper {
  overflow: hidden;
}
@media (min-width: 1366px) {
  .hero-teaser {
    padding: 0rem 1.1rem;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .hero-teaser {
    padding: 0rem 1.1rem;
  }
}
@media (min-width: 950px) and (max-width: 1279px) {
  .hero-teaser {
    padding: 0rem 0.9rem;
  }
}
@media (min-width: 950px) and (max-width: 1279px) {
  .hero-teaser {
    padding: 0rem 0.9rem;
  }
}
@media (min-width: 737px) and (max-width: 949px) {
  .hero-teaser {
    padding: 0rem 0.7rem;
    margin-bottom: 20px !important;
  }
}
@media (min-width: 415px) and (max-width: 736px) {
  .hero-teaser {
    padding: 0rem 0.7rem;
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1px) and (max-width: 414px) {
  .hero-teaser {
    padding: 0rem 0.7rem;
    margin-bottom: 20px !important;
  }
}