media-queries für smartphone portrait -, Landschafts-und desktop?

Ich versuche zu verschiedene media-queries für smartphone-Orientierung und desktop -, ich will den Gegner portrait und Landschaft. Ich bin mir bewusst, alle anderen stack-links so:

Medien-Abfrage, um den Gegner die meisten smartphone
3 media queries für iphone portrait -, Landschafts-und ipad-portrait

Aber ich bin immer noch Probleme, meine Landschaft nicht arbeiten, dies ist der code, den ich verwende:

Desktop css first
   -- csss for desk --

Portrait:

   @media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
   body {
      padding: 0 !important;
   }
   .infoShowWrapper {
      width: 268px;
  }
   .heroImage {
      margin-top: 0;
      height: 200px;
      width: 100%;
      background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
  }
  .navbar-fixed-top {
      margin: 0 !important;
  }
  .box-item {
      width: 280px;
  }
  .seaBkg {
      background-image: url(assets/images/mare_2x.jpg);
  }
}

Landscape:

   @media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
   body {
       padding: 0 !important;
   }
   .heroImage {
       margin-top: 0;
       height: 200px;
       width: 100%;
       background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
   }
   .navbar-fixed-top {
       margin: 0 !important;
   }
   .box-item {
       width: 440px;
   }
   .infoShowWrapper {
       width: 440px;
   }
   .seaBkg {
       background-image: url(assets/images/mare_2x.jpg);
   }
}

Die Landschaft-code ist wie nicht auch als