/* =========== Media Queries =========== */
@media only screen and (max-width: 1600px) {
.galeria{width:24.9%;}
}
@media only screen and (max-width: 1400px) {
.galeria{width:33.2%;}

}
@media only screen and (max-width: 1280px) {
.solucion-foto img{width:130%;left:-15%;}
.solucion .titulo{font:400 250%/100% 'Montserrat';}
}
@media only screen and (max-width: 1100px) {
#header{padding:25px 3%;}
#menu{width:85%;}
#menu .li{padding:0 0 0 5px;}
.solucion-foto img{width:120%;left:-10%;}
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
#slider .swiper-slide img{width:auto;height:100%;}

}

@media only screen and (max-width: 1023px) {
#menu_button{display:block;}
#menu{position:fixed;z-index:998;text-align:left;min-width:300px;max-width:250px;width:50%;padding:75px 20px;height:100%;right:-150%;top:0;background:#fff;color:#222;overflow:auto;transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;}
#menu.active{right:0;box-shadow:-5px 0 5px rgba(0,0,0,.2);}
#menu ul.menu{float:none;}
#menu .li{float:none;display:block;margin:0 auto 5px;text-align:left;}
#menu .li a{color:#222 !important;text-shadow:none !important;padding:10px !important;}
#menu .li:hover a{color:#efc337;}
#menu .li ul{display:block;position:inherit;left:auto;top:auto;padding:0;width:auto;}
#menu .li li:first-child{border:none;}
#menu .li li{font-size:100%;}
#menu .li li a{font-weight:300;}

#other_buttons{float:none;}

#selector-idioma{float:none;padding:0;margin:15px 0;color:#222;}
#selector-idioma li a{color:#222 !important;}
#selector-idioma li a.active{color:#efc337 !important;}

#presup_button_sticky,
#header.min #presup_button_sticky,
#header.home #presup_button_sticky{float:none;margin:0 0 25px;}

#presup_button_sticky a,
#header.min #presup_button_sticky a,
#header.home #presup_button_sticky a{background:#efc337;border:2px solid #efc337;color:#fff;}

#presup_button_sticky a:hover,
#header.min #presup_button_sticky a:hover,
#header.home #presup_button_sticky a:hover{background:none;border-color:#efc337;color:#efc337;}

.solucion-texto,
.solucion-texto.right{width:60%;padding-top:25px;font-size:75%;}
.solucion-texto .titulo{font-size:275%;}
.solucion-texto p{font-size:120%;}
.solucion-foto{width:40%;}
.solucion-foto img{width:180%;left:-40%;}

.como-funciona-foto-fixed{height:350px;background-size:150% auto;}
.como-funciona-tips li{float:none;display:inline-block;width:48%;}
}

@media only screen and (max-width: 800px) {
.galeria{width:49.9%;}

#contacto .bajadaform{font-size:90%;}

.servicio-full{width:100%;padding:15px;}
.servicio-full .foto{float:none;width:100%;margin:0 auto 15px;}
.servicio-full .texto{float:none;width:100%;padding:0;text-align:center;}

.serv-desc{font:400 190%/160% 'Montserrat';padding:0 20px;}

}

@media only screen and (max-width: 768px) {
.wrap{padding:35px 3%;}	
#servicio .wrap,	
#servicios_home .wrap,	
#portfolio .wrap{padding:35px 0;}	
.servicio,
.servicio.center{float:none;width:100%;margin:0 auto 15px;/*max-width:500px;*/}
.servicio h3,
.servicio p{height:auto;padding:0 5%;}
.portada .info{float:none;margin:0 auto;}
.footer_cols{margin:30px auto;padding:0 10px;}
.footer_col{width:50%;padding:20px 10px;}
#gotop{right:10px;bottom:10px;font-size:150%;padding:8px 12px;}

#slider{height:auto;}
#slider .swiper-slide{height:auto;}
#slider .swiper-slide img{position:inherit;left:auto;top:auto;transform:none;display:block;width:100%;height:auto;}

.col1,
.col2{float:none;width:100%;padding:0;margin:15px auto;}
#servicio .col2 p{text-align:center;}
.serv-subtitulo{font:400 100%/125% 'Montserrat';text-align:center;}

.galeria .galeria_title .mobile_zoom{display:block;}
}

@media only screen and (max-width: 736px) {
.solucion-texto,
.solucion-texto.right{position:inherit;left:auto;top:auto;right:auto;height:auto;margin:0 auto;width:100%;padding:30px;font-size:90%;}
.solucion-foto,
.solucion-foto.left{float:none !important;width:100%;margin:0 auto;}
.solucion-foto img{position:inherit;width:100%;height:auto;left:auto;}	
}

@media only screen and (max-width: 667px) {
#header{padding:25px 25px;}
#header.min{padding:10px 25px;}	

.serv-desc{font:400 175%/160% 'Montserrat';}
	
.one_third_bg{width:100%;float:none;margin:0 auto;}
.copy{float:none;width:auto;margin:0 auto;text-align:center;}
.legales .social{float:none;margin:15px auto;padding:0 0 0 10px;width:225px;}
.copytxt{float:none;margin:5px auto;padding:0;}
#ezlon{float:none;margin:5px auto;padding:0;border:none;}

.como-funciona-foto-fixed{height:300px;background-size:200% auto;}

.como-funciona-tips li{display:block;width:100%;}
}

@media only screen and (max-width: 640px) {	
.cuerpo,
.sidebar{float:none;width:100%;padding:0 0;margin:0 auto 15px;}
.bloque{margin:0 auto 20px;}
#contacto .bloque .dato{float:left;width:50%;margin:0 0 15px;}
.form .bloque.medio{float:none;width:100%;margin:0 auto 20px;}

.galeria{width:100%;margin:0 auto;padding:0 0 1%;}

.post .post-photo-min{display:none;}

}

@media only screen and (max-width: 600px) {
#demoreel h3{font:400 300%/100% 'Montserrat';}
.titulo{font:400 300%/100% 'Montserrat';}
.titulo.largo{font:400 200%/100% 'Montserrat';}
.subtitulo{font:400 180%/105% 'Montserrat';}
.subsubtitulo{font:bold 100%/105% 'Montserrat';}

#slider .swiper-slide .txt .txt_title{font:bold 350%/100% 'Montserrat';}
#slider .swiper-slide .txt .txt_button{font:bold 110%/100% 'Montserrat';width:125px;}
}


@media only screen and (max-width: 480px) {
#demoreel h3{font:400 250%/100% 'Montserrat';}	
.titulo{font:400 250%/100% 'Montserrat';}
.titulo.largo{font:400 175%/100% 'Montserrat';}
.subtitulo{font:400 150%/105% 'Montserrat';}
.subsubtitulo{font:bold 90%/105% 'Montserrat';}

.portada.big{min-height:300px;padding:100px 5px;}
.portada .mask{padding:100px 10px;}
.portada .mask h2{font:400 200%/110% 'Montserrat';}
.serv-desc{font:400 150%/150% 'Montserrat';padding:0 10px;}

#slider .swiper-slide .txt .txt_title{font:bold 300%/100% 'Montserrat';}

.footer_col{width:100%;}

.galeria-filtro{width:49%;margin:0;}
.galeria-filtro:after{top:7px;}
.galeria-filtro span.default,
.galeria-filtro li.option{font-size:90%;}

.como-funciona-foto-fixed{height:250px;background-size:250% auto;}

}

@media only screen and (max-width: 375px) {
#demoreel h3{font:400 200%/100% 'Montserrat';}	
#contacto .bloque .dato{width:100%;margin:0 0 15px;}	

#slider .swiper-slide .txt .txt_title{font:bold 275%/100% 'Montserrat';}

.como-funciona-foto-fixed{height:250px;background-size:300% auto;}
}

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

@media only screen and (orientation: portrait) {
#slider .swiper-slide .txt{top:40%;}	
#scroll-down{bottom:20%;}
}