title: setting breakpoints in sass with min and max width
body: <p>Hey guys i am trying to work on a responsive layout but somehow i am not able to fix the min width for this one.</p>
  
  <pre><code>$mobile: new-breakpoint(max-width 480px 4);
  $tablet: new-breakpoint(max-width 768px 8);
  $desktop: new-breakpoint(max-width 1336px 10);
  $desktopxl: new-breakpoint(max-width 1550px 10);
  </code></pre>
  
  <p>somehow i want the <code>$desktopxl</code> to be only used between <code>1337px</code> and <code>1550px</code>
  But <code>i am not able to set the min width</code>. please help me.
  thanks. ps: **i tried</p>
  
  <pre><code> $desktopxl: new-breakpoint((max-width: 699px) and (min-width: 520px)10);
  </code></pre>
  
  <p><strong>But it didnt work.</strong></p>