title: Microsoft Edge, media query doesn't work correctly
body: <p><br>
  I tested this media query successfully on Google Chrome but somehow Microsoft Edge has issues with it. Is something wrong with these queries? Or is it just a bug in Microsoft Edge?
  <br><br>
  <strong>UPDATE:</strong> <br>It looks like Edge needs a Class without Media Query, so I added <code>.height-fix{height:650px}</code> and it works.</p>
  
  <pre><code>@media all and (min-width:875px) and (max-width:980px) { 
  .height-fix { 
    height : 610px; 
    } 
  } 
  
  @media all and (min-width:768px) and (max-width:875px) { 
  .height-fix { 
    height : 575px; 
    } 
  } 
  
  @media (max-height:768px) and (min-width:1366px) and (max-width:1366px) { 
  .height-fix { 
    height : 520px !important ; 
    } 
  } 
  </code></pre>
  
  <p>This is the media query that doesn't work it should target devices with a <code>height</code> <em>OVER</em> 768px and a <code>width</code> <em>OVER</em> 1367px:</p>
  
  <pre><code>@media (min-height:768px) and (min-width:1367px) { 
  .height-fix { 
    height : 650px; //this line doesn't apply
    } 
  } 
  </code></pre>