Responsive web design using CSS3 Media Queries

Portrait Tablet
@media (min-width: 481px) and (max-width: 768px){}



Landscape smart phone
@media (min-width: 321px) and (max-width: 480px){}


Portrait smart phone
@media (max-width: 320px){}