Create a #Responsive Web Design with #MediaQueries
▻http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries
The next most popular resolution under #960px width is #768px to cater for portrait tablet screens. This Typo design is built using a grid, so to stay true to the layout we can simply remove a column to leave a width of 758px. The original layout can then be narrowed down to fit by reducing the margin on the content div as well as reducing the overall width of the sidebar.
3 #breakpoints
@media screen and (max-width: 960px)
@media screen and (max-width: 758px)
@media screen and (max-width: 524px)