.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto; 
	max-height: 500px;
}

.carousel-inner>.item {
	height: 500px;
}

.carousel {
	background-color: black;
	height: 500px;
}

@media (max-width: 767px) {
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		max-height: 400px;
		}
	.carousel-inner>.item {
	height: 400px;
		}	

	.carousel {
	height: 400px;
		}
}

@media (max-width: 480px) {
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		max-height: 250px;
		}
	.carousel-inner>.item {
	height: 250px;
		}	

	.carousel {
	height: 250px;
		}
}