/* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { body { .banner { height: 100%; .showcase_content { width: 100%; left: 0px; .left_side_wrapper { position: relative; display: block; &:first-child { display: none; } h1 { margin: 20px 0; } } } .showcase_img { display: none; } } .content_wrapper { padding-left: 0px; padding-right: 0px; .body_right { padding-top: 15px; } } #contact_banner { padding-top: 20px; padding-bottom: 20px; text-align: center; .container { padding-left: 0px; padding-right: 0px; } } } } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { body { .banner { height: 100%; .showcase_content { width: 100%; left: 0px; .left_side_wrapper { position: relative; display: block; &:first-child { display: none; } h1 { margin: 20px 0; } } } .showcase_img { display: none; } } .content_wrapper { padding-left: 0px; padding-right: 0px; .body_right { padding-top: 15px; } } #contact_banner { padding-top: 20px; padding-bottom: 20px; text-align: center; .container { padding-left: 0px; padding-right: 0px; } } } } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { body { .banner { height: 100%; .showcase_content { width: 100%; left: 0px; .left_side_wrapper { position: relative; display: block; &:first-child { display: none; } h1 { margin: 20px 0; } } } .showcase_img { display: none; } } } } /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { body { .banner { height: 100%; .showcase_content { width: 100%; left: 0px; .left_side_wrapper { position: relative; display: block; &:first-child { display: none; } h1 { margin: 20px 0; } } } .showcase_img { display: none; } } .content_wrapper { padding-left: 0px; padding-right: 0px; .body_right { padding-top: 15px; } } #contact_banner { padding-top: 20px; padding-bottom: 20px; text-align: center; .container { padding-left: 0px; padding-right: 0px; } } footer { &#global_footer { ul { li { display: block; margin-right: 0; } } } } } } /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { body { .banner { .showcase_content { left: 15px; } } .content_wrapper { height: 100%; width: 100%; padding: 0; } } } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { body { .banner { .showcase_content { width: 100%; left: 0px; } .showcase_img { display: none; } } } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { body { .banner { .showcase_content { left: 15px; } } .content_wrapper { height: 100%; width: 100%; padding: 0; } } } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { body { .banner { .showcase_content { width: 100%; left: 0px; } .showcase_img { display: none; } } } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { }