.slider-container {
	position: relative;
	height: 300px;
	overflow: hidden;
	padding: n0;
}
.slider-container .slider {
	display: block;
}
.slider-container ul.slides {
	list-style: none;
	padding: 0;
	margin: 0;
}
.slider-container .slider .slides li {
	display: block;
	height: 300px;
}
.slider-container .slider .slides li img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
}

@media screen and (min-width:768px) {
	.slider-container, 
	.slider-container .slider .slides li {
		height: 450px;
	}
}
@media screen and (min-width:1024px) {
	.slider-container, 
	.slider-container .slider .slides li {
		height: 600px;
	}
}
@media screen and (min-width:1400px) {
	.slider-container, 
	.slider-container .slider .slides li {
		height: 700px;
	}
}
@media screen and (min-width:1600px) {
	.slider-container, 
	.slider-container .slider .slides li {
		height: 800px;
	}
}

.flex-control-nav.flex-control-paging {
	margin: 0;
}
.flex-direction-nav {
	margin: 0;
	list-style: none; 
	padding: 0;
}
.flex-nav-prev {
	
}
.flex-prev, .flex-next {
	display: block;
	z-index: 100;
	position: absolute;
	top: calc(50% - 20px);
	left: 10px;
	color: transparent;
	font-size: 0;
	height: 43px;
	width: 43px;
	background: url("../slider/prev.png") no-repeat center center;
	background-size: cover;
	cursor: pointer;
}
.flex-next {
	left: unset;
	right: 10px;
	background: url("../slider/next.png");
}

@media screen and (min-width:1024px) {
	.flex-prev {
		left: 3%;
	}
	.flex-next {
		left: unset;
		right: 3%;
	}
}