/* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { // CSS Styles } iPad In Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { // CSS Styles } iPad In Portrait /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { // CSS Styles } Retina Display iPads To target iPad 3 and 4 you need to check for the device pixel ratio. Retina iPad In Portrait & Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { // CSS Styles } Retina iPad in landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { // CSS Styles } Retina iPad in portrait /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { // CSS Styles } iPad 1 & 2 Media Queries /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ If you want to target iPads 1 and 2 then you need to check for devices with a lower pixel ratio. iPad 1 & 2 In Portrait & Landscape @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPad 1 & 2 In Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPad 1 & 2 In Portrait /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPad Mini Media Queries The iPad Mini has the same resolution and pixel ratio as the iPad 1 & 2. iPad Mini In Portrait & Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPad Mini In Landscape @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPad Mini In Portrait /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { // CSS Style } iPhone 5 In Portrait & Landscape @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { // CSS Style } iPhone 5 In Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { // CSS Style } iPhone 5 In Portrait /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { // CSS Style } iPhone 2G-4S In Portrait & Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { // CSS Style } iPhone 2G-4S In Landscape /* iPad In Portrait & Landscape --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { // CSS Style } /* iPhone 2G-4S In Portrait --------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { // CSS Style }