3 @media handheld and screen {
8 //* Smartphones (portrait and landscape) ----------- */
9 @media only screen and (min-device-width: 320px)
10 and (max-device-width: 480px) {
15 //* Smartphones (landscape) ----------- */
16 @media only screen and (min-width: 321px) {
21 //* Smartphones (portrait) ----------- */
22 @media only screen and (max-width: 320px) {
27 //* iPads (portrait and landscape) ----------- */
28 @media only screen and (min-device-width: 768px)
29 and (max-device-width: 1024px) {
34 //* iPads (landscape) ----------- */
35 @media only screen and (min-device-width: 768px)
36 and (max-device-width: 1024px)
37 and (orientation: landscape) {
42 //* iPads (portrait) ----------- */
43 @media only screen and (min-device-width: 768px)
44 and (max-device-width: 1024px)
45 and (orientation: portrait) {
50 //* Desktops and laptops ----------- */
51 //adjusted to 1024 from 1224.
52 //not everybody has a fucking big screen ffs
53 @media only screen and (min-width: 1024px) {
58 //* Large screens - */
59 @media only screen and (min-width: 1520px) {
64 //* iPhone 4 ----------- */
65 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
66 only screen and (min-device-pixel-ratio: 1.5) {