mediaqueries pattern..

gistfile1.txt

@media all and (max-width: 1024px) {
   /* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 768px) {
   /* styles for narrower desktop browsers and iPad portrait */
}

@media all and (max-width: 480px) {
   /* styles for iPhone/Android landscape (and really narrow browser windows) */
}

@media all and (max-width: 320px) {
   /* styles for iPhone/Android portrait */
}

@media all and (max-width: 240px) {
   /* styles for smaller devices */
}