title: Slick carousel not responsive (and wider than page)
body: <p>I'm trying to use <em>Slick carousel</em> in my website, but I've been having some problems with its width. </p>
  
  <p>When I load the page, it fits the div well, but, when I minimize the window, it stays with the same width, creating an horizontal scroll bar. Besides, the right arrow gets outside of the bounds of the page content.</p>
  
  <p>I've tried to use <em>OWL Carousel</em> before and ended up with the same problem (and others more). Does any of you has any idea of what this might be?</p>
  
  <p>Edit: I've realised that the carousel stays with a fixed width when the screen reaches 963px of width. I use @media queries in my CSS and one of them is for 963px or smaller screens. This is probably related, I just don't know how yet.</p>
  
  <p>Another edit: Slick-track width, in my screen (1280px), is 6000px. As I start to decrease the width of the screen, this number decreases as well, until the screen reaches 963px, then this number jumps to 7200px and gets wider than the outer div. 
  Slick-track is inside the carousel's divs, which is inside the following divs: content, wrapper, body and html.
  I've just put everything in a fiddle: /pris0213/ovov7xwx/. Notice that the wrapper has max-width of 1500px; that's the width that the divs get when the screen gets smaller (962px or less).</p>