/* 
Media Queries & Other Advanced Features (Optional) 
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
http://themble.com/documentation/bones-documentation/
*/  

/* Smartphones (portrait and landscape) */ 
@media 
only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

} 

/* Smartphones (landscape) */ 
@media 
only screen 
and (min-width : 321px) { 

} 

/* Smartphones (portrait) */ 
@media 
only screen 
and (max-width : 320px) { 

} 

/* iPads (portrait and landscape) */ 
@media 
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

} 

/* iPads (landscape) */ 
@media 
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

} 

/* iPads (portrait) */ 
@media 
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

} 

/* iPhone 4 and high pixel ratio devices */ 
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 

}

/* Desktops and laptops */ 
@media only screen 
and (min-width : 1224px) { 

} 

/* Large screens */ 
@media only screen 
and (min-width : 1824px) { 

} 

/* small screens (netbook) */ 
@media only screen 
and (min-width : 987px) { 

}