title: Images in Slider are not full width
body: <p>I'm trying to make the images in the slider to be full width or responsive.</p>
  
  <p>The HTML is here on <a href="https://pastebin.com/ek8sYwGJ" rel="nofollow noreferrer">PasteBin</a></p>
  
  <pre><code>&lt;div class="main-slider slider-pro" id="main-slider" data-slider-width="100%" data-slider-height="850px" data-slider-arrows="true" data-slider-buttons="true"&gt;
      &lt;div class="sp-slides"&gt;
      &lt;!-- Slide 1--&gt;
          &lt;div class="sp-slide"&gt;
              &lt;img class="sp-image" data-large="assets/media/components/b-main-slider/bg-1.jpg" src="assets/media/components/b-main-slider/bg-2.jpg" alt="slider" /&gt;
               &lt;div class="container"&gt;
                   &lt;div class="row"&gt;
                       &lt;div class="col-sm-10 col-sm-offset-1"&gt;
                           &lt;div class="main-slider__info sp-layer" data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="2000" data-show-delay="1200" data-hide-delay="1200"&gt;welcome to koka&lt;/div&gt;
                           &lt;div class="main-slider__title sp-layer" data-width="100%" data-show-transition="left" data-hide-transition="left" data-show-duration="2000" data-show-delay="1200" data-hide-delay="1200"&gt;
  
                               &lt;div class="typed-strings"&gt;
  
                                   &lt;ul&gt;
                                       &lt;li&gt;welcome to &lt;span class="main-slider__title-emphasis"&gt;WELCOME&lt;/span&gt;&lt;/li&gt;
                                       &lt;li&gt;PROFITABLE &lt;span class="main-slider__title-emphasis"&gt;DIGITAL MARKETING&lt;/span&gt;&lt;/li&gt;
                                   &lt;/ul&gt;
  
                                &lt;/div&gt;
  
                            &lt;/div&gt;
  
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>Basically the images from the slider are shown only on the left side (70% of the slide). While in the right side of the slide, there is an empty space. (30%)</p>