/* Fix: the Revolution Slider hero has no JS engine to recompute its
   frozen desktop pixel layout (built for a ~1743px wide browser
   window). On mobile the absolutely-positioned text layers overflow
   and get clipped by the module's own overflow:hidden, and (due to
   CSS containment left on the slide) don't paint at all. Reset the
   currently-active slide (#SR7_1_1-2) to a normal, stacked, wrapped
   flow on small screens only -- desktop keeps the original design.
   Other slides stay untouched (display: none) so they don't add
   phantom height. */
@media only screen and (max-width: 767px) {
  sr7-module,
  sr7-adjuster,
  sr7-content,
  sr7-mask {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    top: 0 !important;
  }

  sr7-module {
    height: auto !important;
    overflow: hidden !important;
    padding: 95px 20px 60px !important;
    box-sizing: border-box;
  }

  sr7-adjuster,
  sr7-content {
    height: auto !important;
    position: relative !important;
  }

  sr7-mask {
    display: none !important;
  }

  #SR7_1_1-2 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
    position: relative !important;
    contain: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  #SR7_1_1-2 .sr7-layer {
    position: static !important;
    display: block !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px 0 !important;
    text-align: left !important;
  }

  #SR7_1_1-2-6 {
    order: 1;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  #SR7_1_1-2-1 {
    order: 2;
    font-size: 28px !important;
    line-height: 1.25 !important;
  }

  #SR7_1_1-2-2 {
    order: 3;
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
  }

  #SR7_1_1-2 #SR7_1_1-2-4 {
    order: 4;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
    padding: 14px 28px !important;
  }
}