media query min and max width for all devices
@media only screen and (max-width: 480px) and (min-width: 320px) {
/* mobile-devices */
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
/* iPads, Tablets */
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
/* small screens, laptops */
}
@media only screen and (min-width: 1024px) {
/* Desktops, large screens */
}