Cacher is the code snippet organizer for pro developers

/*mobile portrait*/
@media (max-width: 320px) {
  .class {}
}

/*mobile landscape*/
@media (min-width:321px) and (max-width:480px) {
  .class {}
}

/*tablet portrait & small landscape*/
@media (min-width:481px) and (max-width:768px) {
  .class {}
}

/*tablet landscape*/
@media (min-width:768px) and (max-width:1069px) {
  .class {}
}

/*"regular" screens*/
@media (min-width:1070px) {
  .class {}
}

mobile portrait: 320
mobile landscape: 480
small tablet portrait: 600
small tablet landscape: 800
tablet portrait: 768
tablet landscape: 1024