Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* my family you tings FIX CSS*/
- #Field-numberInput,
- #Field-expiryInput,
- #Field-cvcInput {
- height: 65px;
- width: 100%;
- position: relative;
- display: initial;
- font-size:18px;
- }
- .woocommerce-content-box.full-width {
- padding: 8px;
- }
- /*==================================================
- = Bootstrap 3 Media Queries =
- ==================================================*/
- /*========== Mobile First Method ==========*/
- /* Custom, iPhone Retina */
- @media only screen and (min-width : 320px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 360px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 375px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 415px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 480px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 643px) {
- }
- /* Small Devices, Tablets */
- @media only screen and (min-width : 768px) {
- }
- /* Medium Devices, Desktops */
- @media only screen and (min-width : 992px) {
- }
- /* Medium Devices, Desktops */
- @media only screen and (min-width : 1024px) {
- }
- /* Large Devices, Wide Screens */
- @media only screen and (min-width : 1200px) {
- }
- /* Large Devices, Wide Screens */
- @media only screen and (min-width : 1280px) {
- }
- /* Large Devices, Wide Screens */
- @media only screen and (min-width : 1440px) {
- }
- /*=====================================================
- = Bootstrap 2.3.2 Media Queries =
- =====================================================*/
- /* Large Devices, Wide Screens */
- @media only screen and (min-width : 1440px) {
- }
- /* Large Devices, Wide Screens */
- @media only screen and (max-width : 1280px) {
- }
- /* Large Devices, Wide Screens */
- @media only screen and (max-width : 1200px) {
- }
- /* Medium Devices, Desktops */
- @media only screen and (max-width : 1024px) {
- }
- /* Medium Devices, Desktops */
- @media only screen and (max-width : 992px) {
- }
- /* Small Devices, Tablets */
- @media only screen and (max-width : 768px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (max-width : 643px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (max-width : 480px) {
- }
- /* Extra Small Devices, Phones */
- @media only screen and (min-width : 415px) {
- html #main {
- padding: 10px !important;
- }
- }
- /* Extra Small Devices, Phones */
- @media only screen and (max-width : 375px) {
- }
- /* Custom, iPhone Retina */
- @media only screen and (max-width : 360px) {
- }
- /* Custom, iPhone Retina */
- @media only screen and (max-width : 320px) {
- }
- /* ----------- iPhones ----------- */
- /*
- Based on:
- 1. http://stephen.io/mediaqueries
- 2. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
- */
- /* ----------- 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) {
- }
- /* Portrait */
- @media only screen
- and (min-device-width: 320px)
- and (max-device-width: 480px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: portrait) {
- }
- /* Landscape */
- @media only screen
- and (min-device-width: 320px)
- and (max-device-width: 480px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: landscape) {
- }
- /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
- /* Portrait and Landscape */
- @media only screen
- and (min-device-width: 320px)
- and (max-device-width: 568px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /* Portrait */
- @media only screen
- and (min-device-width: 320px)
- and (max-device-width: 568px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: portrait) {
- }
- /* Landscape */
- @media only screen
- and (min-device-width: 320px)
- and (max-device-width: 568px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: landscape) {
- }
- /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
- /* Portrait and Landscape */
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 667px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*==================================================
- = iPhone 6, 6S, 7 and 8 Portrait =
- ==================================================*/
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 667px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: portrait) {
- }
- /*==================================================
- = iPhone 6, 6S, 7 and 8 Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 667px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (orientation: landscape) {
- }
- /*
- _ _____ _ ___ _ ___ _ _ ___ _
- |_| _ | |_ ___ ___ ___ | _|_| |_ |_ |_| |_ ___ ___ _| | | . |_| |_
- | | __| | . | | -_| | . |_ _| _ | |_ _| | .'| | . | | . |_ _|
- |_|__| |_|_|___|_|_|___| |___| |_| | | |_| |_| |__,|_|_|___| |___| |_|
- |_|
- iPhone 6+, 7+ and 8+ */
- /*==================================================
- = iPhone 6+, 7+ and 8+ Portrait and Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 414px)
- and (max-device-width: 736px)
- and (-webkit-min-device-pixel-ratio: 3) {
- }
- /*==================================================
- = iPhone 6+, 7+ and 8+ Portrait =
- ==================================================*/
- @media only screen
- and (min-device-width: 414px)
- and (max-device-width: 736px)
- and (-webkit-min-device-pixel-ratio: 3)
- and (orientation: portrait) {
- }
- /*==================================================
- = iPhone 6+, 7+ and 8+ Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 414px)
- and (max-device-width: 736px)
- and (-webkit-min-device-pixel-ratio: 3)
- and (orientation: landscape) {
- }
- /*
- _ _____ _ __ __
- |_| _ | |_ ___ ___ ___ | | |
- | | __| | . | | -_| |- -|
- |_|__| |_|_|___|_|_|___| |__|__|
- iPhome X */
- /*==================================================
- = iPhone X Portrait and Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 812px)
- and (-webkit-min-device-pixel-ratio: 3) {
- }
- /*==================================================
- = iPhone X Portrait =
- ==================================================*/
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 812px)
- and (-webkit-min-device-pixel-ratio: 3)
- and (orientation: portrait) {
- }
- /*==================================================
- = iPhone X Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 375px)
- and (max-device-width: 812px)
- and (-webkit-min-device-pixel-ratio: 3)
- and (orientation: landscape) {
- }
- /*==================================================
- = Old versions for iPhones =
- ==================================================*/
- /*
- iPhone 2G, 3G, 4, 4S Media Queries
- It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
- */
- /*==================================================
- = iPhone 2G-4S in portrait & landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 320px)
- and (max-device-width : 480px) {
- }
- /*==================================================
- = iPhone 2G-4S in landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 320px)
- and (max-device-width : 480px)
- and (orientation : landscape) {
- }
- /*==================================================
- = iPhone 2G-4S in portrait =
- ==================================================*/
- @media only screen
- and (min-device-width : 320px)
- and (max-device-width : 480px)
- and (orientation : portrait) {
- }
- /*
- _ _____ _____ ____ _____
- |_| _ | _ | \| __|
- | | __| | | |__ |
- |_|__| |__|__|____/|_____|
- iPads */
- /*==================================================
- = iPad in portrait & landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px) {
- }
- /*==================================================
- = iPad in landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : landscape) {
- }
- /*==================================================
- = iPad in portrait =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : portrait) {
- }
- /*
- _ _____ _ ___ _ _____ _ ___
- |_| _ |___ _| | |_ | |_| _ |___ _| | |_ |
- | | __| .'| . | _| |_ _ | | __| .'| . | | _|
- |_|__| |__,|___| |_____| |_| |_|__| |__,|___| |___|
- _ _____ _ _ _ _ _____ _
- |_| _ |___ _| | _____|_|___|_| ___ ___ _| | | _ |_|___
- | | __| .'| . | | | | | | | .'| | . | | | | _|
- |_|__| |__,|___| |_|_|_|_|_|_|_| |__,|_|_|___| |__|__|_|_|
- iPad 1, 2, Mini and Air */
- /* Portrait and Landscape */
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /* Portrait */
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (orientation: portrait)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /* 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, 4 and Pro 9.7" ----------- */
- /* Portrait and Landscape */
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /* Portrait */
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (orientation: portrait)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /* Landscape */
- @media only screen
- and (min-device-width: 768px)
- and (max-device-width: 1024px)
- and (orientation: landscape)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*
- _ _____ _ _____ ___ ___ ___
- |_| _ |___ _| | | _ |___ ___ |_ | | | | _|
- | | __| .'| . | | __| _| . | _| |_| | | _ |_ |
- |_|__| |__,|___| |__| |_| |___| |_____|___| |_| |___|
- iPad Pro 10.5 */
- /* Portrait and Landscape */
- @media only screen
- and (min-device-width: 834px)
- and (max-device-width: 1112px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /* Portrait */
- /* Declare the same value for min- and max-width to avoid colliding with desktops */
- /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
- @media only screen
- and (min-device-width: 834px)
- and (max-device-width: 834px)
- and (orientation: portrait)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /* Landscape */
- /* Declare the same value for min- and max-width to avoid colliding with desktops */
- /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
- @media only screen
- and (min-device-width: 1112px)
- and (max-device-width: 1112px)
- and (orientation: landscape)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*
- _ _____ _ _____ ___ ___ ___
- |_| _ |___ _| | | _ |___ ___ |_ | |_ | | . |
- | | __| .'| . | | __| _| . | _| |_| _| _ |_ |
- |_|__| |__,|___| |__| |_| |___| |_____|___| |_| |___|
- iPad Pro 12.9 */
- /*==================================================
- = iPad Pro 12.9 Portrait and Landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 1024px)
- and (max-device-width: 1366px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*==================================================
- = iPad Pro 12.9 Portrait =
- ==================================================*/
- /* Declare the same value for min- and max-width to avoid colliding with desktops */
- /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
- @media only screen
- and (min-device-width: 1024px)
- and (max-device-width: 1024px)
- and (orientation: portrait)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*==================================================
- = iPad Pro 12.9 Landscape =
- ==================================================*/
- /* Declare the same value for min- and max-width to avoid colliding with desktops */
- /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
- @media only screen
- and (min-device-width: 1366px)
- and (max-device-width: 1366px)
- and (orientation: landscape)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*
- _____ _____ __ _____ __ __ _ _____ _____ _____ _____ _____ _____
- | __| _ | | | _ | | |_| | _ | | | | | | __| __|
- | | | | |__| |- -| | | __| | | | | | | __|__ |
- |_____|__|__|_____|__|__|__|__|_| |__| |__|__|_____|_|___|_____|_____|
- Galaxi Phones */
- /*==================================================
- = Galaxy S3 portrait and landscape =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 2) {
- }
- /*==================================================
- = Galaxy S3 portrait =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 2)
- and (orientation: portrait) {
- }
- /*==================================================
- = Galaxy S3 landscape =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 2)
- and (orientation: landscape) {
- }
- /*==================================================
- = Galaxy S4 portrait and landscape =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3) {
- }
- /*==================================================
- = Galaxy S4 portrait =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: portrait) {
- }
- /*==================================================
- = Galaxy S4 landscape =
- ==================================================*/
- @media screen
- and (device-width: 320px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: landscape) {
- }
- /*==================================================
- = Galaxy S5 portrait and landscape =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3) {
- }
- /*==================================================
- = Galaxy S5 portrait =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: portrait) {
- }
- /*==================================================
- = Galaxy S5 landscape =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: landscape) {
- }
- /*
- _____ _____ _____ _____ _____ _____
- | | |_ _| | | | | | __|
- | | | | | --| | | | | | | __|
- |__|__| |_| |_____| |_____|_|___|_____|
- HTC One */
- /*==================================================
- = HTC One portrait and landscape =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3) {
- }
- /*==================================================
- = HTC One portrait =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: portrait) {
- }
- /*==================================================
- = HTC One landscape =
- ==================================================*/
- @media screen
- and (device-width: 360px)
- and (device-height: 640px)
- and (-webkit-device-pixel-ratio: 3)
- and (orientation: landscape) {
- }
- /*
- iPad 3 & 4 Media Queries
- If you're looking to target only 3rd and 4th generation Retina iPads
- (or tablets with similar resolution) to add @2x graphics,
- or other features for the tablet's Retina display, use the following media queries.
- As regras de cima determinam que se você precisa de uma determinada regra de media querie
- para Tablets de 3° ou 4° Geração ou tablets com resoluções similares a estes dois exemploes
- para adicionar tipografia ou graficos com uma maior qualidade de resolução, use as regras abaixo.
- */
- /*==================================================
- = Retina iPad in portrait & landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*==================================================
- = Retina iPad in landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : landscape)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*==================================================
- = Retina iPad in portrait =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : portrait)
- and (-webkit-min-device-pixel-ratio: 2) {
- }
- /*
- iPad 1 & 2 Media Queries
- If you're looking to supply different graphics or choose different typography
- for the lower resolution iPad display, the media queries below will work
- like a charm in your 😘 responsive design ! ❤️🔥
- Sobre a descrição acima: as regras definidas abaixo farão com que uma determinada
- tipografia ou imagens em alta resolução trabalhem bem com a baixa resolução dos
- iPads nas verões 1 e 2.
- */
- /*==================================================
- = 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) {
- }
- /*==================================================
- = iPad 1 & 2 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) {
- }
- /*==================================================
- = iPad 1 & 2 in portrait =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : portrait)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /*==================================================
- = iPad mini in portrait & landscape =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /*==================================================
- = 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) {
- }
- /*==================================================
- = iPad mini in portrait =
- ==================================================*/
- @media only screen
- and (min-device-width : 768px)
- and (max-device-width : 1024px)
- and (orientation : portrait)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /*
- _____ _____ __ _____ __ __ _ _____ _____ _____ _____
- | __| _ | | | _ | | |_| |_ _| _ | __ | __|
- | | | | |__| |- -| | | | | | __ -|__ |
- |_____|__|__|_____|__|__|__|__|_| |_| |__|__|_____|_____|
- Galaxi Tabs */
- /*==================================================
- = Galaxy Tab 10.1 portrait and landscape =
- ==================================================*/
- @media
- (min-device-width: 800px)
- and (max-device-width: 1280px) {
- }
- /*==================================================
- = Galaxy Tab 10.1 portrait =
- ==================================================*/
- @media
- (max-device-width: 800px)
- and (orientation: portrait) {
- }
- /*==================================================
- = Galaxy Tab 10.1 landscape =
- ==================================================*/
- @media
- (max-device-width: 1280px)
- and (orientation: landscape) {
- }
- /*
- _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
- | _ | __| | | __| | _ | | | | | | __| __|
- | |__ | | |__ | | __| | | | | | | __|__ |
- |__|__|_____|_____|_____| |__| |__|__|_____|_|___|_____|_____|
- ASus Phones*/
- /*==================================================
- = Asus Nexus 7 portrait and landscape =
- ==================================================*/
- @media screen
- and (device-width: 601px)
- and (device-height: 906px)
- and (-webkit-min-device-pixel-ratio: 1.331)
- and (-webkit-max-device-pixel-ratio: 1.332) {
- }
- /*==================================================
- = Asus Nexus 7 portrait =
- ==================================================*/
- @media screen
- and (device-width: 601px)
- and (device-height: 906px)
- and (-webkit-min-device-pixel-ratio: 1.331)
- and (-webkit-max-device-pixel-ratio: 1.332)
- and (orientation: portrait) {
- }
- /*==================================================
- = Asus Nexus 7 landscape =
- ==================================================*/
- @media screen
- and (device-width: 601px)
- and (device-height: 906px)
- and (-webkit-min-device-pixel-ratio: 1.331)
- and (-webkit-max-device-pixel-ratio: 1.332)
- and (orientation: landscape) {
- }
- /*
- _____ _ _____ ____ __ _____
- | | |_| | | \| | | __|
- | -| | | | | | | |__| __|
- |__|__|_|_|___|____/|_____|_____|
- Kindle */
- /*==================================================
- = Kindle Fire HD 7" portrait and landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 800px)
- and (max-device-width: 1280px)
- and (-webkit-min-device-pixel-ratio: 1.5) {
- }
- /*==================================================
- = Kindle Fire HD 7" portrait =
- ==================================================*/
- @media only screen
- and (min-device-width: 800px)
- and (max-device-width: 1280px)
- and (-webkit-min-device-pixel-ratio: 1.5)
- and (orientation: portrait) {
- }
- /*==================================================
- = Kindle Fire HD 7" landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 800px)
- and (max-device-width: 1280px)
- and (-webkit-min-device-pixel-ratio: 1.5)
- and (orientation: landscape) {
- }
- /*==================================================
- = Kindle Fire HD 8.9" portrait and landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 1200px)
- and (max-device-width: 1600px)
- and (-webkit-min-device-pixel-ratio: 1.5) {
- }
- /*==================================================
- = Kindle Fire HD 8.9" portrait =
- ==================================================*/
- @media only screen
- and (min-device-width: 1200px)
- and (max-device-width: 1600px)
- and (-webkit-min-device-pixel-ratio: 1.5)
- and (orientation: portrait) {
- }
- /*==================================================
- = Kindle Fire HD 8.9" landscape =
- ==================================================*/
- @media only screen
- and (min-device-width: 1200px)
- and (max-device-width: 1600px)
- and (-webkit-min-device-pixel-ratio: 1.5)
- and (orientation: landscape) {
- }
- /*
- _____ _____ _____ _ _____ _____
- | __ | __|_ _|_| | | _ |
- | -| __| | | | | | | | |
- |__|__|_____| |_| |_|_|___|__|__|
- Retina */
- /*==================================================
- = Laptops non-retina screens =
- ==================================================*/
- @media screen
- and (min-device-width: 1200px)
- and (max-device-width: 1600px)
- and (-webkit-min-device-pixel-ratio: 1) {
- }
- /*==================================================
- = Laptops retina screens =
- ==================================================*/
- @media screen
- and (min-device-width: 1200px)
- and (max-device-width: 1600px)
- and (-webkit-min-device-pixel-ratio: 2)
- and (min-resolution: 192dpi) {
- }
- /*
- _ _ _ _____ _____ _____ _____ _____ _____
- | | | | _ |_ _| | | | __| __|
- | | | | | | | | --| | __|__ |
- |_____|__|__| |_| |_____|__|__|_____|_____|
- Apple Watch */
- /*==================================================
- = Apple Watch =
- ==================================================*/
- @media
- (max-device-width: 42mm)
- and (min-device-width: 38mm) {
- }
- /*==================================================
- = Moto 360 Watch =
- ==================================================*/
- @media
- (max-device-width: 218px)
- and (max-device-height: 281px) {
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement