$(window).on("load", function() { // по событию окончания загрузки
if ($(window).width() < 767) { // Если ширина меньше 767
ltShowModalBlock('b-42389'); // вызвать ltShowModalBlock()
} // конец если
setTimeout(explode, 30000); // через 30000мс вызвать exlode
}); // конец обработчика загрузки3.8. Использовать для демонстрации фрагментов кода только специальный тег <code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.
<section class="section section_outer"> <!-- У Вас есть бэм блок section, у него есть модификатор outer.-->
<div class="container">
<div class="section__inner">
<div class="presentation-slider"> <!-- группа, включающая в себя 2 слайдера, тем самым создавая отдельный блок -->
<div class="presentation-slider__main main-slider"> <!-- бэм микс. Тут у нас и самостоятельный блок main-slider и дочерний элемент main у presentation-slider. Именно в дочернем элементе должны задаваться стили, отвечающие за внешнюю геометрию и специфическое оформление, не имеющее к слайдеру отношения. main-slider же самостоятельный блок слайдера, который должно быть можно спокойно переносит и реиспользовать в любом месте сайта. -->
<div class="main-slider__wrapper swiper-wrapper">
<img class="main-slider__slide swiper-slide" src="" alt="">
<img class="main-slider__slide swiper-slide" src="" alt="">
<img class="main-slider__slide swiper-slide" src="" alt="">
</div>
</div>
<div class="presentation-slider__thumbs thumbs-slider">
<div class="thumbs-slider__wrapper swiper-wrapper">
<img class="thumbs-slider__thumb swiper-slide" src="" alt="">
<img class="thumbs-slider__thumb swiper-slide" src="" alt="">
<img class="thumbs-slider__thumb swiper-slide" src="" alt="">
</div>
</div>
</div>
</div>
</div>
</section>