.carousel{
	padding: 20px;
	overflow:hidden;
	white-space: nowrap;
	position:relative;
}

.carousel .item{
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-right: 20px;
}

.carousel input{
	position:absolute;
	z-index:99;
	display:none;
}

.carousel label{
	display:none;
	position:absolute;
	z-index:99;
}

.carousel label:hover{
	cursor: pointer;
}

.carousel label{
	background:#fff;
	top:0;
	bottom: 0;
	margin: auto;
	height: 55px;
	width: 55px;
	text-align: center;
	line-height: 55px;
	border-radius: 100%;
	font-size: 35px;
	transition: 0.2s all;
}

.carousel label:hover{
	cursor: pointer;
	background: #0C71C3;
	color: #fff;
	transition: 0.2s all;
}

.carousel label.next{
	right: 50px;
}

.carousel label.prev{
	left:10px;
}

.carousel .item img{
	max-height: 500px;
}


.carousel input#img1:checked ~ .item{
	left:0;
		transition: 1.5s all;
}

.carousel input#img2:checked ~ .item{
	left:-500px;
	transition: 1.5s all;
}

.carousel input#img3:checked ~ .item{
	left:-1000px;
		transition: 1.5s all;
}


.carousel input#img4:checked ~ .item{
	left:-1500px;
		transition: 1.5s all;
}


.carousel input#img5:checked ~ .item{
	left: -2000px;
		transition: 1.5s all;
}


.carousel input#img6:checked ~ .item{
	left: -2600px;
		transition: 1.5s all;
}

.carousel input#img1:checked + label,
.carousel input#img1:checked + label + label,
.carousel input#img2:checked + label,
.carousel input#img2:checked + label + label,
.carousel input#img3:checked + label,
.carousel input#img3:checked + label + label,
.carousel input#img4:checked + label,
.carousel input#img4:checked + label + label,
.carousel input#img5:checked + label,
.carousel input#img5:checked + label + label,
.carousel input#img6:checked + label,
.carousel input#img6:checked + label + label{
	display:block;
}


/* Small Devices, Tablets */

@media only screen and (max-width: 1024px) {
	.carousel input#img4:checked ~ .item{
		left:-1600px;
	}

	.carousel input#img5:checked ~ .item{
		left: -2200px;
	}

	.carousel input#img6:checked ~ .item{
		left: -2800px;
	}
}

@media only screen and (max-width: 992px) {
	.carousel input#img4:checked ~ .item{
		left:-1700px;
	}

	.carousel input#img5:checked ~ .item{
		left: -2400px;
	}

	.carousel input#img6:checked ~ .item{
		left: -3100px;
	}
}


@media only screen and (max-width: 480px) {
	.carousel{
		display: none;
	}
}