jQueryプラグイン　slider Proの表示枚数について

このサイトのTOPスライドの下にバナースライドを入れました。
https://tomio.co.jp/

ただプラグインの仕様のせいなのか、4枚のバナーになると左側だけ空白になります。

バナー4枚でも左側に空白ができないようにしたいです。（左側にもバナーの半分が表示できるように）
バナーが5枚だと左右にバナーが表示されるのですが、
ちなみに今はPCでバナーが3枚のときはスライドさせる、2枚のときはさせない仕様にしています。

JavaScript
1$(window).on('load', function(){
2    //画面幅を取得
3    var w = $(window).width();
4    //画面幅によってスライダーにするliの数を設定
5    var num = $('.banner_index li').length;
6    if(w > 640){
7        //PC
8        if(num > 3){
9            $('.banner_index').attr('id', 'banner_slider');
10            $('.banner_index ul').addClass('sp-slides');
11            $('.banner_index li').addClass('sp-slide');
12        }
13    }else{
14        //SP
15         if(num > 2){
16            $('.banner_index').attr('id', 'banner_slider');
17           $('.banner_index ul').addClass('sp-slides');
18            $('.banner_index li').addClass('sp-slide');
19        }       
20    }
21    $('.banner_index ul').css({
22        "visibility": "visible"
23    })
24    $('#banner_slider').sliderPro({
25        width: 314,
26        height: 130,
27        visibleSize: '100%',
28        buttons: false,
29        arrows: false,
30        fadeArrows: false,
31        slideDistance: 20,
32        centerimage: false,
33        // forceSize:'fullWidth',
34        breakpoints: {
35            640: {
36                width: 170,
37                height: 110,
38                slideDistance: 10,
39                slideAnimationDuration: 500,
40            }
41        }
42    });
43});