img {
  max-width: 100%;
}

@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops

  */
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}

@media screen and (max-width: 800px) {
  /* specific CSS */
}


@media screen and (max-width: 479px) {
  /* specific CSS */
}