title: @media query does not resize
body: <p>I want to make one part of the page responsive. But I cant get it working.
  Only the media query with <code>1920px</code> works. </p>
  
  <p>this is my code:</p>
  
  <pre class="lang-css prettyprint-override"><code>@media screen and (max-width: 1440px) and (min-width: 1350px) {
          #designer-info {
      margin-right: -129px;
      }
  }    
  @media screen and (max-width: 1920px) and (min-width: 1700px) {
          #designer-info{
          margin-right:-8%;
      }
  }  
  @media screen and (max-width: 2880px) and (min-width: 1920px) {
          #designer-info {
      margin-right: -430px;
      }
  }
  </code></pre>
  
  <p>Could somebody help me. i cant find the solution.</p>