Device Screen Breakpoints

Goo Brekpoints reference:

media queries for common device breakpoints

 

Here is what I found most helpful:
/* iPhone 5 and smaller———– */
@media screen and (max-width: 767px){
}
/* iPads (portrait) ———– */
@media screen and (min-width : 768px) and (max-width : 1024px) {
}
/* Desktops and laptops ———– */
@media only screen and (min-width : 1224px) {
}
/* Large screens ———– */
@media only screen and (min-width : 1824px) {
}