Вопрос? Слайдер

Привет всем. У меня тут проблем можете помочь


Если через компьютер открыть слайдер нормальный. А если через телефон открыть слайдер растягивается


Почему так?

 

Где может быть?

Код:

[aviable=main] 
        <div class="top-slider">
            <div class="tab-menu">
                <ul class="a-link">
                    <li class="act-yelow"><a href="javascript:SwitchTab2('tab_1', 'cont_1');" id="tab_1" class="active" href="#">Топ-фильмов</a></li>
                    <li><a href="javascript:SwitchTab2('tab_2', 'cont_2');" id="tab_2" class="no-active">Топ-сериалов</a></li>
                    <li><a href="javascript:SwitchTab2('tab_3', 'cont_3');" id="tab_3" class="no-active">Скоро в кино</a></li>
                </ul>
                <div class="btn-left-right">
                </div>
            </div>
            <div class="clear"></div>
            <div id="cont_1">
               <div id="owl-demo" class="six-films owl-carousel owl-theme">
                {custom category="17" template="shortstory-2" aviable="global" from="0" limit="12" order="reads" cache="no"}
                <!-- Выводит популярные фильмы по количеству просмотров-->
                </div>
            </div>
            <div id="cont_2" style="display:none;">
                <div class="six-films">
                {custom category="11" template="shortstory-2" aviable="global" from="0" limit="12" order="reads" cache="no"}
                <!-- Выводит популярные сериалы по количеству просмотров-->
                    <div class="clear"></div>
                </div>
            </div>
            <div id="cont_3" style="display:none;">
                <div class="six-films">
                {custom category="1" template="shortstory-2" aviable="global" from="0" limit="12" order="date" cache="no"}
                <!-- Выводит последние новости из категории "скоро на экране"-->
                    <div class="clear"></div>
                </div>
            </div>
[/aviable]