/* =========== Media Queries =========== */
@media only screen and (max-width: 1280px) {
#wealth,
#capital{background-size:auto 100%;text-shadow:0 0 10px rgba(0,0,0,.5);}

#api-market .info h2{font:900 400%/100% 'Montserrat';}
#api-market .info h3{font:400 135%/125% 'Montserrat';}
#api-market .h4-title{font:900 250%/110% 'Montserrat';}
#api-market .box_color p{font:400 150%/125% 'Montserrat';}
#api-market .box_celeste p{font:400 135%/125% 'Montserrat';}
#api-market .box_beneficio p{font:400 120%/120% 'Montserrat';}
#api-market .atributos li{font:400 120%/120% 'Montserrat';}
#api-market .contactoqt .button-contactoqt{font:900 175%/110% 'Montserrat';}

}

@media only screen and (max-width: 1024px) {
#header .accesos li{display:none;}
#header .accesos li.allways_show{display:inline-block;}

#stats{font-size:100%;}

#trading .title,
#capital .title,
#research .title,
#fci .title{font-size:700%;}
}

@media only screen and (max-width: 992px) {
#trabaja #slider .swiper-slide .img{margin:0 0 0 -20%;}

#somos{padding:50px 5%;}

#botonera .boton .icon{top:7%;height:75px;}

#contacto_home{text-align:center;padding:50px 5%;}
#contacto_home .bloque{padding:25px 0;}

.persona .nombre{font:300 150%/110% 'Roboto';margin:0 auto 5px;}
.persona .cargo{font:300 100%/110% 'Roboto';}
.persona .bio{font:300 90%/120% 'Roboto';margin:15px auto 0;}

#api-market .info{bottom:0 !important;transform:translate(0,0) !important;}
#api-market .info h2{font:900 300%/100% 'Montserrat';}
#api-market .info h3{font:400 125%/125% 'Montserrat';}
#api-market .h4-title{font:900 220%/110% 'Montserrat';}
#api-market .h4-title br{display:none;}
#api-market .box_color p{font:400 135%/125% 'Montserrat';}
#api-market .box_celeste p{font:400 125%/125% 'Montserrat';}
#api-market .box_beneficio p{font:400 110%/120% 'Montserrat';}
#api-market .sabias .sabias-tip{font:400 110%/120% 'Montserrat';}
#api-market .atributos li{font:400 120%/120% 'Montserrat';}
#api-market .contactoqt .button-contactoqt{font:900 175%/110% 'Montserrat';}
}

@media only screen and (max-width: 800px) {
#wrap{padding:70px 0 0;}

#header{padding:5px 5%;box-shadow:0 -4px 8px rgba(0,0,0,.7);}
#header #logo img{max-width:120px;}
#header .accesos li{font-size:100%;padding:10px 0 0;}

#slider .swiper-slide .info{padding:25px 40% 50px 2%;}
#slider .swiper-slide .info.middle{padding:25px 40% 50px 2%;}

#trading .title,
#capital .title,
#research .title,
#fci .title{font-size:500%;}
#wealth .title{font-size:400%;}

#somos{font-size:90%;}

#stats{font-size:90%;padding:50px 5%;}

#botonera{font-size:90%;}
#botonera .boton .info{padding-bottom:30px;}
#botonera .boton .info .desc{opacity:1;}

#menu-footer{display:none;}

#dir{text-align:center;margin:50px auto 0;}
#dir .logo{margin:0 auto 10px;}

.persona{height:auto;padding-top:0;}
.persona:after{display:none;}
.persona .info{position:inherit;bottom:auto;}
.persona .bio{position:inherit;width:100%;bottom:auto;opacity:1;}
.persona:hover .bio{position:inherit;width:100%;opacity:1;bottom:auto;}
.persona:hover .info{top:auto;}

}

@media only screen and (max-width: 768px) {
.year{display:block;height:auto;width:100%;padding:10px;}
.year-label{position:inherit;left:5%;top:10px;transform:none;font:bold 250%/120% 'Roboto';}
.year:not(.active):hover .year-label{top:10px;}
.year.active .year-label{left:5%;transform:none;}
.year.active .year-content img{max-height:250px;}

#modal .window{width:92%;height:auto;max-width:auto;max-height:auto;top:47%;}

#trading .botones{margin:20px auto;}

#trabaja .gptw_badge{margin:0 auto;}

#slider .swiper-slide .info{text-shadow:0 0 15px rgba(0,0,0,.8);}
#slider .swiper-slide .info .bt{font-size:70%;line-height:100%;margin:0 auto 7px;}

@media only screen and (max-width: 736px) {
#slider .swiper-slide .info .title{font-size:220%;line-height:110%;}
#slider .swiper-slide .info.middle .title{font-size:300%;}
#trabaja #slider .swiper-slide .img{margin:0 0 0 -20%;}


#submenu .subitem{font-size:90%;line-height:100%;max-width:80px;}
#submenu .subitem img{width:30px;margin:0 3px 0 0;top:-10px;}
#submenu.nav .subitem img{top:-7px;}

.contenido_seccion .desc{font-size:110%;line-height:120%;}
.contenido_seccion .data{font-size:100%;line-height:120%;}

.unidades_negocio .bajada{margin-bottom:15px;font-size:110%;line-height:120%;}

.year-label{font:bold 200%/120% 'Roboto';}

#api-market .info{bottom:0 !important;padding-bottom:25px !important;transform:translate(0,0) !important;}
#api-market .info h2{font:900 275%/100% 'Montserrat';}
#api-market .info h3{font:400 120%/125% 'Montserrat';}
#api-market .h4-title{font:900 200%/110% 'Montserrat';}
#api-market .box_color p{font:400 120%/125% 'Montserrat';}
#api-market .box_celeste p{font:400 125%/125% 'Montserrat';margin:25px auto;}
#api-market .box_beneficio p{font:400 110%/120% 'Montserrat';}
#api-market .atributos li{font:400 120%/120% 'Montserrat';}
#api-market .contactoqt .button-contactoqt{font:900 175%/110% 'Montserrat';}

}

@media only screen and (max-width: 667px) {
#menu{padding:75px 25px 0;font-size:90%;}
#menu .item a,
#menu .item a:hover{padding:15px 10px;}

#footer{padding-bottom:25px;}
#ezlon{float:none;display:block;margin:0 auto;}

}

@media only screen and (max-width: 640px) {
#submenu.nav{display:none;}	
}

@media only screen and (max-width: 600px) {
#slider .swiper-slide .info .title{font-size:175%;line-height:110%;}
#slider .swiper-slide .info .subtitle{font-size:110%;line-height:100%;}
#slider .swiper-slide .info .desc{font-size:100%;line-height:120%;}
#trabaja #slider .swiper-slide .img{width:200%;margin:0 -30%;}
}

@media only screen and (max-width: 568px) {
.year-label{font:bold 150%/120% 'Roboto';top:5%;}
.year:not(.active):hover .year-label{top:5%;}

#trading .title,
#capital .title,
#research .title,
#fci .title{font-size:350%;}
#wealth .title{font-size:300%;}

#tabla_emisiones .td{width:33%;}
#tabla_emisiones .hide{display:none;}
#tabla_emisiones .td img{max-width:100%;}

#api-market .info h2{font:900 250%/100% 'Montserrat';}
#api-market .info h3{font:400 110%/120% 'Montserrat';}
#api-market .h4-title{font:900 175%/110% 'Montserrat';}
#api-market .box_color p{font:400 100%/125% 'Montserrat';}
#api-market .box_celeste p{font:400 100%/125% 'Montserrat';}
#api-market .box_beneficio p{font:400 100%/120% 'Montserrat';}
#api-market .sabias .sabias-tip{font:400 100%/120% 'Montserrat';}
#api-market .atributos li{font:400 100%/120% 'Montserrat';}
#api-market .contactoqt .button-contactoqt{font:900 150%/110% 'Montserrat';}
}

@media only screen and (max-width: 480px) {
#header #logo img{max-width:100px;}
#menu{padding:75px 15px 0;font-size:80%;}
#menu .buttons .bt{font-size:110%;padding:10px 15px;}

#submenu{display:none;}
.subseccion{display:block;margin:25px auto 50px;}

#slider .swiper-slide .info .title{font-size:150%;line-height:110%;}
#slider .swiper-slide .info .subtitle{font-size:100%;line-height:100%;}
#slider .swiper-slide .info .desc{font-size:90%;line-height:110%;}
#slider .swiper-slide .info.middle .title{font-size:200%;}

#trading .volanta,
#capital .volanta,
#wealth .volanta,
#research .volanta,
#fci .volanta{display:none;}

#trading .button{margin:0 10px 0 0;padding:8px 15px;}


#somos{font-size:80%;}

#botonera{font-size:80%;}
#botonera .boton .icon{top:10%;height:60px;}

.year-label{font:bold 120%/120% 'Roboto';}

#api-market .box_color{padding:25px 5%;}
#api-market .h4-title{font:900 150%/110% 'Montserrat';}
#api-market .info h2{font:900 200%/100% 'Montserrat';margin: 0 auto 10px;}
#api-market .info h3{font:400 90%/120% 'Montserrat';}

}

@media only screen and (max-width: 375px) {
#slider .swiper-slide .info .title{font-size:135%;line-height:110%;}
#slider .swiper-slide .info.middle .title{font-size:175%;}

#trading .button{margin:0 2px 0 0;padding:8px 8px;font-size:90%;}

#api-market .info h2{font:900 150%/100% 'Montserrat';}
#api-market .info h3{font:400 80%/110% 'Montserrat';}
#api-market .box_beneficio .counter{font:900 700%/100% 'Montserrat';position:absolute;left:-25px;top:50%;transform: translateY(-50%);background:#fff;}
#api-market .sabias .sabias-tip{background:none;padding-left:0;margin:0 auto 15px;}
}

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