.river-carousel {
    position: relative !important;
    height: auto !important;
    padding: 0;
}
.river-carousel .carousel-item {
    height: auto !important;
}
.carousel-mb-100{
    margin-bottom: 140px !important;
}
.river-carousel .carousel-item .card {
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.river-carousel .carousel-item.active div:nth-child(2n) {
    margin: 0 12px;
}

.river-carousel .card-img, .river-carousel .card-img-bottom {
    border: none;
    border-radius: 0;
}
.river-carousel .carousel-indicators {
    margin-bottom: -50px !important;
    justify-content: center !important;
    left: 0 !important;
    right: 0 !important;
}

@media (max-width: 600px) {
    .river-carousel .carousel-inner .carousel-item > div {
        display: block;
        margin: 0;
        width: 80%;
        transform: translateX(-88%);
    }

    .river-carousel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

}

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

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

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

    .river-carousel .carousel-inner .carousel-item-start.active,
    .river-carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
    .river-carousel .river-carousel .carousel-indicators {
        justify-content: center !important;
        left: 0 !important;
        right: 0 !important;
    }
    .river-carousel .carousel-mb-100 {
        margin-bottom: 100px !important;
    }
}

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