@media only screen and (min-width : 2200px) { 
		.verde-sup
		{
			top: 0px !important;
		}		
	}
	@media (min-width : 1900px) and (max-width : 2000px)  { 
		.verde-sup
		{
			top: -100px !important;
		}		
	}
	@media (min-width : 2000px) and (max-width : 2200px)  { 
		.verde-sup
		{
			top: -45px !important;
		}		
	}
	@media only screen and (min-width : 690px) and (max-width : 1333px) { 
		
		.clientes li.rubro3
		{
			height: 210px;
			line-height: 16px;
			text-align: left;
		}

		
		.fVerde-work .col {
			float: right;
		}
		
		
		.works .work {
			position: relative;
			display: block;
			float: left;
			width: 49%;
			width: calc(50% - 5px);
			/*height: 380px;*/
			margin-bottom: 5px;
			background-color: #F4F4F4;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			overflow: hidden;
		}
	
	
		.parallax
		{			
			background-position: center center !important;
			background-repeat: repeat-y !important;
			/* background-attachment: fixed !important; */
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-attachment:scroll!important;
		}
	
    }
	
	
	@media only screen and (max-width : 400px) { 
		.header-title {
			font-size: 30px !important;
		}
	}

	@media only screen and (max-width : 690px) { 
        
		#main
		{
			padding-top: 70px;
		}
		
		.parallax
		{			
			background-position: center center !important;
			background-repeat: repeat-y !important;
			/* background-attachment: fixed !important; */
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-attachment:scroll!important;
		}
		
		.container
		{
			padding:0px 10px;
			max-width: 100%;
			width: auto;
		}		
		.impacta-container{
			height: 380px;
		}
		.impacta-container .texto-empresa{
			margin-top: 10px;
		}
		.section {
			padding: 0;
		}
		h1{
		font-size: 50px;
		}
		h2{
		font-size: 18px;
		}
		h5{
		font-size: 15px;
		}
		
		.fL {
			float: none;
		}
		
		.noMobile
		{
			display: none!important;
		}
		.mobile
		{
			display: block!important;
		}
		
		
		#nav-mobile{display:block;}
		#nav{
		display:none;
		}
		
		.superior-mobile{
		display:block;
		background-color:#f4f4f4;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		    height: 71px;
		}
		
		.slider {
			position: relative;
			background-color: #f4f4f4;
			height: 350px;
		}

		.carousel-inner .item {
			min-height: 350px;
		}
		
		.slider-info {
			margin-left: 0;
		}
		
		.slider h3
		{
			width: auto;
		}
		
		.slider-info h1 {
			font-size: 26px;
			line-height: 29px;
		}
		
		.superior-mobile  img{
			margin: 0;
			vertical-align: middle;
			position: absolute;
			top: 30px;
			left: 50%;
			margin-left: -97px;
		}
		
		.superior-mobile .contMenu{
		display:none;
		padding: 0 10px;
		}
		
		
		.boton-menu{
			position: absolute;
			top:0;
			right:0;
			background-position:center;
			width: 38px;
			height: 71px;
			background-image: url(../images/menu.png);
			background-color:#000;
			background-repeat:no-repeat;
			cursor: pointer;
		}		
		.boton-close
		{
		    position: absolute;
			top:0;
			right:0;
			background-position:center;
			width: 38px;
			height: 71px;
			background-image: url(../images/close-w.png);
			background-color:#000;
			background-repeat:no-repeat;
			cursor: pointer;
			display: none;
		}	
		
		.imagen-principal {
			height: 420px;
		}
		
		.btDown {
			left: 20px;
		}

		.menu{
			width: 60%;
			height: auto;
			display: block;
			float: none;
		    margin-top: 0;
			padding-top: 140px;
			margin: 0 auto !important;
		}
		.menu li{
		margin-left:0;
		}
		
		.contMenu {
			background-color:#ff020b;
			margin-top: 71px;
			height: 950px;
		}

		.contMenu .redes {
			width: 100%;
			margin-top: 10%;
			margin-left: auto;
			margin-right: auto;
			float: none !important;
		}

		.contMenu .redes a{
			width: 23%;
		}
		
		.superior-mobile .menu li 
		{
		display: block;
		}
		
		.superior-mobile .menu li a{
			display: block;
			padding: 10px 5px;
			font-size:40px;
			color:#000;
		}
	
		.superior-mobile .menu li.sub ul
		{
			display: block;
			margin-left: 5px;
			position: relative;
		}
		.superior-mobile .menu li.sub li a
		{
			color: #fff;
			font-size: 14px;
			display: inline-block;
			margin: 1px;
		}
		
		.flexslider .slides > li {
			height: 80px;
		}

		.flexslider {
			margin-top: 30px!important;
			padding-left: 0!important;
			padding-right: 20px!important;
		}
		
	
	
	
.verde-sup
{
    top: -360px;
	left: 0;
	height: 970px;
}
.mano-1
{
    top: -510px;
    left: -90px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.mano-0
{
	bottom: -280px;
    left: 20px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.verde-circulo
{
	display: none;
}
.gris-inf
{
	display: none;
}

.main-banner {
    position: relative;
    float: none;
    width: auto;
    margin-bottom: 15px;
    margin-right: 0;
}

.header-title {
    text-transform: initial;
    font-size: 45px;
    color: #ffffff;
    line-height: 1.2;
    font-weight: 900;
    margin: 15px 10px 50px 15px;
	text-shadow: 0px 0px #616161;
	width: 100%;
	margin-top: 9%;
}

.texto-linea
{
	display: none;
}


.home-title
{
	text-align: center;
	margin: 60px auto;
}

.home-title h1
{
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
	color: #000;
	letter-spacing: 8px;
}
.home-title h1 span
{
	color: #000000;
	position: relative;
	display: inline-block;
}
.home-title p
{
	color: #000;
	font-size: 16px;
	margin: 15px 0;
}
	
.gray-1 {
    left: 0;
    right: 0;
}
	
.texto-empresa
{
	width: auto;
    margin: 60px auto;
}

.texto-empresa h2 {
    font-size: 22px;
    letter-spacing: 5px;
}
	
.texto-empresa h2 span {
   display: block;
}
.texto-empresa h2 br {
    display: none;
}
	
	
	
	
	
	
	
	
	
	
	
	
	

		.caso-descripcion {
			background-color: #f0f0f0;
			padding: 40px 40px;
		}
		
		.caso-descripcion .col {
			width: auto;
			float: none;
			margin-right: 0;
			margin-bottom: 20px;
		}
		
		#go-top{
			right: 10px;
		}
		
		.titulo h1 {
			font-size: 60px;
		}
		
		.caso-descripcion h2 {
			margin-bottom: 10px;
		}
		
		.fVerde-clientes .flecha, .fGris-clientes .flecha, .fNegro-clientes .flecha {
			bottom: 10px;
			right: 20px;
		}
		
		
		.work-detail .work.slider-work .carousel-inner .item
		{
			min-height: 290px;
			height: 290px;
			background-size: cover;
		}

		.work-detail .work.slider-work
		{
			width: 100%;
			height: 350px!important;
		}
		
		#caso-fotos .work
		{
			width: auto;
			float: none;
			/*height: 240px;*/
			margin-right: 0;
			background: none;
			background-size: cover;
			background-position: center;
		}
		/*
		#caso-fotos .work.alto,
		#caso-fotos .work.small
		{
			height: 410px;
		}*/
		

		.fLeft {
			float: none;
		}
		
		.fVerde-contacto h1 {
			color: #fff;
			margin: 20px 10px 0 10px;
		}

		/***ESTUDIO***/

.fVerde{
	
	width:100%;
	height:auto;
	float:none;
	padding:45px 25px;
}



.fVerde h1{
color:#fff;
margin-bottom:35px;
font-size:50px;
line-height:40px;
}

.estudio-imgDer{
	
	width:100%;
	height:145px;
	float:none;
	
}
.fNegro{
	
	width:100%;
	height:auto;
	float:none;
	padding:10px 15px;
}
.fNegro p{
    color: #fff;
    padding: 35px 15px;
}
.estudio-imgDer2{
	
	width:100%;
	height:145px;
	float:none;
}

.que-hacemos {
    padding: 10px;
}

.que-hacemos h1 {
    padding-top: 30px;
}

.que-hacemos .col{
	width: 100%;
    float: none;
    margin-right: 0;
}

.que-hacemos  p{
    margin-bottom: 50px;
}
/***work***/


.fVerde-work {
    padding: 50px 15px;
}
.fVerde-work .col-img {
    float: none;
    width: 100%;
    margin-right: 0;
}

.fVerde-work .col-img img{
    
    width: 100%;
}

.fVerde-work .col {
  display:none;
}


.casos-estudio {
    padding: 20px 0 0px 20px;
}

.casos-estudio h3 span {
display:block;
}




/***CLIENTES***/
.clientes {
    padding: 10px;
}
#clientes .container {
    margin: 15px;
}
.clientes li {
    width: 50%;
}


.fVerde-clientes,
.fGris-clientes,
.fNegro-clientes
{
	float: none;
	width: auto;
	display: block;
}	


		/***CONTACTO***/
	
		#contacto {
			height: auto;
			 padding-bottom: 20px;
		}
		.fVerde-contacto {
			height: auto;
			background-color: #ff020b;
			padding: 10px;
		}
								
				
		.fVerde-contacto h1{
			font-size: 2em;
		}
		.fNegro-contacto {
			width: 100%;
			float: none;
			padding: 20px;
		}

		.formulario .col {
			width: 100%;
			float: none;
			margin-right: 0;
		}
		

		.formulario .col  input{
			width: 100%;
		}
		.formulario .col  textarea{
			width: 100%;
			height: 260px;
		}
		.formulario .col .btEnviar{
			font-size:30px;
			background-image: url(../images/flecha-enviar.png);
			background-repeat:no-repeat;
			padding-left: 60px;
			color: #fff;
			background-position: 10px;
			margin-top: 35px;
			display: block;
			font-weight:800;
		}
		
		.mapa-contacto{
				width:100%;
				float:none;
				
			}
		
		
		
		.formulario{
		    width: auto;
			display: block;
			position: relative;
			padding: 10px;
		}
		
		
		
		
		#contacto input, 
		#contacto textarea {
			padding: 10px 10px;
			display: block;
			width: 100%;
			margin: 18px 0px;
			color: #fff;
			box-sizing: border-box;
		}
		
		#contacto textarea 
		{
			height:120px;
			resize: none;
			
		}
		
		
		
		
		
		
		
		
		
		
	/***FOOTER***/
	
		
		.footer {
			margin: 0px 0 15px 0;
		}
		
		
		.footer .container{
			padding:15px 15px 20px 15px;
			background-color:#fafafa;
		}
		.footer .container img{
			width: 220px;
		}
		
		.footer p {
			margin-bottom: 10px;
			
		}
				
		.redes .red{
		    margin-bottom: 80px;
		}
		
	.flecha-up{
			background-image: url(../images/flecha-up.jpg);
			background-repeat:no-repeat;
			position:absolute;
			bottom:0;
			right:0;
			display: block;
			width: 58px;
			height:58px;
		}
		
		    
	}