/* Hero Banner component*/
.hero_editorial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
   height: 700px;
}

.hero_image {
  width: 100%;
  background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/desktop_ultra.jpg")
    no-repeat bottom center;
  height: 700px;
}


@media only screen and (max-width: 2560px) {
  /* Hero Banner component*/
  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/desktop_wide.jpg")
      no-repeat bottom center;
  }

}
@media only screen and (max-width: 1600px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 650px;
  }
  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/desktop.jpg")
      no-repeat bottom center;
      height: 650px;
  }


}

@media only screen and (max-width: 1400px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 500px;
  }

  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/laptop.jpg")
      no-repeat bottom center;
    background-size: cover;
    height: 500px;
  }

}


@media only screen and (max-width: 1023px) {
  /* Hero Banner component*/
    .hero_editorial {
    height: 450px;
  }
  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/tablet.jpg")
      no-repeat bottom center;
    height: 450px;
  }


 
}

@media only screen and (max-width: 767px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 350px;
  }
  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/mobile_l.jpg")
      no-repeat bottom center;
    height:350px;
  }

  
}

@media only screen and (max-width: 425px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 340px;
  }

  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger//mobile_m.jpg")
      no-repeat bottom center;
    height: 340px;
  }

}
@media only screen and (max-width: 375px) {
    .hero_editorial {
    height: 310px;
  }
  .hero_image {
    background: url("/-/media/images/Homepage-banners/2023/WK17/gamechanger/mobile_s.jpg")
      no-repeat bottom center;
      height: 310px;
  }
}