https://www.virtualscope.org/laze_customize/static/src/scss/options/product-details/option-1.js

1$(document).ready(function() {
2
3      // 1- Get window width 
4      var windowWidth = $(window).width();
5
6      // 2- For all devices under or at 768px, use horizontal orientation
7      if(windowWidth <= 767) {
8        $('.thumbnails-slides').slick({
9            dots: false,
10            infinite: true,
11            speed: 300,
12            slidesToShow: 3,
13            vertical: false,
14            centerMode: true,
15            centerPadding: '40px',
16            nextArrow: '<button type="button" class="next fa fa-chevron-down"></button>',
17            prevArrow: '<button type="button" class="prev fa fa-chevron-up"></button>'
18        });
19      } 
20      // 3- For all devices over 768px, use vertical orientation
21      else {
22        $('.thumbnails-slides').slick({
23            dots: false,
24            loop: true,
25            arrows:true,
26            infinite: true,
27            speed: 300,
28            slidesToShow: 5,
29            centerMode: false,
30            verticalSwiping: true,
31            vertical: true,
32            nextArrow: '<button type="button" class="next fa fa-chevron-down"></button>',
33            prevArrow: '<button type="button" class="prev fa fa-chevron-up"></button>'
34        });
35      }
36});
37