Как адаптировать под моб. версию ?

Здравствуйте, проблема в том что данный слайдер не адаптирован под мобильную версию сайта, слишком огромное разрешение выдает на смартфоне. Кто сталкивался с таким ? и как можно это пофиксить? cms: Bitrix
Вот код:

PHP:

1. <?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
2.  
3. $this->setFrameMode(true);
4.  
5. if(count($arResult["ITEMS"]) < 1)
6.     return;?>
7.  
8. <script type="text/javascript">
9.     $(function() {
10.         $('.anythingSlider').anythingSlider({
11.             'theme': "default",
12.             'mode': 'horiz',
13.             'expand': true,
14.             'resizeContents': true,
15.             'easing': 'easeInOutExpo',
16.             'buildNavigation': true,
17.             'buildStartStop': false,
18.             'hashTags': false,
19.             'autoPlay': true,
20.             'pauseOnHover': true,
21.             'delay': 7000,
22.         });
23.         $(window).resize(function () {
24.             currentWidth = $('.center').width();
25.             if(currentWidth < '1200') {
26.                 $('.anythingContainer').css({
27.                     'height':currentWidth * 3+ 'px'
28.                 });
29.             } else {
30.                 $('.anythingContainer').removeAttr('style');
31.             }
32.         });
33.         $(window).resize();
34.     });
35. </script>
36.  
37. <div class="anythingContainer">
38.     <ul class="anythingSlider">
39.         <?foreach($arResult["ITEMS"] as $arItem):?>
40.             <li>
41.                 <?if(!empty($arItem["DISPLAY_PROPERTIES"]["URL"])):?>
42.                     <a href="<?=$arItem["DISPLAY_PROPERTIES"]["URL"]["VALUE"]?>" style="background:url(<?=$arItem["PICTURE_PREVIEW"]["SRC"]?>) center center no-repeat; background-size:cover;"></a>
43.                 <?else:?>
44.                     <a href="javascript:void(0)" style="background:url(<?=$arItem["PICTURE_PREVIEW"]["SRC"]?>) center center no-repeat; background-size:cover;"></a>
45.                 <?endif;?>
46.             </li>
47.         <?endforeach;?>
48.     </ul>
49. </div>

 

я в этом новичок , ничего не понял, можете подробнее пожалуйста)