Responsive Web Design - Media Queries
Mobile (up to 767px)
If the browser window is 767px or smaller
@media only screen and (max-width: 767px) {
}Tablet (768px to 1024px)
If the browser window is between 768px and 1024px
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}Desktop (1025px and up)
If the browser window is 1025px or wider
@media only screen and (min-width: 1025px) {
}