/**
 * Theme Name:     TheGem Child
 * Author:         Codex Themes.
 * Template:       thegem-elementor
 * Text Domain:	   thegem-child
 * Description:    Multi-Purpose Wordpress Theme
 */


body{
  font-family: 'dinregular';
  color: #000000;
}

h2.subtitulo1{
  font-family: 'dinregular' !important;
  text-transform: none !important;
}

h2.subtitulo2{
  font-family: 'dinbold' !important;
  text-transform: none !important;
}

#primary-menu.no-responsive > li > a{
    color: #fff !important;
}

#primary-menu.no-responsive > li > a:hover{
    color: #5f5e5e !important;
}

#primary-menu.no-responsive > li.menu-item-search > a::before{
    color: #fff !important;
}

.top-area-alignment-justified .top-area-menu{
    float: initial !important;
}

.top-area-alignment-justified .top-area-socials{
    float: right !important;
}

.top-area-contacts:after, .top-area-socials:after{
    border: none !important;
}

.top-area-items{
    position: relative;
}

.top-area-items .top-area-menu{
    position: absolute;
    right: 130px;
}

.top-area-menu .nav-menu > li a:before{
    content: "";
}

.socials-item-icon.linkedin::before{
    background: #009edf;
    padding: 5px;
    border-radius: 3px;
    color: #f1f0f0;
}
.socials-item-icon.facebook::before{
    background: #009edf;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #f1f0f0;
}

#footer-socials a.socials-item{
    margin-right: 20px;
    color: #000;
}

#footer-socials .socials-item-icon.facebook::before{
    color: #009edf;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
#footer-socials .socials-item-icon.linkedin::before{
    color: #009edf;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

#footer-socials a.socials-item:last-child{
    margin-right: 0px;
}

#footer-nav{
    background-color: #009edf;
}
.tipopeso_light{
    font-weight: 100 !important;
    font-family: 'din_mediumregular' !important;
}

.top-area-socials .socials-item{
    margin-right: 10px;
}
.top-area-socials .socials-item:last-child{
    margin-right: 0px;
}
.top-area a{
    color: #5f5e5e;
}
.top-area{
    color: #5f5e5e;
}

body.home .block-content{
    padding-top: 30px;
}

#btn_brochure span#txt_br{
    color: #009edf;
    font-weight: 600;
    font-family: 'dinbold' !important;
}

#form_distribuidor form input::placeholder{
    color: #6c6c6c !important;
}
#form_contacto_page form input::placeholder{
    color: #ccf0ff !important;
}

.novisible{
    visibility: hidden !important;
}

#form_contacto form input::placeholder{
    color: #000 !important;
}
#form_contacto2 form input::placeholder{
    color: #ccf0ff !important;
}
#form_contacto2 form select{
  border-color: #ccf0ff !important;
}


#form_contacto1 form input::placeholder{
  color: #ccf0ff !important;
}
/*
#form_contacto1 form select{
border-color: #ccf0ff !important;
}*/


body.page-id-2799 .block-content{
    padding-top: 0px;
}

.sidebar .widget:first-child .widget-title{
    color: #009edf !important;
    text-transform: initial !important;
    font-weight: 600 !important;
    font-family: 'dinbold' !important;
}
.widget-area .widget-title{
    color: #009edf !important;
    text-transform: initial !important;
    font-weight: 600 !important;
    font-family: 'dinbold' !important;
}
.widget-title:after{
    content: "" !important;
}
.gem-pp-posts-date{
    color: #009edf !important;
}
.Custom_Recent_Posts ul li{
    border-color: #009edf;
}
body .widget .tagcloud a{
    border: 1px solid #a7cbfc;
    font-weight: 300 !important;
    font-family: 'dinregular';
    color: #009edf !important;
}

#subtitulo_suscripcion{
    color: #009edf !important;
    text-transform: initial !important;
    font-weight: 600 !important;
    font-family: 'dinbold' !important;
    line-height: 29px;
    font-size: 21px;
}
#subtitulo_postrecientes{
    color: #009edf !important;
    text-transform: initial !important;
    font-weight: 600 !important;
    font-family: "Saira", Sans-serif !important;
    line-height: 29px;
    font-size: 21px;
}
#cdro_suscripcion{
    background-color: #878787;
    padding: 30px 26px;
    font-family: 'dinregular' !important;
    font-weight: 300 !important;
    color: #fff !important;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.btn_suscripcion{
    width: 40px !important;
    font-weight: normal !important;
    height: 40px !important;
    position: absolute !important;
    right: 21px !important;
    padding: 0 !important;
    top: -12px !important;
    margin: 13px 0 0 0 !important;
    font-size: 34px !important;
    font-family: thegem-icons !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    background-color: #ccf0ff !important;
}
.btn_suscripcion:hover{
    background-color: #15336e !important;
}

input#txtemail{
    height: 41px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    padding-left: 5px !important;
}

#icocal{
    width: 18px;
    margin-right: 8px;
    margin-top: -4px;
}


ul#lista_categorias_prod{
  list-style: none;
  padding-left: 0px;
}

ul#lista_categorias_prod li{
  border: 1px solid #d2d1d1;
  padding-left: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
}


ul#lista_categorias_prod li a{
  color: #15336e;
  font-family: 'din_mediumregular' !important;
}
#imagen_destacada{
  background-color: #d5e9ff;
  text-align: center;
  padding: 60px;
  margin-bottom: 30px;
}
#imagen_destacada img{
  width: 75%;
  height: auto;
  display: inline-block;
}
h3#titulo_prod{
  font-weight: 600;
  font-family: 'dinbold' !important;
  color: #1f49b6;
  margin-bottom: 0px;
}

h5#capacidad_prod{
  font-weight: 400;
  font-family: 'dinregular' !important;
  color: #717171;
  margin-top: 0px;
}

#bloque_descarga a{
  background-color: #000000;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  color: #fff;
  font-weight: 300;
  font-family: 'dinregular' !important;
  display: inline-block;
  padding: 10px 45px 10px 45px;
  text-align: center;
}

#bloque_descarga a span{
  color: #90bcd9;
  font-weight: 600;
  font-family: 'dinbold' !important;
}

#contenido_principal p{
  color: #000 !important;
}
.page-title-inner{
  text-align: left;
}
body .page-title-block .breadcrumbs-container{
  text-align: left;
  color: #fff;
}

body.productos-template-single-fullwidth .fullwidth-content #contenido_general{
  display: block;
}
body.productos-template-single-fullwidth .fullwidth-content #interna_productos{
  display: block;
}

.grillaprod .sombra .img_prod img{
  width: 100%;
  height: auto;
}

ul#lista_filtro{
  list-style: none;
  padding-left: 0px;
  float: right;
  margin-bottom: 50px;
}

ul#lista_filtro li{
  float: left;
  margin-right: 10px;
}

ul#lista_filtro li:last-child{
  margin-right: 0px;
}

ul#lista_filtro li button{
  background-color: #1f49b6;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  color: #fff;
  font-weight: 400;
  font-family: 'dinregular' !important;
  padding: 5px 20px;
  cursor: pointer;
  border: none;
}
ul#lista_filtro li button.is-checked{
  background-color: #b3ac9d;
}
ul#lista_filtro li button:hover{
  background-color: #b3ac9d;
}

.sombra{
  box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.25);
}

.img_prod{
  padding: 30px;
  background-color: #d5e9ff;
}

.titulo_producto h2{
  font-weight: 600;
  font-family: 'dinbold' !important;
  margin-bottom: 0px;
  text-align: center;
  margin-top: 10px;
  font-size: 17px;
}
.titulo_producto h2 a{
  color: #1f49b6;
}

.sombra hr{
  border-color: #80c6e5 !important;
  margin-top: 0px;
  margin-bottom: 0px;
  border-width: 2px;
  width: 80px;
}

.text_extracto{
  text-align: center;
  padding: 20px;
  font-weight: 300;
  font-family: 'dinregular' !important;
  color: #000 !important;
  font-size: 14px;
  padding-top: 5px;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}
.element-item {
  position: relative;
  float: left;
  margin-bottom: 70px;
  /*width: 100px;
  height: 100px;*/
  /*margin: 5px;
  padding: 10px;
  /*background: #888;
  color: #262524;*/
}
 
.d-none{
  display: none;
}

.wpcf7 form .wpcf7-response-output{
  margin: 0px;
}

form.wpcf7-form.thegem-cf7 .wpcf7-form-control{
  border-color: #ccf0ff !important;
}
#form_distribuidor form.wpcf7-form.thegem-cf7 .wpcf7-form-control{
  border-color: #009edf !important;
}

#form_contacto form.wpcf7-form.thegem-cf7 .wpcf7-form-control{
  border-color: #eaeaea !important;
}

#form_contacto .wpcf7-form.gem-contact-form-dark select{
  border: 1px solid #eaeaea !important;
}

.wpcf7-form.gem-contact-form-dark select{
  border: 1px solid #ccf0ff !important;
}

#form_contacto .wpcf7-form.gem-contact-form-dark .combobox-wrapper{
  border: 1px solid #eaeaea !important;
}

.wpcf7-form.gem-contact-form-dark .combobox-wrapper{
  border: 1px solid #ccf0ff !important;
}

.dinregular{
  font-family: 'dinregular' !important;
}
.dinregular h4{
  font-family: 'dinregular' !important;
}

.dinmedium{
  font-family: 'din_mediumregular' !important;
}

.dinbold{
  font-family: 'dinbold' !important;
}

.dinblack{
  font-family: 'din_blackregular' !important;
}

ul.lista_valores{
  list-style: square;
  display: inline-block;
  text-align: center;
  padding-left: 0px;
}

ul.lista_valores li{
  float: left;
  margin-right: 35px;
}
ul.lista_valores li:last-child{
  margin-right: 0px;
}

#lista_val > div > div {
  display: inline-block;
}
.gem-next:after{
  background-color: transparent !important;
}
.gem-prev:after{
  background-color: transparent !important;
}


.wpcf7 form .wpcf7-response-output{
  margin: 0px;
}

body.single-post .post-tags-list{
  display: none;
}
body.single-post .socials-sharing{
  display: none;
}


/* Tablet */
  @media screen and (max-width: 1024px) {
    
    
  
  }
  @media screen and (max-width: 768px) {
  
  }
  /* Mobile */
  @media screen and (max-width: 740px) {
    ul#lista_filtro li{
      margin-bottom: 15px;
    }
    ul.lista_valores li{
      float: initial;
      margin: 0px;
    }
    #primary-navigation .menu-toggle .menu-line-1{
      background-color: #fff;
    }
    #primary-navigation .menu-toggle .menu-line-2{
      background-color: #fff;
    }
    #primary-navigation .menu-toggle .menu-line-3{
      background-color: #fff;
    }
    .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a{
      margin-right: 12px;
    }
    .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a:last-child{
      margin-right: 0px;
    }
  }
  
  /* visuales en dispositivos */
  
  
  /* ----------- 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) { 
  
  }
  
  /* Portrait */
  @media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) { 
  
  }
  
  /* 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+ ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3) { 
  
  }
  
  /* Portrait */
  @media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) { 
  
  }
  
  /* Landscape */
  @media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) { 
  
  }
  
  /* ----------- 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) { 
  
  }
  
  /* Portrait */
  @media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 812px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) { 
  
  }
  
  /* Landscape */
  @media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 812px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) { 
  
      
  
  }
  
  /* ----------- Galaxy S3 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 2) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 320px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 320px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: landscape) {
  
  }
  
  /* ----------- Galaxy S4, S5 and Note 3 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 320px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 320px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 320px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: landscape) {
  
  }
  
  /* ----------- Galaxy S6 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) 
    and (orientation: landscape) {
  
  }
  
  /* ----------- HTC One ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: landscape) {
  
  }
  
  
  /* ----------- Google Pixel ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: landscape) {
  
  }
  
  /* ----------- Google Pixel XL ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) 
    and (orientation: landscape) {
  
  }
  
  
  /* ----------- Nexus 4 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 384px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 2) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 384px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 2)
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 384px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 2)
    and (orientation: landscape) {
  
  }
  
  /* ----------- Nexus 5 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 3) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: landscape) {
  
  }
  
  /* ----------- Nexus 6 and 6P ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 4) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 4)
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 360px) 
    and (device-height: 592px) 
    and (-webkit-device-pixel-ratio: 4)
    and (orientation: landscape) {
  
  }
  
  
  /* ----------- Windows Phone ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 480px) 
    and (device-height: 800px) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 480px) 
    and (device-height: 800px)  
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 480px) 
    and (device-height: 800px) 
    and (orientation: landscape) {
  
  }
  
  
  /* Tablets */
  
  
  /* ----------- 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" ----------- */
  
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px)
    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: 1024px) 
    and (max-device-width: 1024px) 
    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: 1366px) 
    and (max-device-width: 1366px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  
  /* ----------- Galaxy Tab 2 ----------- */
  
  /* Portrait and Landscape */
  @media 
    (min-device-width: 800px) 
    and (max-device-width: 1280px) {
  
  }
  
  /* Portrait */
  @media 
    (max-device-width: 800px) 
    and (orientation: portrait) { 
  
  }
  
  /* Landscape */
  @media 
    (max-device-width: 1280px) 
    and (orientation: landscape) { 
  
  }
  
  /* ----------- Galaxy Tab S ----------- */
  
  /* Portrait and Landscape */
  @media 
    (min-device-width: 800px) 
    and (max-device-width: 1280px)
    and (-webkit-min-device-pixel-ratio: 2) {
  
  }
  
  /* Portrait */
  @media 
    (max-device-width: 800px) 
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 2) { 
  
  }
  
  /* Landscape */
  @media 
    (max-device-width: 1280px) 
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 2) { 
  
  }
  
  /* ----------- 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) {
  
  }
  
  /* 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) {
  
  }
  
  /* 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) {
  
  }
  
  /* ----------- Nexus 9 ----------- */
  
  /* Portrait and Landscape */
  @media screen 
    and (device-width: 1536px) 
    and (device-height: 2048px) 
    and (-webkit-min-device-pixel-ratio: 1.331) 
    and (-webkit-max-device-pixel-ratio: 1.332) {
  
  }
  
  /* Portrait */
  @media screen 
    and (device-width: 1536px) 
    and (device-height: 2048px) 
    and (-webkit-min-device-pixel-ratio: 1.331) 
    and (-webkit-max-device-pixel-ratio: 1.332) 
    and (orientation: portrait) {
  
  }
  
  /* Landscape */
  @media screen 
    and (device-width: 1536px) 
    and (device-height: 2048px) 
    and (-webkit-min-device-pixel-ratio: 1.331) 
    and (-webkit-max-device-pixel-ratio: 1.332) 
    and (orientation: landscape) {
  
  }
  
  /* ----------- 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) {
  
  }
  
  /* 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) {
  }
  
  /* 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) {
  
  }
  
  /* 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) {
  }
  
  /* 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) {
  
  }
  
  
  /* Laptops */
  
  /* ----------- Non-Retina Screens ----------- */
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
  }
  
  /* ----------- 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) { 
  }
  
  
  /* ----------- Moto 360 Watch ----------- */
  @media 
    (max-device-width: 218px)
    and (max-device-height: 281px) { 
  
  }