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

  #recipeCarousel .carousel-inner .carousel-item>div:first-child {
    display: block;
  }
}
  #recipeCarousel .carousel-control-next,   #recipeCarousel .carousel-control-prev {
    position: relative;
    left:auto;
    right: auto;
    display: flex;
    width: 8.33333333%;
  }
    #recipeCarousel .carousel-inner {
    width: 83.33333333%;
  }
/* #recipeCarousel .carousel-control-prev {
  right: 100%;
  left:auto;
}
#recipeCarousel .carousel-control-next {
  left: 100%;
  right:auto;
} */
#recipeCarousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' %3F%3E%3Csvg version='1.1' x='0px' y='0px' viewBox='0 0 512.005 512.005' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs41'%3E%3C/defs%3E%3Cpath d='M 388.418,240.923 153.751,6.256 c -8.341,-8.341 -21.824,-8.341 -30.165,0 -8.341,8.341 -8.341,21.824 0,30.165 L 343.17,256.005 123.586,475.589 c -8.341,8.341 -8.341,21.824 0,30.165 4.16,4.16 9.621,6.251 15.083,6.251 5.461,0 10.923,-2.091 15.083,-6.251 L 388.419,271.087 c 8.34,-8.34 8.34,-21.823 -10e-4,-30.164 z'%0Aid='path2' style='display:inline;fill:%23dddddd' /%3E%3C/svg%3E") !important;
}
#recipeCarousel .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' x='0px' y='0px' viewBox='0 0 512.005 512.005' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs %3E%3C/defs%3E%3Cpath d='M 123.58613,240.923 358.25313,6.256 c 8.341,-8.341 21.824,-8.341 30.165,0 8.341,8.341 8.341,21.824 0,30.165 l -219.584,219.584 219.584,219.584 c 8.341,8.341 8.341,21.824 0,30.165 -4.16,4.16 -9.621,6.251 -15.083,6.251 -5.461,0 -10.923,-2.091 -15.083,-6.251 l -234.667,-234.667 c -8.34,-8.34 -8.34,-21.823 10e-4,-30.164 z' id='path2' style='display:inline;fill:%23dddddd' /%3E%3C/svg%3E");
}
#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) and (max-width: 991px) {

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

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

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

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

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

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