title: Getting wrong dot counts in Owl Carousel 2.3.4
body: <p>I am getting wrong dot count with Owl Carousel when I remove auto width it worked fine but when I set auto width it getting me wrong dot count.</p>
  
  <p>The wrong Count like I set a total of 8 images on my carousel and it shows me 8 dots instance of 4(I set setting like items: 2, and slideBy: 2)</p>
  
  <p><a href="https://jsfiddle.net//vsnpq9u0/17" rel="nofollow noreferrer">LIVE Demo</a> : Check with Desktop Resolution. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id=”client-testimonialslider” class="owl-carousel owl-theme"&gt;
      &lt;div class="item"&gt;&lt;h4&gt;1&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;2&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;3&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;4&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;5&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;6&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;7&lt;/h4&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;h4&gt;8&lt;/h4&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>
  
  <pre><code>$(document).ready(function(){
  $('#client-testimonialslider').owlCarousel({
      rtl:true,
      loop:true,
      nav:false,
      margin:30,
      items: 2,
      slideBy: 2,
      itemsDesktopSmall : [900,1], // betweem 900px and 601px
      itemsTablet: [700,1], // 2 items between 600 and 480
      itemsMobile : [479,1] , // 1 item between 479 and 0
      autoplay:true,
      autoplayTimeout:10000,
      responsive:{
         0:{
              items:1,
              slideBy: 1
          },
          600:{
              items:1,
              slideBy: 1
          },
          992:{
              items:2,
              slideBy: 1,
              autoWidth:true
          },
          1201:{
              items:3,
              autoWidth:true
          },
          1400:{
              items:1,
              autoWidth:true
          },
          1600:{
              items:3,
              autoWidth:true
          },
          1800:{
              items:3,
              autoWidth:true
          },
          2000:{
              items:4,
              autoWidth:true
          }
      }
  });
  });
  </code></pre>
  
  <p>Please help me to fix this issue.</p>
  
  <p>Thank you in advance.</p>