.col-centered {
	float: none;
	margin: 0 auto;
}

.carousel-control {
	width: 8%;
	width: 0px;
}

.carousel-control.left,
.carousel-control.right {
	margin-right: 40px;
	margin-left: 32px;
	background-image: none;
	opacity: 1;
}

.carousel-control>a>span {
	color: white;
	font-size: 29px !important;
}

.carousel-col {
	position: relative;
	min-height: 1px;
	padding: 5px;
	float: left;
}

.active>div {
	display: none;
}

.active>div:first-child {
	display: block;
}

/*xs*/
@media (max-width: 767px) {

	.carousel-item-next:not(.carousel-item-left),
	.active.carousel-item-right {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	.carousel-item-prev:not(.carousel-item-right),
	.active.carousel-item-left {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.carousel-inner .active.left {
		left: -50%;
	}

	.carousel-inner .active.right {
		left: 50%;
	}

	.carousel-inner .next {
		left: 50%;
	}

	.carousel-inner .prev {
		left: -50%;
	}

	.carousel-col {
		width: 50%;
	}

	.active>div:first-child+div {
		display: block;
	}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {

	.carousel-item-next:not(.carousel-item-left),
	.active.carousel-item-right {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	.carousel-item-prev:not(.carousel-item-right),
	.active.carousel-item-left {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.carousel-inner .active.left {
		left: -50%;
	}

	.carousel-inner .active.right {
		left: 50%;
	}

	.carousel-inner .next {
		left: 50%;
	}

	.carousel-inner .prev {
		left: -50%;
	}

	.carousel-col {
		width: 50%;
	}

	.active>div:first-child+div {
		display: block;
	}
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {

	.carousel-item-next:not(.carousel-item-left),
	.active.carousel-item-right {
		-webkit-transform: translateX(33%);
		transform: translateX(33%);
	}

	.carousel-item-prev:not(.carousel-item-right),
	.active.carousel-item-left {
		-webkit-transform: translateX(-33%);
		transform: translateX(-33%);
	}

	.carousel-inner .active.left {
		left: -33%;
	}

	.carousel-inner .active.right {
		left: 33%;
	}

	.carousel-inner .next {
		left: 33%;
	}

	.carousel-inner .prev {
		left: -33%;
	}

	.carousel-col {
		width: 33%;
	}

	.active>div:first-child+div {
		display: block;
	}

	.active>div:first-child+div+div {
		display: block;
	}
}

/*lg*/
@media (min-width: 1200px) {

	.carousel-item-next:not(.carousel-item-left),
	.active.carousel-item-right {
		-webkit-transform: translateX(25%);
		transform: translateX(25%);
	}

	.carousel-item-prev:not(.carousel-item-right),
	.active.carousel-item-left {
		-webkit-transform: translateX(-25%);
		transform: translateX(-25%);
	}

	.carousel-inner .active.left {
		left: -25%;
	}

	.carousel-inner .active.right {
		left: 25%;
	}

	.carousel-inner .next {
		left: 25%;
	}

	.carousel-inner .prev {
		left: -25%;
	}

	.carousel-col {
		width: 25%;
	}

	.active>div:first-child+div {
		display: block;
	}

	.active>div:first-child+div+div {
		display: block;
	}

	.active>div:first-child+div+div+div {
		display: block;
	}
}

.block {
	width: 306px;
	height: 230px;
}

.red {
	background: red;
}

.blue {
	background: blue;
}

.green {
	background: green;
}

.yellow {
	background: yellow;
}