/* ----------- Desktop ----------- */
/* @media only screen  */
  /* and (min-device-width: 1200px)  */
  /* and (max-width: 1200px) */
  @media (min-width: 1025px) and (max-width: 1280px){  
	p {font-size: 20px;line-height: 1.4; }
	h1 {font-size: 42px; }
	h2 {font-size: 32px;}
	h3 {font-size: 26px; }
	h4 {font-size: 24px; }
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}  
	.hero h1 {font-size: 50px;}
	.hero p.subtitulo {font-size: 24px;}
}

/* Laptop */  
@media only screen and (min-height : 580px) and (max-height : 700px)  { 
	.hero .hero-content {top: 60%;}
	.hero h1 {font-size: 50px;}
	.bg-intro {margin-top: -2rem;}
} 

/* Tablets Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	h1 {font-size: 36px; }  
	h2 {font-size: 28px;}
	h3 {font-size: 24px; }
	h4 {font-size: 22px; }
	h5 {font-size: 20px;}
	h6 {font-size: 16px;}    
    p {font-size: 16px;}    
	.hero h1 {font-size: 36px;}
	.hero p {font-size: 18px;}
    .logo img {width: 160px;}
	.header-nav img {width: 180px;}
	.lista-normal li {margin-top: 0;font-size: 1em;}
	.bgEco {background-size: 50% auto;}
	.iconos2 img {width: 90px;}
	.btn-play-video-small {transform: scale(0.7);}
	.btn-play-video-small:after {transform: scale(.7);}
	.btn-play-video {transform: scale(0.7);}
	.btn-play-video:after {transform: scale(.7);}
}


/* Tablets Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
	h1 {font-size: 40px; }  
	h2 {font-size: 32px;}
	h3 {font-size: 28px; }
	h4 {font-size: 22px; }
	h5 {font-size: 22px;}
	h6 {font-size: 20px;}  
	p {font-size: 16px;} 
	.hero h1 {font-size: 36px;}
	.hero p {font-size: 18px;}
    .logo img {width: 160px;}
	.bgEco {background-image: none !important;}
	.header-nav img {width: 180px;}
	.lista-normal li {margin-top: 0;font-size: 1em;}
	.btn-play-video-small {transform: scale(0.7);}
	.btn-play-video-small:after {transform: scale(.7);}
	.btn-play-video {transform: scale(0.7);}
	.btn-play-video:after {transform: scale(.7);}
	.intro-box {padding: 1em;}
	.btnMiembro {font-size: 20px;}
	a.nav-link {font-size: 11px !important;}
	a.nav-link svg {height: 40px !important;}
	.tab-content>.active {padding: 2em !important;}
	.iconos img {width:60px;margin-right:1rem;}
	.bgCarGreen {background-size: 140% auto;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
   and (orientation: portrait) {
	h1 {font-size: 32px;}  
	h2 {font-size: 24px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 18px;}
	h6 {font-size: 22px;}    
	p {font-size: 13px;}    
	.hero {height: 100vh;}
	.btn-play-video-small {transform: scale(0.7);}
	.btn-play-video-small:after {transform: scale(.7);}
	.hero h1 {font-size: 24px;}
	.hero p {font-size: 12px;}
	.hero img {width: 80px;}
	.logo img {width: 130px;margin: 20px 0 0 15px;}
	.hero-left {width: 100%;height: 45%;}
	.hero-right {width: 100%;height: 55%;top:auto;bottom:0 !important;}
	.header-nav img {width: 120px;margin: 20px 0 0 0;}
	.btn-mineralGreen-solid {padding: 10px 15px !important;font-size: 10px!important;}
	.bg-intro {margin-top: -4rem;}
	.iconos2 img {width: 80px;}
	.intro-box h4 {font-size: 22px;}
	.intro-box {border-right: none;padding: 1em;}
	.btnMiembro {font-size: 12px;}
	.btnMiembro span {padding: 5px 10px;}
	.smallfont-movil {font-size: 0.6em !important;}
	img.logo-footer {width: 140px;}
	.iconos3 img {width: 60px;}
	.mouse {width: 30px;height: 50px;border: 2px solid #fff;border-radius: 15px;}
	.field {bottom: 2vh;display: none;}
	.bgEco {background-image: none !important;}
	.opciones1 img {width: 90px;}
	.five-colums {width: 33.3333%;}
	.bg-cover {min-height: 250px;}
	.lista-tabla li {font-size: 16px;}
	.smallfont {font-size: 0.75em !important;}
	footer {background: url(../img/bgFooter.jpg) center right no-repeat;}
}

/* Smartphones Lanscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 750px) 
  and (orientation: landscape) {
	h1 {font-size: 32px;}  
	h2 {font-size: 24px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 18px;}
	h6 {font-size: 22px;}    
	p {font-size: 13px;}    
	.hero {height: 100vh;}
	.btn-play-video-small {transform: scale(0.7);}
	.btn-play-video-small:after {transform: scale(.7);}
	.hero h1 {font-size: 24px;}
	.hero p {font-size: 12px;}
	.hero img {width: 80px;}
	.logo img {width: 130px;margin: 20px 0 0 15px;}
	.header-nav img {width: 120px;margin: 20px 0 0 0;}
	.btn-mineralGreen-solid {padding: 10px 15px !important;font-size: 10px!important;}
	.bg-intro {margin-top: -4rem;}
	.iconos2 img {width: 80px;}
	.intro-box h4 {font-size: 22px;}
	.intro-box {border-right: none;padding: 1em;}
	.btnMiembro {font-size: 12px;}
	.btnMiembro span {padding: 5px 10px;}
	.smallfont-movil {font-size: 0.6em !important;}
	img.logo-footer {width: 140px;}
	.iconos img {width: 60px;margin-right: 1rem;}
	.mouse {width: 30px;height: 50px;border: 2px solid #fff;border-radius: 15px;}
	.field {bottom: 2vh;display: none;}
	.bgEco {background-image: none !important;}
	.opciones1 img {width: 90px;}
	.five-colums {width: 33.3333%;}
	.lista-tabla li {font-size: 16px;}
	.smallfont {font-size: 0.75em !important;}
	footer {background: url(../img/bgFooter.jpg) center right no-repeat;}
}