/* =========== Media Queries =========== */
@media only screen and (max-width: 1280px) {
#menu li.item.rrss{display:none;}
#menu li.item.last{margin-right:-25px;}
}

@media only screen and (max-width: 1024px) {
#menu_button{display:block;}
#menu{position:fixed;z-index:998;min-width:300px;max-width:400px;width:100%;background:rgba(255,255,255,.95);padding:125px 35px 75px;height:100%;right:-150%;top:0;left:auto;color:#fff;overflow:auto;transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;
}
#menu.active{right:0;}
#menu li.item{display:block;border:none;margin:0 auto 15px;}
#menu li.item a{font:300 180%/100% 'Montserrat';letter-spacing:5px;padding:10px;}	
#menu li.item.last{margin-right:0;}
#menu li.item a:after{display:none;}

#header.light #menu{background:rgba(0,0,0,.9);}

#inicio .texto-inicio{bottom:5%;}
#inicio .texto-inicio .bienvenidos{font:400 100%/100% 'Montserrat';display:block;letter-spacing:6px;margin:0 0 35px;}
#inicio .texto-inicio .construimos{font:1000 400%/90% 'Heebo';}
#inicio .texto-inicio .palabras-v{height:45px;}

#tags .palabras-h{font:1000 250%/90% 'Heebo';}
#tags .laboratorio{font:400 90%/100% 'Montserrat';letter-spacing:10px;}


}

@media only screen and (max-width: 992px) {
.col{padding:25px;}
.seccion{padding:50px 0 0;}
.content{padding:50px 5%;}
.content h2{font:1000 250%/100% 'Heebo';margin:0 0 10px;}
.content h3{font:300 90%/100% 'Montserrat';letter-spacing:3px;margin:0 0 25px;}
.content .desc{margin:0 0 25px;}

#clientes .texto-clientes h4{font:bold 200%/100% 'Heebo';}
#clientes .texto-clientes p{font:100%/120% 'Montserrat';}

#tags{padding-top:50px;}
#tags .palabras-h{width:100%;}

#portfolio-slider .swiper-button-prev{left:-30px;}
#portfolio-slider .swiper-button-next{right:-30px;}
#portfolio-slider .swiper-slide .trabajo:after{opacity:1;}
#portfolio-slider .swiper-slide .trabajo img{opacity:.5;}
#portfolio-slider .swiper-slide .trabajo .info{opacity:1;}

.posteo video{pointer-events:inherit;}

#modal .window{width:95%;max-height:80%;padding:25px 5% 10px;top:55%;overflow-y:auto;}
#modal .window .galeria{position:relative;left:auto;top:auto;margin:0 auto 25px;transform:translate(0,0);width:95%;box-shadow:none;}
#modal .window .galeria img{display:block;width:100%;height:auto;}
#modal .window .informacion{float:none;width:100%;text-align:center;margin:0 auto 25px;}
#modal .window .informacion h4{font-size:85%;width:70%;letter-spacing:3px;margin:0 auto 10px;}
#modal .window .informacion img{margin:0 auto 15px;}
#modal .window .informacion h2{font-size:175%;margin:0 auto 15px;}
#modal .window .informacion h3{font-size:80%;letter-spacing:4px;}
#modal .window .nav.prev{position:relative;display:block;float:left;left:auto;right:auto;bottom:auto;}
#modal .window .nav.prox{position:relative;display:block;float:right;left:auto;right:auto;bottom:auto;}

}

@media only screen and (max-width: 800px) {
#inicio .video{position:relative;width:120%;left:-10%;}
}

@media only screen and (max-width: 768px) {
#wrap{background:#101415 url(../img/trama-mobile.jpg) repeat-y center top;background-size:100% auto;}
#wrap-light{background:#EBEBEB url(../img/trama-light-mobile.jpg) repeat-y center top;background-size:100% auto;}

.video .play{width:100px;}

#inicio .video{width:140%;left:-20%;}

#inicio .texto-inicio .bienvenidos{font:400 80%/100% 'Montserrat';margin:0 0 15px;}
#inicio .texto-inicio .bienvenidos:before{width:10%;}
#inicio .texto-inicio .construimos{font:1000 300%/90% 'Heebo';}
#inicio .texto-inicio .palabras-v{height:35px;}

#tags .palabras-h{font:1000 200%/90% 'Heebo';}
#tags .palabras-h .swiper-slide{width:60%;}
#tags .laboratorio{font:400 80%/100% 'Montserrat';letter-spacing:8px;}

.servicios-list{margin:25px auto 0;}
.servicios-list li{padding:0 10px 0 0;margin:0 10px 10px 0;font:300 90%/100% 'Montserrat';}

#portfolio-slider .swiper-slide .trabajo .info{padding:5%;}

#degrade{height:100px;}
}

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

}

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

}

@media only screen and (max-width: 640px) {
#inicio .video{width:180%;left:-40%;}
}

@media only screen and (max-width: 600px) {
.servicios-list li{padding:0 8px 0 0;margin:0 8px 5px 0;font:300 80%/100% 'Montserrat';letter-spacing:1px;}

#portfolio-slider{width:90%;margin:0 auto;}
#portfolio-slider .swiper-button-prev{left:-35px;}
#portfolio-slider .swiper-button-next{right:-35px;}
}

@media only screen and (max-width: 568px) {
#nosotros .cifra small{font:300 70%/110% 'Montserrat';letter-spacing:0px;}

.content h2{font:1000 225%/100% 'Heebo';}
.content h3{font:300 85%/100% 'Montserrat';letter-spacing:2px;margin:0 0 20px;}
}

@media only screen and (max-width: 480px) {
#inicio .video{width:200%;left:-50%;}	
#inicio .texto-inicio .bienvenidos{font:400 70%/100% 'Montserrat';margin:0 0 10px;}
#inicio .texto-inicio .bienvenidos:before{width:10%;}
#inicio .texto-inicio .construimos{font:1000 225%/90% 'Heebo';}
#inicio .texto-inicio .palabras-v{height:30px;}

#tags .palabras-h{font:1000 160%/90% 'Heebo';}
#tags .laboratorio{font:400 70%/100% 'Montserrat';letter-spacing:5px;}

#portfolio-slider{width:80%;}
#portfolio-slider .swiper-button-prev{left:-40px;}
#portfolio-slider .swiper-button-next{right:-40px;}
}

@media only screen and (max-width: 375px) {
#inicio .video{width:240%;left:-70%;}	
}

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