jQuery(document).ready(function ($) {
  if($('#slider2_container').width() != null) {
      var jssor_1_options = {
      $AutoPlay: false,
      $AutoPlaySteps: 1,
      $SlideDuration: 160,
      $SlideWidth: 350,
      $SlideSpacing: 3,
      $Cols: 4,
      $ArrowNavigatorOptions: {
      $Class: $JssorArrowNavigator$,
      $Steps: 1
      },
      $BulletNavigatorOptions: {
      $Class: $JssorBulletNavigator$,
      $SpacingX: 1,
      $SpacingY: 1
      }
    };
    
    var jssor_1_slider = new $JssorSlider$("slider2_container", jssor_1_options);
    
    //responsive code begin
    //you can remove responsive code if you don't want the slider scales while window resizing

    function ScaleSlider() {
              var parentWidth = $('#slider2_container').parent().width();
              if (parentWidth) {
                  jssor_1_slider.$ScaleWidth(parentWidth);
              }
              else
                  window.setTimeout(ScaleSlider, 30);
          }
          //Scale slider after document ready
          ScaleSlider();

    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
    //responsive code end
    }
});