Изменить задержку анимации WOW.js в зависимости от размера экрана

Question

Я хочу изменить задержку анимации на

экран @media и (максимальная ширина: 767 пикселей)

поскольку направление блока изменяется с горизонтального на вертикальное, и больше нет необходимости задерживать, потому что имеется задержка прокрутки.

<div class="hpSquareIconsFlexBox">
    <?php if ( have_rows('square_icons') ): ?>
      <?php $squareTimer = 0.4; ?>
      <?php while ( have_rows('square_icons') ) : the_row(); ?>
        <div class="oneSqaureIconItem">
          <div class="squareIconImage wow fadeInDown" data-wow-delay="<?php echo $squareTimer; ?>s" style="background-color: <?php the_sub_field('color'); ?>">
             <img src="<?php the_sub_field('image'); ?>" alt="<?php the_sub_field('title'); ?>">
          </div>
          <div class="squareIconTitle">
             <?php the_sub_field( "title" ); ?>
          </div>
        </div>
      <?php $squareTimer += 0.4; ?>
      <?php endwhile; ?>
    <?php endif; ?>
  </div>

Это адрес веб-сайта: http://www.bnei-israel.co.il/ עמוד-הבית / # stackruHelp прокрутите немного вверх, чтобы добраться до блока.

Большое спасибо впереди.