@media (min-width: 768px) {

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

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

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