.xe-widget-production-site .slick-prev,.xe-widget-production-site .slick-next {
    position: absolute;
    top: 30%;
}
.xe-widget-production-site .slick-prev {
    left: 0px;
    height: 50px;
    width: 50px;
    font-size: 0;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    background-color: rgba(255,255,255,1);
    z-index: 1;
    padding: 0;
    border: 0;
    transition: 0.3s;

}

.xe-widget-production-site .slick-prev::before {
    content: "\e93c";
    display: block;
    font-family: 'xeicon';
    color: #000;
    font-size: 24px;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 50px;
    

    /* background-image:url(../img/left-arrow-multi.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    margin: 0 auto; */
}
.xe-widget-production-site .slick-next {
    right: 0px;
    height: 50px;
    width: 50px;
    font-size: 0;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    background-color: rgba(255,255,255,1);
    z-index: 1;
    padding: 0;
    border: 0;
    transition: 0.3s;
    
}

.xe-widget-production-site .slick-next::before {
    content: "\e93f";
    display: block;
    font-family: 'xeicon';
    color: #000;
    font-size: 24px;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 50px;

 /*    background-image:url(../img/right-arrow-multi.png);
    width:20px;
    height: 20px;
    background-size: cover;
    margin: 0 auto; */
}

.xe-widget-production-site .slick-prev:hover{
    background-color: #345bd9;
}
.xe-widget-production-site .slick-prev:hover::before{
    color: #fff;
}
.xe-widget-production-site .slick-next:hover{
    background-color: #345bd9;
}
.xe-widget-production-site .slick-next:hover::before{
    color: #fff;
}


@media (min-width: 768px){

    .xe-widget-production-site .slick-prev {
        left: -10px;
    }

    .xe-widget-production-site .slick-next {
        right: -10px;
    }
}