.cr-hero-advanced-wrapper.home-info-swiper .swiper-slide{
  height: 468px;
}
.home-info-swiper .swiper-slide:before{
  display: none;
}
.cr-hero-advanced{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 100%;
}
.cr-hero-advanced:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.15);
}
.cr-hero-advanced.home-info-swiper{
  margin-bottom: 0;
}
.cr-hero-advanced .hero-overlay-left{
  height: 240px;
  margin: 50px auto 20px auto;
  position: relative;
  /*padding-bottom: 52.25%;*/
  /*background: url('/wp-content/themes/mtccc/assets/img/starbust-white.svg');*/
  background-size: 170px;
  background-repeat: no-repeat;
  background-position: top 55% right 37%;
}
.swiper-slide.slide-number-1 .cr-hero-advanced .hero-overlay-left{
  /* background-image: url('/wp-content/themes/mtccc/assets/img/starbust-white.svg');  Only load the graphic on first slide */
}
.cr-hero-advanced .hero-overlay-right{
  height: 100px;
  left: 0;
  bottom: 0;

}
.cr-hero-advanced .hero-overlay-left .hero-overlay-1, .cr-hero-advanced .hero-overlay-left .hero-overlay-2{
  height: 120%;
  position: absolute;
}
.cr-hero-advanced .hero-overlay-left .hero-overlay-1{
  /*left: 15%;*/
  top: 0;
  /* right: 42%; */
}
.cr-hero-advanced .hero-overlay-left .hero-overlay-2{
  /*right: 15%;*/
  bottom: 0%;
  /* left: 47%; */
}

.cr-hero-advanced .hero-overlay-right .hero-text-overlay{
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.75px;
  color: #fff;
  text-align: center;
  padding: 40px 20px 20px 20px;
}
.cr-hero-advanced .hero-overlay-right .hero-text-overlay span{
  font-size: 180%;
  vertical-align: middle;
}
.cr-hero-advanced-wrapper.home-info-swiper .info-pagination{
  bottom: 30px;
  top: unset;
}

@media screen and (min-width: 600px){
  .cr-hero-advanced .hero-overlay-left{
    height: 250px;
    background-position: top 55% right 39%;
  }
}
@media screen and (min-width: 700px){
  .cr-hero-advanced .hero-overlay-left{
    height: 280px;
  }
  .cr-hero-advanced-wrapper.home-info-swiper .swiper-slide{
    height: 480px;
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-2{
  }
}
@media screen and (min-width: 768px){
  .cr-hero-advanced .hero-overlay-left{
    background-position: 60% 55%;
    background-size: 210px;
    /*height: 515px;*/
  }
  .cr-hero-advanced .hero-overlay-right .hero-text-overlay{
    font-size: 40px;
    position: relative;
    bottom: -200px;
    left: 60px;
    text-align: left;
  }

}
@media screen and (min-width: 991px){
  .cr-hero-advanced .hero-overlay-left{
    background-position: 57% 55%;
    /*padding: 0;
    margin: 0;*/
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-1, .cr-hero-advanced .hero-overlay-left .hero-overlay-{
    height: 126%;
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-1{
    right: unset;
    left: 0;
    top: -32px;
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-2{
    left: unset;
    right: -30px;
    bottom: -3px;
  }
  .cr-hero-advanced .hero-overlay-left, .cr-hero-advanced .hero-overlay-right{
    position: relative;
    margin: 0;
    padding-bottom: 0;
    padding-left: 30px;
    height: 100%;

  }
  .cr-hero-advanced .hero-overlay-right{
  
    left: unset;
    bottom: unset;
  }
  .cr-hero-advanced .hero-overlay-right .hero-text-overlay{
    font-size: 40px;
    position: absolute;
    bottom: 60px;
    left: 120px;
    text-align: left;
  }

}
@media screen and (min-width: 1200px){
  .cr-hero-advanced .hero-overlay-left{
    background-position: 61% 52%;
    background-size: 240px;
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-1{
    left: 10%
  }
  .cr-hero-advanced .hero-overlay-left .hero-overlay-2{
    right: -0;
  }
  
}

@media screen and (max-width: 400px){
  
  .cr-hero-advanced .hero-overlay-right .hero-text-overlay {
    padding: 40px 0px 20px 0px;
  }
  
}