.jcarousel-wrapper {
    position: relative;
     margin-left: auto;
         margin-right: auto;
    max-width: 1000px;
}

/** Carousel **/

.jcarousel {
    width: 100%;
    overflow: hidden;
    padding-left:30px;
    margin-bottom: 10px;
}

.jcarousel-wrapper::before {
    right: 0px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
    background: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 100%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    pointer-events: none;
    z-index: 6;
}
.jcarousel-wrapper::after {
    left: 0px;
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,#fff 0,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    pointer-events: none;
    z-index: 6;
}

.jcarousel > ul {
    position: relative;
    width: 1000em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel > ul > li {
    float: left;
    /*width: 276px;*/
    margin-right: 15px;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    color: #009dff !important;
    text-decoration: none !important;
    font: 54px/27px Arial, sans-serif;
    z-index: 7;
}

.jcarousel-control-prev {
    left: -5px;
}

.jcarousel-control-next {
    right: -5px;
}


@media only screen and (max-width: 768px) {
    .jcarousel {
        padding-left:27px;
    }

    /*.padding-cd {*/
        /*padding: 0;*/
    /*}*/

    .jcarousel-control-prev,
    .jcarousel-control-next {
        top: 42% !important;
    }
    .jcarousel-wrapper::before {
        width: 55px;
    }
    .jcarousel-wrapper::after {
        width: 55px;
    }


}