.section-slider {
    position: relative;
}

.img-scroll {
    width: 100%;
}

.img-scroll .scroll-show {
    position: relative;
    overflow: hidden;
}

.img-scroll .scroll-show > ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.img-scroll .scroll-show > ul > li {
    float: left;
   /* padding: 0 5px;*/
    overflow: hidden;
    position: relative;
}

.btn-prev,
.btn-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    text-align: center;
    cursor: pointer;
    z-index: 99;
}

.btn-prev {
    left: 0;
}

.btn-next {
    right: 0;
}

.btn-prev>span,
.btn-next>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 130px;
    margin-top: -65px;
    margin-left: -18px;
    cursor: pointer;
    z-index: 5;
    filter: alpha(opacity=50);
    opacity: .5;
}

.btn-prev>span {
    background: url("../../img/prev_hover.png") no-repeat 0 0;
}

.btn-next>span {
    background: url("../../img/next_hover.png") no-repeat 0 0;
}

.btn-prev:hover>span,
.btn-next:hover>span {
    filter: alpha(opacity=100);
    opacity: 1;
}

.btn-next.agrayright,
.btn-prev.agrayleft{
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: default;
}

.btn-next.agrayright>span,
.btn-prev.agrayleft>span {
    cursor: default;
}

@media (min-width: 768px) and (max-width: 992px) {

    /*a.btn-prev>span, a.btn-next>span {
        width: 64px;
        height: 81px;
        margin-top: -40px;
        margin-left: -32px;
    }
    a.btn-prev>span {
        background: url("../../img/pad_prev.png") no-repeat 0 0;
    }

    a.btn-next>span {
        background: url("../../img/pad_next.png") no-repeat 0 0;
    }*/

}

@media (max-width: 767px) {

    .section-slider>.container {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }

    .img-scroll {
        position: relative;
    }

    .img-scroll .scroll-show {
        position: relative;
        overflow: hidden;
        margin-left: 0;
    }

    .img-scroll .scroll-show > ul > li {
        position: relative;
        padding: 0;
    }

    .btn-prev,
    .btn-next {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 15%;
        text-align: center;
        cursor: pointer;
    }

    .btn-prev {
        left: 0;
    }

    .btn-next {
        right: 0;
    }

   /* .btn-prev>span,
    .btn-next>span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 40px;
        margin-top: -20px;
        margin-left: -6px;
        cursor: pointer;
        z-index: 5;
    }

    .btn-prev>span {
        background: url("../../img/prev_small.png") no-repeat 0 0;
    }

    .btn-next>span {
        background: url("../../img/next_small.png") no-repeat 0 0;
    }

    .btn-prev.hover>span {
        background: url("../../img/prev_small_hover.png") no-repeat 0 0;
    }

    .btn-next.hover>span {
        background: url("../../img/next_small_hover.png") no-repeat 0 0;
    }*/

    .btn-prev>span,
    .btn-next>span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 42px;
        height: 53px;
        margin-top: -20px;
        margin-left: auto;
        cursor: pointer;
        z-index: 5;
    }

    .btn-prev>span {
        left: 0;
        background: url("../../img/mobile_prev.png") no-repeat 0 0;
    }

    .btn-next>span {
        right: 0;
        background: url("../../img/mobile_next.png") no-repeat 0 0;
    }

    .btn-prev.hover>span {
        background: url("../../img/mobile_prev.png") no-repeat 0 0;
    }

    .btn-next.hover>span {
        background: url("../../img/mobile_next.png") no-repeat 0 0;
    }
}