title: @media query not working for iPad in Portrait
body: <p>I have the following media queries... The Landscape media query is always taking precedence. I tried changing the order of these thinking that if the Portrait one was first it would take precedence, but that did not work. In fact, even when I remove the Landscape media query completely and just leave the Portrait it doesn't work, so it seems like the Portrait media query is broken somehow :S</p>
  
  <p>Here are my two queries:</p>
  
  <pre><code>/* iPad Retina, landscape */
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 
  #container {
   width: 995px !important;
  }
  
  
  #currentroom_convo {
      -webkit-overflow-scrolling: touch;
      overflow-y: auto !important;
     overflow-x: hidden !important;
  }
  
  .slimScrollBar .ui-draggable {
     opacity: 0 !important;
   }
  
  }
  
  
  /* iPad Retina, portrait*/
  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 2)  { 
  
  #container {
   width: 300px !important;
  }
  
  
  
  #currentroom_convo {
      -webkit-overflow-scrolling: touch;
      overflow-y: auto !important;
      overflow-x: hidden !important;
  }
  
  .slimScrollBar .ui-draggable {
     opacity: 0 !important;
   }
  
   div .topbar {
      max-width: 300px !important;
      }
  
  }
  </code></pre>
  
  <p>I have this meta tag in my header:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui, user-scalable=no"&gt;
  </code></pre>
  
  <p>Please note I am using the !important as I need to override some other CSS from a third-party plugin. Removing !important in the landscape query results in no change to the #container element (still doesn't even pick up the Portrait query).</p>
  
  <p>I have tried searching around here but none of the answers seemed to work for me. Thanks :)</p>