光滑的滑块在480px上呈指数增长

Question

我正在为网站使用光滑的滑块，但在响应速度（低于480px）上，该滑块不起作用。

HTML在下面

<section class="banner-sec-mainpage row text-center">
    <div class="col-lg-8 col-sm-12 col-lg-offset-2">
        <div class="banner-slider">
            <div>
                <h1>Ultimate <strong>Management Software</strong><br />for your business</h1>
            </div>
            <div>
                <h1><strong>Cloud ERP, Manage Your Finance,<br />Human Resources &amp; Projects</strong></h1>
            </div>
            <div>
                <h1><strong>Tax<br /></strong>Management</h1>
            </div>
            <div>
                <h1>Start Your ​<strong>Digital</strong><br />Transformation Journey</h1>
            </div>
        </div>
    </div>
</section>

滑块配置：-

$('.banner-slider').slick({
    autoplay: true,
    fade: true,
    dots: false,
    arrows: false
});

CSS

.banner-sec-mainpage{
    padding: 50px 0;
}