@charset "UTF-8";
/*
Theme Name: Clube da Matemática
Theme URI: https://torresdigital.com.br
Template: siteorigin-unwind
Author: torres digital
Author URI: https://wordpress.org
Description: Somos uma Agência Gaúcha que trabalha com Desenvolvimento Web voltado para todos os Nichos do Mercado tais como os de insumos, commodities, pequenos, médios e grandes Lojistas que desejam alcançar mais Clientes através do e-Commerce: Sites, Aplicativos, Lojas Virtuais, Marketplaces, WordPress e Woocommerce, integrados com os Principais Cartões e Soluções de Pagamentos do Brasil e do Mundo; tais como Cielo, CyberSource, PagSeguro, Stripe, Vindi, MasterCard, Visa, American Express, outros.

Version: 1.0
Updated: 2026-08-03 21:28:12

*/


/*All Begin*/


/*Padrao*/

 a:focus, p:focus { outline-offset: none;  outline: none } 

/*Head*/
.top-bar.sticky-bar.sticky-menu {
  display: none;
}

/*Logo*/

/*Menu*/

/*Home*/
.texto-em-baixo-da-logo {
  font-family: "Roboto", Sans-serif;
  font-weight: 600;
  font-size: 14px;
	color: #000
}
.texto-em-baixo-da-logo span {
  font-family: "Roboto", Sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #f60;
}

#quadrantes, #quadrantes-fa {
  max-width: 600px;
  margin: 0 auto;
  border-left: 4px solid #29abe2;
  padding-left: 17px;
}

#quadrantes-fa {
  border: none;
  padding: 0;
  width: auto;
  position: relative;
  right: 22px;
}

#quadrantes .titulo {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.35;
  margin-bottom: 6px;
}
#quadrantes span {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #444;
  line-height: 1.6;
}
#quadrantes-icone .fa-solid.fa-pen-to-square, 
#quadrantes-fa .fa-solid.fa-pen-to-square,
.quadrantes-fa .fa-brands.fa-youtube {
  font-size: 46px;
  color: #29abe2;
  position: relative;
  display: block;

}

.quadrante-header {
    display: flex;
    align-items: center; /* Aligns icon vertically with title text */
    gap: 12px;           /* Controls space between icon and title */
    margin-bottom: 8px;  /* Controls space above the description text */
}
#quadrantes {
    display: grid;
    grid-template-columns: auto 1fr; /* Icon takes auto width, title takes remaining space */
    align-items: center;
    column-gap: 12px;
    row-gap: 8px;
}

/* Forces the description span to take the full width on the next row */
#quadrantes span {
    grid-column: 1 / -1; 
}

#div-dos-comentarios {
  margin-top: 47px;
}

.comentarios {
  padding: 15px 12px;
  border: 1px solid #dadada;
  border-radius: 5px;
  background: #f4f6f8;
}
#comentarios .alignleft {
  margin-right: 0px;
}

/*Blog*/

/*Woocommerce*/

/*Footer*/


/*BootStrap*/

/*==================================================
=            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 : 414px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 568px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 643px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 667px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 736px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 812px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 834px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1012px) {

}

/* 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 : 1366px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1440px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1680px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) {

}

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
/* Large Devices, Wide Screens */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1680px) {

}

@media only screen and (min-width : 1440px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1366px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1112px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 834px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 812px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 736px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 667px) {

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 643px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 568px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 414px) {

}

/* 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/
3. https://devfacts.com/media-queries-breakpoints/

*/

/* ----------- 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) {

}