@media (max-width: 767px){
	.carousel-inner .carousel-item >div{display: block}
	.carousel-inner .carousel-item >div:first-child{display: block}}
	.carousel-inner .carousel-item.active, 
	.carousel-inner .carousel-item-next, 
	.carousel-inner .carousel-item-prev{display: flex}

@media (min-width: 768px){
	.carousel-inner .carousel-item-end.active, 
	.carousel-inner .carousel-item-next{transform: translateX(25%)}
	.carousel-inner .carousel-item-start.active, 
	.carousel-inner .carousel-item-prev{transform: translateX(-25%)}
	}
	.carousel-inner .carousel-item-end, 
	.carousel-inner .carousel-item-start{transform: translateX(0)}