/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2020
Version: 1.0
*/

/* Fonts 
@font-face{font-family: 'Intelo';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/

/* Genericas */
:root {
  --main-color: #0055a3;
  --second-color: #;
}
body{font-size: 1rem;}
.h1, h1{font-size: 2rem;}
.h2, h2{font-size: 1.5rem;}
.h3, h3{font-size: 1.25rem;}
.h4, h4{font-size: .75rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;}
a, a:hover{text-decoration:none;color:#0057a5;}
address{margin-bottom: .5rem;}
.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}

/* Header */
.heder-top{    width: 100%;
    height: 15px;
    background: #fff;
	
	
	}
.logo{width:530px}
.navbar-dark .navbar-nav .nav-link.active{text-decoration: underline;font-weight:600 !important;}

/* Footer */
footer{background:-webkit-linear-gradient(top left, #0053A1, #0185CF);color:#fff;padding-top: 60px;padding-bottom: 60px;}
.footer-liner{border-right: 2px solid #0185CF;padding:10px;margin-right: 16px;}

/* estilos index*/



p.azul-parrafo {
    color: #3e5e6b;
    font-size: 17px;
    text-align: justify;
}

p.azul-titulo {
    text-align: center;
    font-size: 55px;
    font-weight: bold;
    color: #016cb4;
}

p.azul-verde {
    color: #44606c;
    font-size: 52px;
    font-weight: bold;
}



img.Comites {
    display: block;
    margin: auto;
    padding-left: 18em;
}
img.Comites2 {
    display: block;
    margin: auto;
    padding-right: 22%;
}

img.Comites3 {
    display: block;
    margin: auto;
	padding-left: 18em;
}


img.img1 {
    width: 100%;
    display: block;
    margin: auto;
}


section.bg1 {
    background: url(https://www.compliancebraskemidesa.com.mx/imagenes/fondo1.jpg) no-repeat top center;
    background-size: 100%;
}

.col-md-6.c1 {
    border-left: 5px solid #fbbf00;
    padding: 0 25px;
}

.col-md-6.c2 {
    background: #0057a4;
    color: #fff;
    padding-top: 10px;
    padding-left: 20px;
}


img.img-monos {
    width: 100%;
}

img.Comites-1 {
    display: block;
    margin: auto;
    padding-right: 18em;
}

img.Comites-3 {
    display: block;
    margin: auto;
    padding-right: 22em;
}

img.Comites-4 {
    display: block;
    margin: auto;
    padding-left: 9em;
}

img.Comites-5 {
    display: block;
    margin: auto;
    padding-right: 15em;
}

img.Comites-2 {
    display: block;
    margin: auto;
    padding-left: 18em;
}

img.circulo {
    display: block;
    margin: auto;
    width: 70%;
}

span.amarillo {
    font-size: 30px;
    font-weight: bold;
    color: #fbca03;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}


p.azull-parrafo {
    font-size: 20px;
    color: #4292c3;
}


::marker {
    font-size: 30px;
    font-weight: bold;
    color: #fbca03;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}


li.azull-parrafo {
        font-size: 18px;
    color: #4292c3;
    font-weight: bold;
}

.Numeros {
    width: 80%;
    margin-left: 5em;
    border-left: 5px solid #fbca03;
    padding-left: 15px;
}


section.bg-soldo {
     background: url(https://www.compliancebraskemidesa.com.mx/imagenes/fondo2.jpg) no-repeat top center;
    background-size: 100%;
}


img.circulo2 {
    display: block;
    margin: auto;
    width: 80%;
}

img.cuadrados {
    display: block;
    margin: auto;
    width: 70%;
}


.imagenc {
    width: 18%;
    float: left;
    vertical-align: middle;
}

.textc1 {
    vertical-align: middle;
    padding-top: 35px;
}


img.ultimo {
    width: 75%;
    display: block;
    margin: auto;
}


p.azul-tituacirculo {
    color: #00aaef;
    font-weight: bold;
    font-size: 17px;
    padding: 2px;
    margin: 0;
}


img.ultimo2 {
    width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 80px;
}

img.ultimo3 {
    width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 5px;
    margin-bottom: 0em;
}

img.ultimo4 {
        width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 15px;
    margin-bottom: 0em;
}


img.ultimo5 {
    width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 55px;
    margin-bottom: 0em;
}


img.ultimo6 {
    width: 75%;
    display: block;
    margin: auto;
    padding-bottom: 55px;
    margin-bottom: 0em;
}


section.bg-soldo2 {
    background: url(https://www.compliancebraskemidesa.com.mx/imagenes/fondo3.jpg) no-repeat top center;
    background-size: 100%;
	    padding-top: 30px;
}
































/* Menu */

.header-menu{background:-webkit-linear-gradient(top left, #0053A1, #0185CF);

display: flex;
  justify-content: center;
  align-items: center;

}


i.txtpoliticas {
    font-size: 14px;
    text-transform: revert;
    text-decoration: underline;
}


p.txtpoliticas {
    color: #0064b1!important;
    font-size: 17px!important;
    font-weight: bold!important;
}


h3.txtsubrayar {
    font-size: 22px!important;
    text-decoration: underline;
}


p.txtazul {
    color: #0058A7;
    font-weight: bold;
    font-size: 19px;
    font-style: italic;
}

p.txtgris {
        text-align: right;
    color: #445F6B;
    font-size: 18px;
}

p.txtgris2 {
    text-align: left;
    color: #445F6B;
    font-size: 18px;
}




img.persona1 {
    width: 80%;
    float: right;
    margin-left: 2em!important;
}

.col-md-4.caja2 {
    flex: 0 0 33.333333%;
    max-width: 20.333333%;
	    
}

.col-md-8.caja1 {
    flex: 0 1 79.6%;
    max-width: 98.666667%;
}


.col-md-4.caja3 {
    flex: 0 0 33.333333%;
    max-width: 22.333333%;
}

.col-md-8.caja4 {
    flex: 0 0 87%;
    max-width: 77.666667%;
	margin-top: 3em;
}

.espacio {
    
	margin-top: 3em;
}



a.scrollTop.movercaja {
    padding-left: 30px;
}


.bgarea {
   
	    padding-bottom: 1em;
}
.container.bgarea {
    text-align:center;
	width:100%;
}
.navbar-dark .navbar-nav .nav-item:first-child{margin-right:1rem;}
.navbar-dark .navbar-nav .nav-item:last-child{margin-left:1rem;}
.navbar-dark .navbar-nav .nav-link{color:#fff !important;padding-right: 3rem !important;padding-left: 3rem !important;font-weight: 100 !important;font-size:1.3rem;}

/* Formulario */
.sendmail_form input[type="text"]{text-transform:capitalize;}
.sendmail_form input[type="email"]{text-transform:lowercase;}
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:.8rem;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}

/* Redes Sociales */
#redes-sociales {display: inline;list-style:none;padding-left:0px;margin-bottom:0px;}
#redes-sociales li{display:inline;margin-right:20px;}
#redes-sociales li a{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding: 7px;background-color: #fff;}
#redes-sociales li a{vertical-align: middle;height: 40px;display: inline-block;width: 40px;}
#redes-sociales li a i{color:#0053A1;}

/* Gobierno Corporativo */
#gobierno-corporativo{padding:60px 0px;}
#gobierno-corporativo .divText{padding:60px 60px;}

ul.dropdown-menu.menuclaseestilo {
    font-size: 15px;
    padding: 0px;
    margin: 0;
}

.menu-area{}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > a, .navbar-expand-lg .navbar-nav .nav-link{color:#fff; text-transform:capitalize;padding:10px 50px;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}












#btn-menu {
  display: none;
}


.menu ul {
  background: #000;
  display: flex;
  list-style: none;
}

.menu ul ul {
  display: none;
}

.menu a {
  display: block;
  padding: 15px 20px;
  color: #FFF;
  text-decoration: none;
  line-height: 32px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
}

.menu a:hover {
  background: #2C3E50;
}

.menu a i {
  margin-left: 10px;
}

.menu ul li:hover ul {
  transition: all 0.3s ease;
  display: block;
  position: absolute;
}

@media (max-width: 768px) {
	
	.imagenc {
    width: 100%;
    vertical-align: middle;
    display: block;
    margin: auto;
    padding: 0px;
}
	
	img.cuadrados {
    display: block;
    margin: auto;
    width: 100%;
}
	
	section.bg-soldo2 {
    background: #fff;
    background-size: 100%;
    padding-top: 30px;
}
	
	.Numeros {
    width: 80%;
    margin-left: 0em;
    border-left: 5px solid #fbca03;
    padding-left: 7px;
}
	
	img.circulo {
    display: block;
    margin: auto;
    width: 100%;
}


	img.Comites-5 {
    display: block;
    margin: auto;
    padding-right: 0;
    width: 100%;
}
	
	img.Comites-4 {
    display: block;
    margin: auto;
    padding-left: 0;
    width: 88%;
}
	
	img.Comites-3 {
    display: block;
    margin: auto;
    padding-right: 0;
    width: 100%;
}


	img.Comites-2 {
    display: block;
    margin: auto;
    padding-left: 0;
    width: 100%;
}


	img.Comites-1 {
    display: block;
    margin: auto;
    padding-right: 0;
    width: 100%;
}
	
	section.bg-soldo {
    background: #fff;
    background-size: 100%;
}
	
	
	p.azul-verde {
    color: #44606c;
    font-size: 40px;
    font-weight: bold;
    line-height: 33px;
    margin-top: 1em;
}
	
	img.Comites3 {
    display: block;
    margin: auto;
    padding-left: 0px;
    width: 100%;
}
	
	img.Comites2 {
    display: block;
    margin: auto;
    padding-right: 0;
    width: 100%;
}
	
	img.Comites {
    display: block;
    margin: auto;
    padding-left: 0;
    width: 100%;
}
	
	
	p.azul-verde {
    color: #44606c;
    font-size: 40px;
    font-weight: bold;
    line-height: 33px;
}
	
	section.bg1 {
    background: #fff;
    background-size: 100%;
}
	
	p.azul-titulo {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #016cb4;
    line-height: 35px;
}
 
  
  .menu {
    position: absolute;
    top: 64px;
    left: 0;
    width: 70%;
    transform: translateX(-100%);
    transition: all 0.3s;
  }
  
  .menu ul {
    flex-direction: column;
    //display: block;
  }
  
  .menu ul li:hover ul {
    display: none;
    position: static;
  }
  
  .menu a i {
    position: absolute;
    right: 16px;
    line-height: 32px;
  }
  
  #btn-menu:checked ~ .menu {
    transform: translateX(0%);
  }
  
}














/* Menu left */
.menu-left{list-style:none;padding:0;border-right:solid 2px #e3e3e3;border-bottom:solid 2px #e3e3e3;border-top:solid 2px #e3e3e3;}
.menu-left li{padding:0;}
.menu-left li a{text-align: left;color:#4d4d4d;font-size:14px;display: block;padding:10px 15px;border-left: solid 3px #1a4891;}
.menu-left li a.active{border-left:solid 3px #fcca03;background:#f9f9f9;}

@media (min-width: 1200px){
  /* .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 960px !important;} */
}

/* Collapse content */
.collapse-content{border:solid 2px #e3e3e3;border-radius:10px;}
.collapse-content div.bg-collapse{background:#f7f7f7;padding:15px 10px;}
.collapse-content a.btn:focus{box-shadow:unset;}
.collapse-content a.btn:first-child{border-bottom: solid 2px #e3e3e3 !important;border-radius: 0;width: 100%;text-align: left;background:#f7f7f7;border: unset;color: #4a4a4a;font-weight: 600;}
.collapse-content ol, .collapse-content ul{padding-left:20px;}
.collapse-content a.btn:first-child .up,
.collapse-content a.btn:first-child .down{float:right;}
.collapse-content a.iconDown:first-child .up{display:none;}
.collapse-content a.iconUp:first-child .down{display:none}
.collapse-content a.iconUp:first-child .up{display:block;}
.collapse-content a.iconDown:first-child .down{display:block;}

/* Page principles */
#principles .content h3{font-size:15px;font-weight:bold;color:var(--main-color);}
#principles .content p, #principles .content li{font-size:14px;color:#5b5b5b;}

/* Page principles */
#corporate .content h3{font-size:15px;font-weight:bold;color:var(--main-color);}
#corporate .content p, #corporate .content li{font-size:14px;color:#5b5b5b;}

/*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/
@media screen and (max-width: 480px),(orientation: landscape) and (max-width: 1000px){
  /* Header */
  
  .navbar-light .navbar-toggler {
    color: #fff;
    border: 1px solid #fff;
    padding-top: 5px;
    margin-top: 14px;
}


  .bgarea {
    background: #3eb4e6;
    padding-bottom: 1em;
}
  .logo{width:325px}

  /* Footer */
  .footer-liner{display:none;}

  /* Menu */
  .navbar-dark .navbar-toggler{color:#fff;border-color:#fff;}
  .navbar-dark .navbar-nav .nav-item:first-child{margin-right:0rem;}
  .navbar-dark .navbar-nav .nav-item:last-child{margin-left:0rem;}

  /* Redes Sociales */
  #redes-sociales {display: block; margin-top:20px;}

  /* Gobierno Corporativo */
  #gobierno-corporativo img{width:250px;}
}

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

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

/* ---------------------------------GALAXY--------------------------------- */
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) 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 ----------- */
/* 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 S5 EN ADELANTE ----------- */
/* 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){}

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

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

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

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

/* ----------- Galaxy Tab 10.1 ----------- */
/* 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){}

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

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

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