Responsive asNavFor not sliding

During responsive view, the product images’s thumbnail is not sliding. Below is the original code of the plugin:

$wpgs_sliderJs = "jQuery(document).ready(function(){
        jQuery('.wpgs-for').slick({
            slidesToShow:1,
            slidesToScroll:1,
            arrows:{$warrows},
            fade:false,
            rtl: $slider_rtl,
            infinite:{$wslider_infinity_loop},
            adaptiveHeight:true,
            autoplay:{$wautoPlay},
            draggable:{$wslider_mouse_draging},
           {$nextArrow} 
           {$prevArrow}       
            asNavFor:'.wpgs-nav',
          
        });
        jQuery('.wpgs-nav').slick({
            slidesToShow:{$wslider_thubms},
            slidesToScroll:1,
            asNavFor:'.wpgs-for',
            arrows:{$warrows},
            rtl: $slider_rtl,
            infinite:{$wslider_infinity_loop},
            focusOnSelect:true,
            responsive:[{
                breakpoint:767,
                settings:{
                    slidesToShow:3,
                    slidesToScroll:1,
                    draggable:true,
                    autoplay:false,
                    arrows:true
                }
            }],
        });

In the responsive part > settings > slidesToShow:3, only 3 images of the thumbnail is displayed and no longer sliding.