@media only screen and (min-device-width: 800px) and (orientation: portrait) {
  .test {
		background-color: #5983de;
  }
  #device:after {
    content: "Nexus 7 - portrait - firefox";
  }
}
@media screen and (min-device-width : 602px) and (orientation: portrait) {
  .test {
		background-color: #6dd974;
  }
  #device:after {
    content: "Nexus 7 - portrait - chrome";
  }
}
@media only screen and (min-device-width : 1280px) and (orientation: landscape) {
  .test {
		background-color: #7c8226;
  }
  #device:after {
    content: "Nexus 7 - landscape - firefox";
}
@media only screen and (min-device-width : 966px) and (orientation: landscape) {
  body {
    /*background-color: #008000;*/
  }
  .test {
		background-color: #832879;
  }
  #device:after {
    content: "Nexus 7 - landscape - chrome";
}