/* ===== FIX RED BLOCK ON MOBILE HERO ===== */
@media only screen and (max-width: 768px) {

  /* Reduce hero height */
  .slide {
    min-height: auto !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;
  }

  /* Kill overlay completely */
  .slide::before,
  .slide::after,
  .slide .overlay,
  .slide [class*="overlay"] {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
  }

  /* Remove empty wrapper space */
  .hero,
  .hero-slider,
  .hero-slide,
  .hero-container {
    min-height: auto !important;
    height: auto !important;
  }
}

/* Extra small devices */
@media only screen and (max-width: 480px) {
  .slide {
    min-height: 180px !important;
  }
}