/* BASIC css start */
.slide-box img {
    width: 100%;
    height: auto;
}

.brand-pager {
    line-height: 35px;
    height: 35px;
    border-top: 1px solid #e8e8e8;
}

.brand-pager ul.slick-dots {
    font-size: 0;
    text-align: center;
    line-height: 35px;
}

.brand-pager ul.slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d7d7d7;
    margin: 0px 7.5px;
    display: inline-block;
    vertical-align: middle;
}

.brand-pager ul.slick-dots li.slick-active {
    background: #000;
}

.brand-pager ul.slick-dots li button {
    display: none;
}

.slide-control {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    display: block;
    width: 8px;
    height: 13px;
}

.slide-control.prev {
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-arrow-prev.png) no-repeat;
    background-size: 100% auto;
    left: 17px;
}

.slide-control.next {
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-arrow-next.png) no-repeat;
    background-size: 100% auto;
    right: 17px;
}
/* BASIC css end */