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

	.carousel-c2 .carousel-inner .carousel-item.active,
	.carousel-c3 .carousel-inner .carousel-item.active,
	.carousel-c4 .carousel-inner .carousel-item.active,
	.carousel-c2 .carousel-inner .carousel-item-next,
	.carousel-c3 .carousel-inner .carousel-item-next,
	.carousel-c4 .carousel-inner .carousel-item-next,
	.carousel-c2 .carousel-inner .carousel-item-prev,
	.carousel-c3 .carousel-inner .carousel-item-prev,
	.carousel-c4 .carousel-inner .carousel-item-prev {
		display: flex;
	}

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

	.carousel-c2 .carousel-inner .carousel-item-start.active,
	.carousel-c2 .carousel-inner .carousel-item-prev {
		transform: translateX(-50%);
	}

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

	.carousel-c3 .carousel-inner .carousel-item-start.active,
	.carousel-c3 .carousel-inner .carousel-item-prev {
		transform: translateX(-33%);
	}

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

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

	.carousel-c2 img,
	.carousel-c3 img,
	.carousel-c4 img {
		width: 100%;
		height: auto;
	}

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

	.carousel-c2 .carousel-item,
	.carousel-c3 .carousel-item,
	.carousel-c4 .carousel-item {
		opacity: 0;
	}

	.carousel-c2 .carousel-item.show,
	.carousel-c3 .carousel-item.show,
	.carousel-c4 .carousel-item.show {
		opacity: 1;
	}

}


@media (max-width: 767px) {
	.carousel-c2 .carousel-inner .carousel-item > div,
	.carousel-c3 .carousel-inner .carousel-item > div,
	.carousel-c4 .carousel-inner .carousel-item > div {
		display: none;
	}
	.carousel-c2 .carousel-inner .carousel-item > div:first-child,
	.carousel-c3 .carousel-inner .carousel-item > div:first-child,
	.carousel-c4 .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}