/** Shopify CDN: Minification failed

Line 133:86 Expected identifier but found whitespace
Line 156:11 Expected identifier but found "."
Line 168:1 Expected "]" to go with "["

**/
@media only screen and (max-width: 768px) {

  
    div#var_0 {
      display: none;
      margin-top: -28px;
  }

    div#var_1 {
      display: block;
  }

    div#var_1 .hero__text-wrap {
      top: -475px;
  }

    div#var_1 .mobile-container {
      height: 410px!Important;
    }

     div#var_1 .slideshow__slide {
        height: 400px;
    }
  
  div#var1 .main-content {
        margin-top: 38px;
    }
  
  div#var_1 .hero__text-shadow {
      background: transparent;
      margin-top: 0px;
      top: 60px
    }

   #MainContent div#var_1 .slideshow__slide .hero__link .btn {
    display: inline-flex;
    background: #fff!important;
    color: #cb0027;
    font-size: 18px;
    letter-spacing: normal;
    border: 1px solid transparent;
    justify-content: center;
    align-items: center;
    padding: 0 23px;
}

  div#var_1 .hero__text-shadow {
    min-height: 200px!Important;
    background-color: transparent;
    border: none;
    border-top: none;
    opacity: 0;
    box-shadow: none;
}

  div#var_1 .hero__text-content div {
    color: #fff ! Important;
}

  div#var_1 .hero__media-container {
    position: relative;
    height: 112%;
  }
   
  div#var_1 .hero__image-wrapper {
    position: relative;
    height: 95%;
  }

  div#var_1 .slideshow-wrapper.homehero {
        padding-bottom: 0;
    }

   div#var_1 .hero .flickity-page-dots {
    bottom: 20px;
  }

  div#var_1 .template-index .slideshow__slide {
    position: relative;
  }

  div#var_1 .template-index .slideshow__slide {
    font-size: 30px;
  }

  div#var_1 .slideshow-wrapper {
    top: -27px;
    top: 0px;
}

  div#var_1 .homeheroredtitle, 
  div#var_1 .template-index .hero__text-wrap h2,
  div#var_1 h2.h1.hero__title{
        font-size: 30px;
    }

   div#var_1 .slideshow__slide {
      padding-bottom: 0;
  }

    div#var_1 .hero--mobile--100vh[data-mobile-natural=false] {
      height: 80vh;
  }

  div#var_1 ol.flickity-page-dots {
    top: 395px;
    color: black;
    height: 30px;
}

  div#var_1 .template-index .index-section {
    margin: 20px 0 0 0;
}

  /*=== ADDED FOR CRO ===== */

  div#var_1 .loaded .slideshow__slide.is-selected .hero__title .animation-contents,[data-aos=hero__animation].loaded .hero__title .animation-contents,
  div#var_0 .loaded .slideshow__slide.is-selected .hero__title .animation-contents,[data-aos=hero__animation].loaded .hero__title .animation-contents{
    animation:0s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards;
    animation-name:rise-up;
  }

  div#var_1 .loaded .slideshow__slide.is-selected .hero__subtitle .animation-contents,
  div#var_1 .loaded .slideshow__slide.is-selected .hero__top-subtitle .animation-contents,
  div#var_1 [data-aos=hero__animation].loaded .hero__subtitle .animation-contents,
  div#var_1 [data-aos=hero__animation].loaded .hero__top-subtitle .animation-contents.
  div#var_0 .loaded .slideshow__slide.is-selected .hero__subtitle .animation-contents,
  div#var_0 .loaded .slideshow__slide.is-selected .hero__top-subtitle .animation-contents,
  div#var_0 [data-aos=hero__animation].loaded .hero__subtitle .animation-contents,
  div#var_0 [data-aos=hero__animation].loaded .hero__top-subtitle .animation-contents{
    animation:0s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards;
    animation-name:rise-up;
  }

div#var_1 .loaded .slideshow__slide.is-selected .hero__link .animation-contents,
div#var_1 [data-aos=hero__animation].loaded .hero__link .animation-contents,
div#var_0 .loaded .slideshow__slide.is-selected .hero__link .animation-contents,
div#var_0 [data-aos=hero__animation].loaded .hero__link .animation-contents{
    opacity:1;
  }

div#var_1 .loaded .slideshow__slide.is-selected .hero__link .btn,
div#var_1 [data-aos=hero__animation].loaded .hero__link .btn,
div#var_0 .loaded .slideshow__slide.is-selected .hero__link .btn,
div#var_0 [data-aos=hero__animation].loaded .hero__link .btn {
    animation:fade-in 0s ease 0s forwards;
  }

div#var_1 [.loaded .slideshow__slide.is-selected .hero__link .btn:nth-child(2),
div#var_1 [data-aos=hero__animation].loaded .hero__link .btn:nth-child(2),
div#var_0 [.loaded .slideshow__slide.is-selected .hero__link .btn:nth-child(2),
div#var_0 [data-aos=hero__animation].loaded .hero__link .btn:nth-child(2){
    animation:fade-in 0s ease 0.5s forwards;
  }


/*===== END FOR CRO =====*/



}