title: Media queries between two resolutions
body: <p>I was searching how to make that a hidden section shows up to user if the resolution of his/her screen is like this:</p>
  
  <p>if width &lt; 1024px and height &lt; 640px</p>
  
  <p>and min width 1440px and height &lt; 900px</p>
  
  <p>then show the div.</p>
  
  <p>I've been struggling with min-widths, max-heights, but no luck on this. </p>
  
  <p>For example:
  @media screen (max-width: 1023px) and (max-height: 639px), and (min-width: 1440px) and (max-height: 899px)</p>
  
  <p>But it doesn't work, as expected while I was building it.</p>
  
  <p>Any ideas on how to achieve that?</p>