How to make a slide counter with adjustable values ​​when adapting?

Question

Slick

How to make a slide counter so that when adapting, values ​​change like:
There are 12 conditional slides in the slider. At a resolution of 1920 pixels, it shows 4 slides and scrolls by 4.
Displaying the counter as [ 1 (dot) (dot ) (dot ) 3 ], when scrolling further [ 2 (dot) (dot ) (dot ) 3 ],
further when adapting to a lower resolution, the number of slides shown decreases, let's say up to 3 and scrolls by 3 pieces, as a result, the counter changes to this form [ 1 (dot) (dot ) (dot ) 4 ].
Etc.
Thanks in advance)