.carousel-imageslider {

  figure {
    margin-bottom: unset;
  }

  .carousel-item {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel-indicators {
    position: relative;
    opacity: unset;
    margin-bottom: 0;
    @include media-breakpoint-down(sm) {
      margin-right: 0;
      margin-left: 0;
    }

    li {
      width: unset;
      height: unset;
      opacity: .6;
      transition: opacity 0.2s ease;

      &:first-child {
        margin-left: 0;
      }

      &:last-child {
        margin-right: 0;
      }

      &:hover {
        opacity: .8;
      }

      &.active {
        opacity: 1;
      }
    }

    img {
      display: block;
      height: auto;
      max-width: 100%;
      @include media-breakpoint-down(sm) {
      width: 40px;
      }
    }
  }

  .carousel-control-prev,
  .carousel-control-next {
    bottom: 80px;
    justify-content: flex-start;
  }

  .carousel-control-next {
    justify-content: flex-end;
  }
}
