@media (max-width: 767px) {
  #recipeCarousel .carousel-inner .carousel-item > div {
    display: none;
  }
  #recipeCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#recipeCarousel .carousel-inner .carousel-item.active,
#recipeCarousel .carousel-inner .carousel-item-next,
#recipeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #recipeCarousel .carousel-inner .carousel-item-end.active,
  #recipeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(33.33%);
  }

  #recipeCarousel .carousel-inner .carousel-item-start.active,
  #recipeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
  }
}

#recipeCarousel .carousel-inner .carousel-item-end,
#recipeCarousel .carousel-inner .carousel-item-start {
  transform: translateX(0);
}

/* https://github.com/jibarradelgado/bootstrap5-carousel-multi */

@media (max-width: 767px) {
  #newsCarousel .carousel-inner .carousel-item > div {
    display: none;
  }
  #newsCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#newsCarousel .carousel-inner .carousel-item.active,
#newsCarousel .carousel-inner .carousel-item-next,
#newsCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #newsCarousel .carousel-inner .carousel-item-end.active,
  #newsCarousel .carousel-inner .carousel-item-next {
    transform: translateX(33.33%);
  }

  #newsCarousel .carousel-inner .carousel-item-start.active,
  #newsCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
  }
}

#newsCarousel .carousel-inner .carousel-item-end,
#newsCarousel .carousel-inner .carousel-item-start {
  transform: translateX(0);
}



/*@media (max-width: 767px) {*/
/*  .carousel .carousel-inner .carousel-item > div {*/
/*    display: none;*/
/*  }*/
/*  .carousel .carousel-inner .carousel-item > div:first-child {*/
/*    display: block;*/
/*  }*/
/*}*/

/*.carousel .carousel-inner .carousel-item.active,*/
/*.carousel .carousel-inner .carousel-item-next,*/
/*.carousel .carousel-inner .carousel-item-prev {*/
/*  display: flex;*/
/*}*/

/*!* medium and up screens *!*/
/*@media (min-width: 768px) {*/

/*  .carousel .carousel-inner .carousel-item-end.active,*/
/*  .carousel .carousel-inner .carousel-item-next {*/
/*    transform: translateX(25%);*/
/*  }*/

/*  .carousel .carousel-inner .carousel-item-start.active,*/
/*  .carousel .carousel-inner .carousel-item-prev {*/
/*    transform: translateX(-25%);*/
/*  }*/
/*}*/

/*.carousel .carousel-inner .carousel-item-end,*/
/*.carousel .carousel-inner .carousel-item-start {*/
/*  transform: translateX(0);*/
/*}*/


@media (max-width: 767px) {
  #popularCarousel .carousel-inner .carousel-item > div {
    display: none;
  }
  #popularCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#popularCarousel .carousel-inner .carousel-item.active,
#popularCarousel .carousel-inner .carousel-item-next,
#popularCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #popularCarousel .carousel-inner .carousel-item-end.active,
  #popularCarousel .carousel-inner .carousel-item-next {
    transform: translateX(16.66%);
  }

  #popularCarousel .carousel-inner .carousel-item-start.active,
  #popularCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-16.66%);
  }
}

#popularCarousel .carousel-inner .carousel-item-end,
#popularCarousel .carousel-inner .carousel-item-start {
  transform: translateX(0);
}



@media (max-width: 767px) {
  #noveltiesCarousel  .carousel-inner .carousel-item > div {
    display: none;
  }
  #noveltiesCarousel  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#noveltiesCarousel  .carousel-inner .carousel-item.active,
#noveltiesCarousel  .carousel-inner .carousel-item-next,
#noveltiesCarousel  .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #noveltiesCarousel  .carousel-inner .carousel-item-end.active,
  #noveltiesCarousel  .carousel-inner .carousel-item-next {
    transform: translateX(33.33%);
  }

  #noveltiesCarousel  .carousel-inner .carousel-item-start.active,
  #noveltiesCarousel  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
  }
}

#noveltiesCarousel  .carousel-inner .carousel-item-end,
#noveltiesCarousel  .carousel-inner .carousel-item-start {
  transform: translateX(0);
}



@media (max-width: 767px) {
  #promoCarousel  .carousel-inner .carousel-item > div {
    display: none;
  }
  #promoCarousel  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#promoCarousel  .carousel-inner .carousel-item.active,
#promoCarousel  .carousel-inner .carousel-item-next,
#promoCarousel  .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #promoCarousel  .carousel-inner .carousel-item-end.active,
  #promoCarousel  .carousel-inner .carousel-item-next {
    transform: translateX(33.33%);
  }

  #promoCarousel  .carousel-inner .carousel-item-start.active,
  #promoCarousel  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
  }
}

#promoCarousel  .carousel-inner .carousel-item-end,
#promoCarousel  .carousel-inner .carousel-item-start {
  transform: translateX(0);
}