.slick-initialized .slick-slide {
    width: 255.5px !important;
}

.slick-arrow {
    position:absolute;
    top:50%;
    width:28px;
    height:28px;
    margin-top:-20px;
    z-index:8888;
    padding: 0;
}
.slick-arrow {
    margin-top: 0px;
}
/* .slick-prev {
    left: 0px;
    background-image:url('/images/slick/btn_chatbot_prev.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    border:none;
    text-indent:-99999px;
}
.slick-next {
    right: 0px;
    background-image:url('/images/slick/btn_chatbot_next.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    border:none;
    text-indent:-99999px;
} */
.slick-dots {
    position: unset !important;
    display: inline-block !important;
    margin-top: 15px;
}
/*  .slick-dots li + li,
.slick-dots li + li,
.slick-dots li + li {
    margin-left:2px
}
*/
 .slick-dots li button,
.slick-dots li button,
.slick-dots li button {
    display: block;
    /* width:6px; */
    height:6px;
    padding: 0;
    background:url(/images/slick/btn_chatbot_bullet_off.png) center no-repeat;
    border:none;
    text-indent:-99999px;
    background-size:6px;
}
 .slick-dots li.slick-active button,
.slick-dots li.slick-active button,
.slick-dots li.slick-active button {
    background:url(/images/slick/btn_chatbot_bullet_on.png) center no-repeat;
    background-size:6px;
}

.slick-slide {
    margin: 0px 4px;
}

.slick-prev,
.slick-next {
    opacity: 1;
    transition: 0.3s;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
/*    opacity: 0.5;*/
/*    background: #fefefe !important;*/
}
.slick-prev:hover,
.slick-prev:focus {
    background-image:url('/images/slick/btn_chatbot_prev.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 28px 28px !important;
}
.slick-next:hover,
.slick-next:focus {
    background-image:url('/images/slick/btn_chatbot_next.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 28px 28px !important;
}
.slick-prev:hover,
.slick-next:hover {
    width: 34px !important;
    height: 34px !important;
    background-size: 34px 34px !important;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-dots {
    left: 0px;
    bottom: 0px !important;
}
.slick-dots li {
    width: auto !important;
    height: auto !important;
}

/* .slick-slide {
    margin: 0px 8px !important;
} */

.slick-slide {
    margin: 0px 8px;
}

.slick-list {
    margin: auto;
}

@media screen and (max-device-width: 574px) {
     .slick-arrow,
    .slick-arrow,
    .slick-arrow {
        width:7.778vw;
        height:7.778vw;
        margin-top:-5.556vw;
        background-size: 7.778vw 7.778vw;
    }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        background-size: 7.778vw 7.778vw !important;
    }
    .slick-prev:hover,
    .slick-next:hover {
        width: 7.778vw !important;
        height: 7.778vw !important;
        background-size: 7.778vw 7.778vw !important;
    }
    .slick-prev,
    .slick-next {
        bottom: 0px;
    }
    
    .slick-slide {
        margin: 0px 2vw;
    }
    .slick-slide {
        margin: 0px 4.4vw !important;
    }
    
	 .slick-dots li + li,
    .slick-dots li + li,
    .slick-dots li + li {
        margin-left:0.556vw
    }
	 .slick-dots li button,
    .slick-dots li button,
    .slick-dots li button {
        width:1.667vw;
        height:1.667vw;
        background-size: 1.667vw;
    }
	 .slick-dots li.slick-active button,
    .slick-dots li.slick-active button,
    .slick-dots li.slick-active button {
        background-size: 1.667vw;
    }
}