/* LG */
@media only screen and (max-width : 1200px) {
	
	.espacio{
		padding:120px 0;
	}
	
	#menu .nav>li{
		margin-right: 50px;
	}
	
	.contenido h3{
		margin-top: 100px;
	}
	.contenido ul li{
		width: 50%;
	}
	
	#servicios nav a:first-child+*+*+*{
		padding-left:0%;
		width: 22%;
	}
	#servicios nav a:last-child{
		padding-left:4%;
		width: 18%;
	}
	footer section img{
		top:-23px;
		left:7px;
	}
	
	body.corte-y-plegado-de-chapas .contenido p.iconos span{
		width: 80%;
	}
	
}

/* MD */
@media only screen and (max-width : 992px) {
	
	.wow, .animated {
			/*CSS transitions*/
			-o-transition-property: none !important;
			-moz-transition-property: none !important;
			-ms-transition-property: none !important;
			-webkit-transition-property: none !important;
			transition-property: none !important;
			/*CSS transforms*/
			-o-transform: none !important;
			-moz-transform: none !important;
			-ms-transform: none !important;
			-webkit-transform: none !important;
			transform: none !important;
			/*CSS animations*/
			-webkit-animation: none !important;
			-moz-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
	}
	
	#menu .nav>li{
		margin-top: 8px;
		margin-right: 54px;
	}
	#menu .nav>li>a,
	#menu .navbar-nav>li>a{
		font-size: 14px;
	}
	
	header{
		min-height: auto !important;
		padding:0 0 75px 0;
	}
	header h1{
		margin-top: 75px;
	}
	
	.espacio{
		padding:75px 0;
	}
	
	.contenido{
		background:#0e0e0e;
	}
	.contenido h3{
		margin-top: 75px;
	}
	.contenido h5{
		margin-top: 45px;
	}
	.contenido p{
		margin-top: 30px;
	}
	.contenido ul li{
		width: 36%;
	}
	
	.contenidoimg,
	body.taller-metalurgico .contenidoimg{
		min-height: auto !important;
		margin:75px -30px 0 -30px !important;
		padding:0 !important;
	}
	.contenidoimg img,
	body.taller-metalurgico .contenidoimg img{
		position: static !important;
		width: 100% !important;
	}
	
	#servicios{
		min-height: auto !important;
		padding:0 0 45px 0;
	}
	#servicios nav a{
		font-size: 10px;
	}
	#servicios nav a img{
		margin:30px 0 10px 0;
	}
	#servicios nav a span{
		font-size: 12px;
	}
	
	#objetivo{
		padding-bottom:150px;
	}
	#objetivo img.imgfull{
		width: 75% !important;
		min-width: 75% !important;
		max-width: 75% !important;
	}
	
	#carousel-example-generic{
		position: static !important;
		margin-top: 75px;
		width: 100% !important;
	}
	
	footer{
		background-image:none !important;
	}
	footer section{
		padding-left:60px;
	}
	footer section img{
		top:-18px;
		left:-15px;
	}
	footer hr{
		margin:45px 0;
		border-color:#eee;
	}
	a#siete{
		margin-top: 15px;
	}
	
	/*volquetes*/
	#carousel-volquetes .carousel-control.left{
		left:30px;
	}
	#carousel-volquetes .carousel-control.right{
		right:30px;
	}
	
	/*taller*/
	body.taller-metalurgico .contenido{
		background:#222;
	}
	body.taller-metalurgico .contenido p:last-child{
		margin-bottom: 0px;
	}
	
}

/* SM @media only screen and (max-width : 768px) {}*/

/* XS */ 
@media only screen and (max-width : 740px) {
	
	.btnblue{
		height: 46px;
		padding:0 30px;
	
		font-size: 10px;
		letter-spacing:0.125em;
		line-height:46px;
	}
	.espacio{
		padding:45px 0;
	}
	
	body.index,
	body.volquetes-y-carrocerias,
	body.taller-metalurgico,
	body.mantenimiento-de-hidrogruas,
	body.enderezado-de-chasis-y-estructuras,
	body.corte-y-plegado-de-chapas{
		background-image:none;
	}
	
	body.taller-metalurgico{
		background:#0e0e0e;
	}
	
	#menu{
		padding:0;
		border-bottom:none;
		background:white;
	}
	.navbar{
		border:0;
	}
	#menu .navbar-brand {
		height: auto !important;
		margin:20px 0;
	}
	a.navbar-brand img{
		width: 75px;
	}
	.navbar-toggle {
	    margin:25px 10px 0 0;
	}
	span.icon-bar{
		background:#533e33;
	}

	.navbar-collapse{
		padding-bottom:15px;
		border:none !important;
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#017eff+0,024bdd+100 */
		background: #017eff; /* Old browsers */
		background: -moz-linear-gradient(top,  #017eff 0%, #024bdd 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #017eff 0%,#024bdd 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #017eff 0%,#024bdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017eff', endColorstr='#024bdd',GradientType=0 ); /* IE6-9 */
	
	}
	
	.navbar-nav,
	#menu .nav>li {
	    margin:0px;
	}
	.nav>li>a, 
	#menu .navbar-nav>li>a {
		padding:15px 0 !important;
		background:url(../_img/flecha.png) no-repeat 95% 35px;
		background-size:11px;
	    font-size: 14px;
		line-height:21px;
	}
	
	header{
		padding:0 0 45px 0;
	}
	header h1{
		margin-top: 45px;
		font-size: 24px;
	}
	header h2 {
	    margin-top: 30px;
		font-size: 18px;
	}
	header a {
	    margin-top: 30px;
	}
	
	.contenido{
		background:#202020;
	}
	.contenido h3{
		margin-top: 45px;
		line-height:21px;
	}
	.contenido h4{
		margin-top: 30px;
	}
	.contenido p{
		margin-top: 30px;
	}
	.contenido ul li{
		width: 100%;
	}
	.contenidoimg{
		margin:45px -30px 0 -30px !important;
	}
	
	body.corte-y-plegado-de-chapas .contenido p.iconos span{
		width: 70%;
	}
	
	#servicios{
		padding:0;
	}
	#carousel-servicios .carousel-control.left{
		left:30px;
	}
	#carousel-servicios .carousel-control.right{
		right:30px;
	}
	#carousel-servicios .item{
		text-align: center;
	}
	#carousel-servicios .item a{
		color:#ffa599;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height:21px;
		letter-spacing:0px;
		text-decoration: none;
		text-transform:uppercase;
	}
	#carousel-servicios .item a span{
		display:block;
		margin-bottom: 45px;
		
		color:white;
		font-size: 18px;
		font-weight: 700;
	}
	#carousel-servicios .item a img{
		margin:30px auto 15px auto;
	}
	
	#objetivo{
		padding-bottom:45px;
	}
	#objetivo p{
		margin-top: 30px;
	}
	#objetivo img.imgfull{
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	#carousel-example-generic .carousel-control.left{
		top:0px;
		left:45px;
	}
	#carousel-example-generic .carousel-control.right{
		top:0px;
		left:auto;
		right:45px;
	}
	
	footer h3 {
	    margin-bottom: 30px;
	}
	footer section{
		padding-left:0px;
	}
	footer section img{
		display:none;
	}
	#formulario textarea{
		height: 150px;
	}
	

}