.top .slick2 {
    position: relative;
    width: 85%;
    margin: 0 auto;
}

.top .slick2 .prev-arrow {
    position: absolute;
    display: inline-block !important;
    width: 50px;
    top: 50%;
    left: -5px;
}

.top .slick2 .next-arrow {
    position: absolute;
    display: inline-block !important;
    width: 50px;
    top: 50%;
    right: -5px;

}

.top .slick2 .slick-dots {
    display: block !important;
}

.top .slick2 .slick-dots li button:before {
    font-size: 35px;
    margin-top:15px;
}

@media screen and (max-width: 559px) {
	.top .slick2 {
	    position: relative;
	    width: 100%;
	    margin: 0 auto;
	}
	.top .slick2 .slick-dots li button:before {
    font-size: 35px;
    margin-top:8px;
}
}