.carousel-inner .carousel-item {opacity: 0;transition: all 1s ease-in-out;}
@media (max-width: 767px) {
	.carousel-inner .carousel-item > div {display: none;}
	.carousel-inner .carousel-item > div:first-child {display: block;}
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	height: 100% !important;
	display: flex;
	margin-bottom: 30px;
	opacity: 1;
}
/* medium and up screens */
@media (max-width: 8000px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {transform: translateX(20%);transition: all 1s ease-in-out;}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {transform: translateX(-20%);transition: all 1s ease-in-out;}
}
@media (max-width: 1200px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {transform: translateX(25%);transition: all 1s ease-in-out;}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {transform: translateX(-25%);transition: all 1s ease-in-out;}
}
@media (max-width: 991px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {transform: translateX(33.25%);transition: all 1s ease-in-out;}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {transform: translateX(-33.25%);transition: all 1s ease-in-out;}
}
@media (max-width: 767px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {transform: translateX(50%);transition: all 1s ease-in-out;}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {transform: translateX(-50%);transition: all 1s ease-in-out;}
}
@media (max-width: 575px) {
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {transform: translateX(100%);transition: all 1s ease-in-out;}
	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {transform: translateX(-100%);transition: all 1s ease-in-out;}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {transform: translateX(0%);transition: all 1s ease-in-out;}