Как настроить ширину owlCarousel?

Помогите настроить ширину owlCarousel, стараюсь сделать чтобы ширина была меньше, как можно этого добиться ? Скриншот представлен ниже.

HTML

<div class="main-wrap">
    <div class="owl-carousel owl-theme first-slider" id="main-slider">
        <div class="item ramen-slider">
            <p>Рамен</p>
        </div>
        <div class="item ramen-slider">
            <p>Сухари</p>
        </div>
        <div class="item ramen-slider">
            <p>Кляр</p>
        </div>
        <div class="item ramen-slider">
            <p>Кляр</p>
        </div>
        <div class="item ramen-slider">
            <p>Кляр</p>
        </div>
    </div>
</div>

JS

$('#main-slider').owlCarousel({
    loop: true,
    nav: true,
    items: 3,
    dots: false,
    navText: ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
    autoplay: false,
    autoplayTimeout: 6000,
    autoplaySpeed: 3000,
    onInitialized: function(){
        $('.main-wrap').css({'visibility': 'visible','height': 'auto'});
    },
});