.carousel {
  z-index: 0;
}
.paragraph--type--card-carousel {
    padding: 0 2% 0 0;
}
.paragraph--type--card-carousel .carousel-inner {
  display: flex;
}
.paragraph--type--card-carousel .carousel-item {
  margin: 0 auto;
}
.paragraph--type--card-carousel .card {
    width: unset;
    margin: 0 5px;
}
.paragraph--type--card-carousel img {
    max-height: 330px;
    min-width: unset;
}
.paragraph--type--mbp-card .card-body {
    min-height: unset;
}
.paragraph--type--card-carousel .carousel-control-prev {
    margin-left: -30px;
}

.paragraph--type--card-carousel .carousel-control-next {
    margin-right: -30px;
}

.paragraph--type--card-carousel .carousel-control-prev,
.paragraph--type--card-carousel .carousel-control-next {
  background-color: #666666;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
}

.paragraph--type--card-carousel .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 1660px) {
  .paragraph--type--card-carousel .card-body .field.text-formatted {
      min-height: 110px;
  }
  .paragraph--type--card-carousel .paragraph--type--mbp-card .card-body {
      min-height: 270px;
  }
}
@media screen and (max-width: 1200px)  {
  #carouselCards {
      width: 95%;
      margin: 10px auto;
    }
  .pad-top-row #carouselCards .row .col-lg-4 {
    width: 100%;
  }
  .pad-top-row  .paragraph--type--card-carousel .carousel-item img {
    max-width: 40%;
    float: left;
  }
}
@media screen and (max-width: 992px) {

    .paragraph--type--card-carousel div[class^="col"] .paragraph--type--mbp-card {
      max-width: 100%;
      flex-direction: column;
      margin: 20px 5px;
    }
    .paragraph--type--card-carousel img {
      max-width: 100%;
      height: 200px;
    }
    .paragraph--type--card-carousel {
        margin: 0 auto;
    }
    .paragraph--type--card-carousel .carousel-inner.hide-mobile {
      display: none;
    }
    .paragraph--type--card-carousel .carousel-inner.hide-desktop {
      display: block;
    }
    .paragraph--type--card-carousel .carousel-control-prev {
      margin-left: -50px;
    }
    .paragraph--type--card-carousel .carousel-control-next {
      margin-right: -50px;
    }
}

@media (min-width: 992px) {
  /*.paragraph--type--card-carousel .carousel-item {
      margin-right: 0;
      flex: 0 0 33.333333%;
      display: block;
  }*/
  .paragraph--type--card-carousel .carousel-inner.hide-mobile {
    display: block;
  }
  .paragraph--type--card-carousel .carousel-inner.hide-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  .paragraph--type--card-carousel .card .img-wrapper {
    height: 17em;
  }
}