title: media queries not working in my code
body: <p>I've gone through all the help links for my problem with no results.  I am 
  trying to get my media queries working for IPHONE 6.</p>
  
  <p>Nothing happens.</p>
  
  <p>I have a meta tag:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width" /&gt;
  </code></pre>
  
  <p>Here are my link rel statements</p>
  
  <pre><code>   &lt;link rel="stylesheet" media="all and (orientation:portrait)"      href="portrait.css" /&gt;
      &lt;link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css" /&gt;  
  
  &lt;link href="cliff.css" rel="stylesheet" type="text/css" /&gt; 
  </code></pre>
  
  <p>here are my media queries:</p>
  
  <pre><code>@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)
  {
  .calendar
  {width:70%;}    
  }
      @media only screen and (min-device-width: 414x) and (max-device-width: 425px) { iPhone6+ Styles }
  {
  .calendar
  {width:85%;}
  .content
  {float:none; width:100%;}
  .sidebar1 {
  display:none;}
  .header {display:none;}
  .maincontent {text-align:left;}
  
  }
  
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) 
  {
  .calendar
  {width:85%;}
  .content
  {float:none; width:100%;}
  .sidebar1 {
  display:none;}
  .header {display:none;}
  .maincontent {text-align:left;}
  
  }
  
  @media only screen and (min-device-width: 359px) and (max-device-width: 361px) { iPhone6+ Alt Styles }
  {
  .calendar
  {width:85%;}
  .content
  {float:none; width:100%;}
  .sidebar1 {
  display:none;}
  .header {display:none;}
  .maincontent {text-align:left;}
  
  }
  @media only screen and (min-device-width: 319px) and (max-device-width: 480px) { iPhone5 or less Styles }
  {
  .calendar
  {width:85%;}
  .content
  {float:none; width:100%;}
  .sidebar1 {
  display:none;}
  .header {display:none;}
      .maincontent {text-align:left;}
  
  }
  </code></pre>
  
  <p>I've put the media queries in each css file.<br>
  I've tried various max-width and max-height values recommended in my searches.</p>
  
  <p>Nothing works. What am I missing?</p>