.slider {
    position: relative;
    width: 100%;
    cursor: grab;
    padding: 1% 3%;
}
.slider-body {
    width: 99%;
    overflow-x: hidden;
}
.item {
    padding: 2%;
}
.slider .btn-scroll img {
    width: 7%;
}
.slider-body img {
    width: 250px;
}

.btn-scroll {
    background: none;
    border: none;
}
.btn-pre {
    position: absolute;
    top: 40%;
    left:0;
}
.btn-next {
    position: absolute;
    top: 40%;
    right:0;
}

/*.btn-pre img {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*}*/

@media screen and (max-width:996px) {
    .btn-pre {
        top: 40%;
    }
    .btn-next {
        top: 40%;
    }
}

@media (max-width: 767.98px) {
    .btn-pre {
        top: 40%;
    }
    .btn-next {
        top: 40%;
    }
}