@media only screen and (min-width:1366px) {
#prensaBox li{height:600px}
}

@media only screen and (max-width:1366px) {
.fiftyPad {padding: 60px 80px;}
}

@media only screen and (max-width:1280px) {
	
.wrapCenter{display: block; width:100%; padding:10px 40px; margin:0 auto }
header nav{width:670px;}
header nav a{padding:10px 0}
#menuNavegacion li a {font-size: .9em; font-weight:600; padding:14px 5px}
#menuContacto a{font-weight:600}
#tabs ul li button, #triggerDos li a {padding: 12px 80px;}
.fiftyPad {padding: 100px 40px 20px;}
.fiftyPad p{margin-bottom:20px; }
.fifty p{font-size:1em}
.fifty h2, .fifty h3{padding:0px 80px}
#equipo .circle{margin-top:10px}
.fifty h2 {font-size: 2em;}
#logo{width:255px}
#mainVideo{height:738px}
#videoVdos { margin:126px auto 0; width: 95%;}
#navegador{width:100%!important;}
}


@media only screen and (max-width: 1024px){
	.car strong{padding:0 50px}
	#premios ul li{width:11%;}
	#proyects{padding:30px 10px 0}
	#trigger{padding:20px 0 0 0}
	#videoVdos { margin: 16px auto 0; width: 730px;}
	.main-text{display: none}
	#main video{top:0px}
	#mainVideo{height:614px}
	.fiftyPad p{margin-bottom:10px; font-size:.75em; color: #d4d4d4; }
	#menu-toggle{display: block}
	#menuNavegacion{display: none}
	header{position: relative}
	.wrapCenter{padding:0px; float:left;width:100%}
	#logo{float: none; display:block; margin: 0 auto}
	#menuContacto{width:120px; position:absolute; top:28px; right:55px; z-index: 99999999}
	#lenguage, #telefono, #contact{display: none}
	#socialIcons{border-right:0px solid #000!important}
	#menuNavegacion li {font-size: .9em;}
	.fifty h2{font-size:2em; padding: 0px 20px;}
	.fifty h3{font-size:.9em; padding: 0px 20px;}
	.fiftyPad {padding: 50px 50px;}
	.bio p{font-size: .85em}
	#tabs ul{padding:30px 0;}
	.sp-padding{line-height:22px; padding:0px 10px}
	.sp-horizontal .sp-arrows{display: none}
	.fifty, .fiftyPad{width:100%}
	.fifty li{width:25%!important; background: #212020;}
	.fifty li:first-child{width:100%!important; text-align:center; border-bottom: 1px solid #2d2d2d; background:none}
	.fifty li:first-child h3{margin-bottom:40px}
	.onHover{border-left: 1px solid #bb7436!important; background:#2b2a2a!important;}
	#tabs ul, #triggerDos ul { padding: 30px 0 0px;}
	.fifty strong{font-weight: 600; font-size: .62em; text-transform: uppercase; text-align:center;}
	.fifty em{text-align:center}
	.fifty p{display:none}
	#tabs ul li button, #triggerDos ul li a{padding:10px 8px; border-bottom: 1px solid #5d5e5d; height: 76px;}
	#lucianoInfo, #sandraInfo, #interiorismoInfo{padding:0px; height: 670px;}
	#lucianoInfo div, #sandraInfo div, #interiorismoInfo div{margin-top:554px; background: #020202c7; float: left; width: 100%; padding:20px;}
	.fiftyPad h3 {margin-bottom: 10px; padding: 0 0 10px; letter-spacing:2px;}
	#sandraInfo{background-position: top center;}
	#prensa li img{width:100%; height:inherit}
	#prensa li p{display:none}
	#prensa{padding:40px;}
	#prensa li strong {font-size:9px; margin: 0px 0px; font-weight: 800;  text-transform: uppercase;}
	#qrcode{display: none}
	footer p{font-size: .8em;}
	footer address strong{color: #d7d7d7; font-weight:800}
	#infoContacto li p {font-size: .8em;}
	#contacto{padding:30px 40px 0}
	#nuestroequipo li{width:50%;}
	#nuestroequipo {padding:30px 80px 0}
	.left{position: inherit; width:100%; padding:0 40px; margin-bottom:20px;}
.right{width:100%; margin-left:0px; padding:0 40px;}
#revista{padding:30px 10px 0;}
#premiosBox li{height:inherit;}
#prensaBox li{height:400px}
}


@media only screen and (max-width:798px){
	.card.is-custom-selected{width:450px; height:400px;}
	.card{width:100px; height:100px}
	.card a {display: none}
	.card.is-custom-selected a{display:block}
	.car strong{padding:0 20px}
	.left{ padding:0 20px;}
	.right{padding:0 20px;}
	#proyects li { width:48%; margin:1%}
	#nuestroequipo {padding:30px 20px 0}
	#despc{width:100%}
	#contacto form{width:100%}
	#infoContacto{display:none;}
	#trigger{padding:20px 0 0 0 }
	.project{padding:40px 20px 0; margin:20px auto 0}
	.project p{width:100%; text-align:justify;}
	.project--details p{max-width:100%}
	.project__title { grid-area: title; font-weight: 400; margin:20px 0 20px 0; line-height: 1; }
	#videoVdos {margin: 1px auto 0; width: 100%;}
	.projectPremios { padding: 0 20px; max-width: 100%; margin: 0vh auto 20px; display: block; grid-column-gap: inherit; grid-row-gap:inherit; text-align: justify;}
	#premios{padding: 0 20px 40px}
	#premios ul li img{width:100%;}
	#premios ul li{width:23%; margin:1%}
	.slider-pro p.sp-layer, #menuContacto li, #loadingContainer, #gallery-1, .pin-spacer, .gallery-wrap, .project__label, .pin-spacer{display: none}
	#triggerDos{display: block}
	.fifty li, .fiftyPad h3, address span, address, #quick{width:100%!important}
	#triggerDos ul li button{padding:10px 8px; border-bottom: 1px solid #5d5e5d; height: 76px; width:100%}
	.fifty em, .fifty strong{text-align:left}
	#triggerDos ul { padding: 30px 0 0px;}
	#triggerDos ul li a{padding:10px 8px;  border-bottom:none; border-top: 1px solid #5d5e5d; height: inherit;}
	address p, footer ul li, #triggerDos strong, #triggerDos em, .fiftyPad h3{text-align:center}
	footer{padding: 40px 40px;}
	footer ul{width:100%; margin-top:20px}
	.fifty strong{font-size:.8em;}
	.fifty em{margin:4px 0 0px 0}
	.circle {margin-top:16px}
	.circle em{width: 130px; text-align: left!important;}
	address a {color: #9f9f9f;  float: left;  width: 100%;  text-align: center;}
	footer p{padding:0}
	footer address strong{font-size:.9em}
	#quick input::placeholder{ font-size:.8em;   }
	#copyright{font-size:.65em}
	.fiftyPad{padding: 20px;}
	.wrapCon span{top:63px}
	#premiosBox li{height:inherit;}
	}
	
@media (max-width:640px){
	
	#proyects li {height:180px;}
	#proyects h1{font-size: 1.4em;}
	#premiosBox li{height:inherit;}
	#prensaBox li{height:300px}
}


@media (max-width:540px) {
	.card.is-custom-selected{width:225px; height:200px;}
	.card{width:80px; height:80px}
	.card a {display: none}
	.card.is-custom-selected a{display:block; font-size:.9em}
	.fifty h2{font-size:1.6em}
	#logo { width: 250px; margin-top: 2rem; margin-bottom: 1rem;}
	#despc{font-size:.6em; text-transform: uppercase}
	.fifty h2, #proyects strong{font-size:.9em; }
	.project__mission p{display: none}
	#premiosBox li{height:inherit;}
	#prensaBox li{height:300px}
	.slick-dots{display: none!important}
}

@media (max-width:320px) {
	
	
	#proyects h1{font-size:.85em; margin-bottom:10px;}
	#proyects li { width: 100%; height:180px; margin:0px 0 10px;}
	#despc{display:none}
	#premiosBox li{height:inherit;}
	#prensaBox li{height:300px}
}