Responsive web design using media screen CSS

/* Smaller Smartphones */
@media screen and (max-width: 480px) {
... CSS Code ...
}

/* Tablets & Larger Smartphones */
@media screen and (min-width: 481px) and (max-width: 768px) {
... CSS Code ...
}

/* Laptops & Larger Tablets in Landscape & Small Desktops */
@media screen and (min-width: 769px) and (max-width: 1279px) {
... CSS Code ...
}

/* Larger Desktops & Monitors */
@media screen and (min-width: 1280px) {
... CSS Code ...
}