@media screen and (max-width: 833px) {
  .screen.breakpoint-834 {
    display: none;
  }
  .screen.breakpoint-1280 {
    display: none;
  }
  .screen.breakpoint-1440 {
    display: none;
  }

  .carousel-container,
  .slick-slider,
  .navigation-buttons {
    width: 100%;
  }
}
@media screen and (min-width: 834px) and (max-width: 1279px) {
  .screen.breakpoint-375 {
    display: none;
  }
  .screen.breakpoint-1280 {
    display: none;
  }
  .screen.breakpoint-1440 {
    display: none;
  }

  .carousel-container,
  .slick-slider,
  .navigation-buttons {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .screen.breakpoint-375 {
    display: none;
  }
  .screen.breakpoint-834 {
    display: none;
  }
  .screen.breakpoint-1440 {
    display: none;
  }

  .carousel-container,
  .slick-slider,
  .navigation-buttons {
    width: 95%;
  }
}
@media screen and (min-width: 1440px) {
  .screen.breakpoint-375 {
    display: none;
  }
  .screen.breakpoint-834 {
    display: none;
  }
  .screen.breakpoint-1280 {
    display: none;
  }

  .carousel-container,
  .slick-slider,
  .navigation-buttons {
    width: 1220px;
  }
}

/* fixed container on larger screensizes */

.max-width-container {
  align-items: center;
  align-self: stretch;
  background-color: var(--pure-white);
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.max-width-container .main {
  justify-content: space-between;
  width: 1680px;
  overflow: hidden;
}