.multi-carousel {
    position: relative
}

.multi-carousel .multi-carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.multi-carousel .multi-carousel-inner .multi-carousel-item {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 0 3px;
    
}

.multi-carousel .multi-carousel-inner .multi-carousel-item img {
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    
}

.multi-carousel.vertical {
    height: 350px
}

@media(max-width:768px) {
    .multi-carousel.vertical {
        height: 150px
    }
}

.multi-carousel.vertical .multi-carousel-inner {
    height: 100%
}

.multi-carousel.vertical .multi-carousel-inner .multi-carousel-item {
    padding: 2px 0
}

.multi-carousel.vertical .multi-carousel-inner img {
    max-height: none
}

.multi-carousel.vertical .carousel-control-prev {
    width: 100%;
    height: 15%
}

.multi-carousel.vertical .carousel-control-next {
    top: auto;
    width: 100%;
    height: 15%
}

.multi-carousel.vertical .carousel-control-next span,
.multi-carousel.vertical .carousel-control-prev span {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}