.minislider-wrapper {
	display: block;
	width: 50%;
	position: relative;
	margin: 0 auto;
	background: white;	
	box-sizing: border-box;
	padding: 50px;
}

.minislider dt img, .minislider .gallery br {display: none}

.minislider {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.minislider .gallery, .minislider dl, .minislider dt {
	width: 100%;
	height: 100%;
}

.minislider dl {position: absolute}

.minislider dl.active {z-index: 4}

.minislider dl.next {z-index: 3}


.minislider dt {
	width: 100%;
	height: 100%;
	background-color: white;
	background-position: center;
	background-size: cover;
}

.minislider-nav {
	text-align: center;
	position: absolute;
	z-index: 5;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
}

.minislider-nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	background: white;
	margin: 0 3px;
	border-radius: 50%;
}

.minislider-nav a.active, .minislider-nav a:hover {background-color: #FF0051}


/* GRID: 1440px */
@media all and (max-width: 1440px) {
	
.minislider-wrapper {padding: 30px}
	
}


/* GRID: 1280px */
@media all and (max-width: 1280px) {
	
.minislider-wrapper {padding: 20px}
	
}


/* GRID: 1024px */
@media all and (max-width: 1024px) {
	
.minislider-wrapper {
	width: 100%;
	height: 400px;
}
	
}


/* GRID: 768px */
@media all and (max-width: 768px) {
	
.minislider-wrapper {
	height: 350px;
	padding: 15px;
}
	
}


/* GRID: 568px */
@media all and (max-width: 568px) {
	
.minislider-wrapper {
	height: 300px;
	padding: 10px;
}
	
}


/* GRID: 440px */
@media all and (max-width: 440px) {
	
.minislider-wrapper {padding: 5px}
	
}