2.my-slider {
    max-width: 500px;
    max-height: 500px;
    min-height: 100px;
    min-width: 100px;
}

.advanced-slider .layer.black {
color: #FFF;
background: #000;
background: rgba(0, 0, 0, 0.7);
font-size: 300%;
font-weight: bold;
}

.advanced-slider .slide-buttons .left, 
.advanced-slider .slide-buttons .right, 
.advanced-slider .slide-buttons .middle {
	float: left;
	display: none;
}

.advanced-slider {
position: relative;
overflow: visible;
outline: none;
font-family: Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
}

/* MOBILE!*/

@media only screen and (max-width: 767px) {

.advanced-slider {
position: relative;
overflow: visible;
outline: none;
font-family: Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
margin-bottom: 9%;
margin-top: 0%;
}

.advanced-slider .layer.black {
color: #FFF;
background: #000;
background: rgba(0, 0, 0, 0.7);
font-size: 125%;
font-weight: bold;
}

.advanced-slider .swipeable-container {
position: absolute;
width: 100%;
height: 150%;
overflow: hidden;
}

}