.slider-container {
	position: relative !important;
	width: 100%;
}

.defaultstate .slider {
	display: none;
	left: 100%;
}

.slider {
	position: absolute!important;
	display: inline-block!important;
	transition: left 1s;
	width: 33.33334%!important;
	z-index: 1;
	left: 100%;
	opacity: 0;
	background-color: white;
}

.slider.prevframe {
	z-index: 0;
}

.slider.prevframe,
.slider.currentframe {
	opacity: 1;
}

.slider.prev1 {
	left: -100% !important;
}

.slider.prev2 {
	left: -66.66667% !important;
}

.slider.prev3 {
	left: -33.33334% !important;
}

.slider.currentframe {
	opacity: 1;
	z-index: 2;
}

.slider.current1 {
	left: 0px !important;
}

.slider.current2 {
	left: 33.33334% !important;
}

.slider.current3 {
	left: 66.66667% !important;
}

.slider.nextframe {
	left: 100%!important;
	opacity: 0;
	z-index: 3;
}

.slider.next1 {
	left: 100% !important;
}

.slider.next2 {
	left: 133.33334% !important;
}

.slider.next3 {
	left: 166.66667% !important;
}


@media (min-width: 1200px) and (max-width: 1469px) {
	.slider{
		width: 50%!important;
	}
		.slider.prev1 {
			left: -100% !important;
		}

		.slider.prev2 {
			left: -50% !important;
		}

		.slider.current1 {
			left: 0px !important;
		}

		.slider.current2 {
			left: 50% !important;
		}

		.slider.next1 {
			left: 100% !important;
		}

		.slider.next2 {
			left: 150% !important;
		}
}


@media (max-width: 600px), (min-width: 820px) and (max-width: 1199px) {
	.slider {
		width: 20% !important;
	}

		.slider.prev1 {
			left: -100% !important;
		}

		.slider.prev2 {
			left: -80% !important;
		}

		.slider.prev3 {
			left: -60% !important;
		}

		.slider.prev4 {
			left: -40% !important;
		}

		.slider.prev5 {
			left: -20% !important;
		}

		.slider.current1 {
			left: 0px !important;
		}

		.slider.current2 {
			left: 20% !important;
		}

		.slider.current3 {
			left: 40% !important;
		}

		.slider.current4 {
			left: 60% !important;
		}

		.slider.current5 {
			left: 80% !important;
		}


		.slider.next1 {
			left: 100% !important;
		}

		.slider.next2 {
			left: 120% !important;
		}

		.slider.next3 {
			left: 140% !important;
		}

		.slider.next4 {
			left: 160% !important;
		}

		.slider.next5 {
			left: 180% !important;
		}
}

@media (max-width: 600px){
	#sponsor-section #golden {
		width: calc(100%);
	}

@media (max-width: 500px) {
	#sponsor-section{
		display: none;
	}
}