/* Smartphones (portrait and landscape) ----------- */ @import url("site-layout_mobiles-styles.css") screen and (min-device-width:320px) and (max-device-width:480px); /* iPads (portrait and landscape) ----------- */ @import url("site-layout_mobiles-styles.css") screen and (min-device-width:768px) and (max-device-width:1024px); /* iPads (landscape) ----------- */ @import url("site-layout_mobiles-styles.css") screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape); /* iPads (portrait) ----------- */ @import url("site-layout_mobiles-styles.css") screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait); /* iPhone 4 ----------- */ @import url("site-layout_mobiles-styles.css") screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5);