https://gcpat.de/themes/custom/gcp_theme/sass/components/dynamic_block/dynamic_block.js?tjaduw

1/**
2 * @file
3 * Provides functions to manage dynamic block component.
4 */
5(function ($) {
6  'use strict';
7  /**
8   * Prepare owl carrousel.
9   */
10  $(document).on('ready', function () {
11    $('.dynamic-block-container').owlCarousel({
12      loop: true,
13      dots: true,
14      nav: true,
15      navText: [
16        '<i class="fa fa-angle-left"></i>',
17        '<i class="fa fa-angle-right"></i>'
18      ],
19      responsive: {
20        0: {
21          items: 1,
22          margin: 8,
23          stagePadding: 40,
24        },
25        330: {
26          items: 1,
27          margin: 8,
28          stagePadding: 60,
29        },
30        410: {
31          items: 1,
32          margin: 8,
33          stagePadding: 80,
34        },
35        760: {
36          items: 2,
37          margin: 8,
38          stagePadding: 110,
39        },
40        980: {
41          items: 3,
42          margin: 8,
43          stagePadding: 110,
44        },
45        1200: {
46          items: 4,
47          margin: 8,
48          stagePadding: 110,
49        },
50        1450: {
51          items: 5,
52          margin: 8,
53          stagePadding: 110,
54        },
55        1680: {
56          items: 6,
57          margin: 10,
58          stagePadding: 110,
59        }
60      },
61      onInitialize: function () {
62        setTimeout(function () {
63          var margin = $('.dynamic-block-container .owl-dot').length * 10;
64          if ($(window).width() < 410) {
65        	  margin = 160;
66          }
67          $('.dynamic-block-container .owl-prev').css('margin-right', (margin + 10) + 'px');
68          $('.dynamic-block-container .owl-next').css('margin-left', (margin + 10) + 'px');
69        }, 500);
70      },
71      onResize: function () {
72        setTimeout(function () {
73          var margin = $('.dynamic-block-container .owl-dot').length * 10;
74          if ($(window).width() < 410) {
75        	  margin = 160;
76          }
77          $('.dynamic-block-container .owl-prev').css('margin-right', (margin + 10) + 'px');
78          $('.dynamic-block-container .owl-next').css('margin-left', (margin + 10) + 'px');
79        }, 500);
80      }
81    });
82  });
83})(jQuery);