Javascript JS.slick水平旋转木马如何使导航点作为默认点工作，并使用自定义CSS停止在特定宽度消失

我正在使用JS.slick水平旋转木马，并试图使点作为默认值工作，这是自定义CSS所没有的-我已经重命名了自定义脚本上的一些必需类，以尝试使其工作，但似乎还有一些其他类阻止我控制导航点，无法找到如何做经过几天的寻找和从头开始让它工作

我想让它们在默认情况下像在这里一样工作-水平和滑块下方：（JS.slick）-应用我的自定义CSS

我似乎也无法让这些点在某些宽度（1000px-740px）下完全消失，并与滑块div的响应性一起工作

摘要-让JS.slick导航点作为默认设置工作，并使用我的自定义css在特定屏幕宽度停止消失

来自JSFIDLE的代码段：

}
.slick-dots{
    background-color: red;
    display: inline-block;
    width: 30vw;
}
.slick-dots li button{
    background-color: blue;
    display: inline-block;
}

谢谢