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

}
Between 320px and 480px

High resolution desktops

@media (min-width: 1281px) {
    
	//CSS here

}
1281px to higher resolution desktops

Laptops and desktops

@media (min-width: 1025px) and (max-width: 1280px) {

	//CSS here

}
Between 1025px and 1280px

Tablets and iPads (Portrait)

@media (min-width: 768px) and (max-width: 1024px) {

	//CSS here

}
Between 768px and 1024px

Tablets and iPads (Landscape)

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	//CSS here

}
Between 768px and 1024px

Low resolution tablets and mobiles (Landscape)

@media (min-width: 481px) and (max-width: 767px) {

	//CSS here

}
Between 481px and 767px