There are loads of articles on the media queries and it can sometimes be a bit of a mission to get one's hands on CSS required to target various screen sizes on different devices.
Mobile devices
@media (min-width: 320px) and (max-width: 480px) {
//CSS here
}High resolution desktops
@media (min-width: 1281px) {
//CSS here
}Laptops and desktops
@media (min-width: 1025px) and (max-width: 1280px) {
//CSS here
}Tablets and iPads (Portrait)
@media (min-width: 768px) and (max-width: 1024px) {
//CSS here
}Tablets and iPads (Landscape)
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
//CSS here
}Low resolution tablets and mobiles (Landscape)
@media (min-width: 481px) and (max-width: 767px) {
//CSS here
}