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


	#quienessomos .icono-nos{
	width: 35%;
	}

	/*#galeria .centro{
		max-width: 960px;
	}*/

	#galeria .centro .galeria-section #container-gallery .container-gallery-item .galeria-en-si .galeria-item
	{
		max-height: 170px;
	}

		


}

@media screen and (max-width: 900px){
	.flexslider{
		height: auto;
	}


	#quienessomos .descp-quienessomos{
		width: 50%;
		z-index: 4;
	}
	
	#quienessomos .icono-nos{
		width: 45%;
	}
}

@media screen and (max-width: 880px){
	#certificaciones .certif .logos-certif{
	width: 40%;
	background: #fff;padding: 60px 5px
	}
}

@media screen and (max-width: 1100px){
    nav .centro2 > .menu > li > a{
        padding:20px 10px;
    }
	
	nav .centro2 {
		width: 100%
  }

}

@media screen and (max-width: 900px){
	 nav .centro2 > .menu > li > a{
        padding:15px 6.6px;
    }
}

@media screen and (max-width: 1100px){
    nav .centro2 > .menu > li > a{
        padding:15px 10px;
    }
	
	nav .centro2 {
		width: 100%
  }

}

@media screen and (max-width: 970px){
	#producto .centro .producto-description .imagen-principal-prod{
		flex:0 0 550px;
	}
}

@media screen and (max-width: 886px){
	#producto .centro .producto-description .imagen-principal-prod{
		flex:0 0 500px;
	}
}

@media screen and (max-width: 830px){
	#producto .centro .producto-description .imagen-principal-prod{
		flex:0 0 460px;
	}
}

@media screen and (max-width: 800px){
	#producto .centro .producto-description{
		flex-direction: column;
		align-items: flex-start;
		display:block;
	}
	
	#producto .centro .producto-description .imagen-principal-prod{
		flex:1;
		max-width: 520px;
		margin:0 0 20px;
		width: 100%;
		padding-right: 0;
	}
	
	#producto .centro .producto-description .description{
		width:100%;
		flex:1;
	}

#producto .centro .producto-description .description{
		width:100%;
		flex:1;
}
}

@media screen and (max-width: 870px){
		#producto .centro .producto-description .description .descripcion-si p{
			margin-bottom: 10px
		}


}




@media screen and (max-width: 830px){
	#producto .centro .producto-description .description{
		width:100%;
		flex:1;
		flex-flow:row wrap;
	}
	
	#producto .centro .producto-description .description .descripcion-si{
		width: 100%;
	}
	
	#producto .centro .producto-description .description .contac-pro{
		width:100%;
	}

}



@media screen and (max-width: 700px){
	.galeria-producto{
		padding: 30px 0
	}


	.galeria-producto .galeria-prod-content .galeria-item-producto{
		width: 48%;
		margin-bottom: 15px
	}
}

@media screen and (max-width: 560px){
	.galeria-producto .galeria-prod-content .galeria-item-producto {
		margin-bottom: 25px;
	}
}



@media screen and (max-width: 405px){
	.galeria-producto .galeria-prod-content .galeria-item-producto {
		width:100%;
	}
	
	.galeria-producto .galeria-prod-content .galeria-item-producto .galeria-item-img-producto {
		width:100%;
		height:auto;
	}
}

@media screen and (max-width: 712px){
	header .centro{
		justify-content:space-around;
	}

    header .logotipo, header .logotipo2{
    	width: 40%;
    	margin-bottom: 15px
    }	
	
	header .hora-lugar{
		width: 80%;
	}

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

	#quienessomos{
		padding: 10px 0
	}

	#quienessomos .descp-quienessomos h3{
		text-align: center;
	}

.flexslider .slides li .slider-item h1{
		font-size: 18px;
		padding:10px;
	}


	#quienessomos .descp-quienessomos p {
    text-align: center;
}

	#detalles-tecnicos .centro .detalles-content .detalles-item .mas-responsive{
		display: block;
	}
}

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

.flexslider .slides li .slider-item h1{
		font-size: 16px;
		padding:8px;
	}
}


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

	header{
		box-shadow: 2px 2px 1px rgba(0,0,0,.3);
	}


    header .centro{
    	padding-left:8px;
    	padding-right: 8px
    }


    header .centro .redes-sociales{
    	display: none;
    }

    header .centro .hora-lugar{
    	padding: 0 7px
    }

  
    /*menu*/


    nav.menu-fijo{
		position: fixed;
		top: 55px;
	}




	.responsive-fijo{
		position: fixed;
		top: 0;
		left:0;
		z-index: 9999;
	}


	#menu-responsive {
		display: block;
		background:transparent;
		padding: 15px;
		color:#666;
		cursor: pointer;
		border:1px solid rgba(0,0,0,.3);
		border-radius: 3px;
	}
	
	nav .centro2{
		width: 100%;
		height: 100%;
		margin: 0;
	}

	nav .cerrar-menu{
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		float: right;
	}

	nav .cerrar-menu > i{
		display: block;
		padding: 15px;
		border-radius: 3px;
		border:1px solid rgba(255,255,255,.3);
		color: #ffffff;
		cursor: pointer;
	}
	
	nav{
		width:100%;
		height: 100%;
		z-index: 0;
		padding: 55px 0 0 0;
		transition:all .3s;
		position: fixed;
		top: 0;
		left: -100%;
		box-shadow: none;
		background: rgba(0,0,0,.95);
		z-index:9999;
	}

	nav .cerrar-menu{
		display: block;
	}

	.mostrar-menu{
		left: 0
	}
	
	nav .centro2 .menu{
		flex-direction: column;
		
		padding: 0;
		margin: 0;
		height: 100%;
		overflow: hidden;
	}

	nav .centro2 .menu > li {
    	position: static;
	}
	
	nav .centro2 .menu > li > a{
		text-align: left;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.13);
		position: relative;
		font-size:13px;
	}
	
	nav .centro2 .menu > li > a > i {
		margin-right: 10px;
	}
	
	nav .centro2 .menu > li > a .flechita{
		position: absolute;
		right: 5px;
		font-size: 16px;
		transform:rotate(-90deg);
	}
	
	nav .centro2 .submenu > h3, 
	nav .centro2 .sub-submenu > h3,
	nav .centro2 .submenu > p, 
	nav .centro2 .sub-submenu > p{
		display: block;
	}

	nav .centro2 .submenu .titulo-link {
	    background: #fff;
		padding: 10px;
		font-family: Roboto Slab;
		font-weight: 400;
		font-size: 21px;

	}

	nav .centro2 .submenu .titulo-link i {
    	margin-right: 10px;
	}

	nav .centro2 .submenu .regresar {
	    background: #f4f4f4;
	    padding: 10px 10px 10px 40px;
	    cursor: pointer;
	}

	nav .centro2  .submenu , nav .centro2  .sub-submenu{
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		border-top:none;
		background:#007AE8;
		box-shadow: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: -100%;
		z-index: 999;
		transition:all .3s;
	}

	nav .centro2  .submenu.ocultar-submenu{
		left:0;
	}

	nav .centro2  .submenu.mostrar-submenu, 
	nav .centro2 .menu li > .submenu > li > .sub-submenu.mostrar-sub-submenu
	{
		left: 0;
	}


	nav .centro2  .submenu > li{
		position: static;
	}

	nav .centro2 .menu li > .submenu > li > .sub-submenu {
    	z-index: 9999;
    	position: absolute;
    	top: 0;
    	left: -100%;
    }
	
	nav .centro2 .submenu > li a, nav .centro2 .menu li > .submenu > li > .sub-submenu a{
		color:#fff;
		font-size: 13px;
		padding: 10px 10px 10px 40px;
		border-bottom: 1px solid rgba(255,255,255,.2)
	}
		
	nav .centro2 .submenu > i , nav .centro2 .sub-submenu > i{
		display: none;
	}


	
	#certificaciones .certif{
		flex-direction:column;
	}

	#certificaciones .certif .descrp-certif
	{
		width: 100%;
	}

	#certificaciones .certif .logos-certif{
		width: 50%;
		margin: auto
	}

	#galeria .centro .galeria-section #container-gallery .container-gallery-item .galeria-en-si .galeria-item
	{
		width: 46%
	}	

	footer .centro-footer {
		flex-wrap:wrap;
	}

	footer .centro-footer .redes-sociales,
	footer .centro-footer .datos-empresa{
		width: 45%;
	}

	footer .centro-footer .formulario{
		width: 100%;
		width: 100%;
		padding: 0 30px;
	}

	footer .centro-footer .formulario form,
	footer .centro-footer .formulario h3
	{
		width: 100%
	}

}



@media screen and (max-width: 627px){
	
	
	#valores{
		flex-direction: column;
		
	}
	
	.valores ul li{
	    font-size:21px;
	}
	
	.valores ul li i{
	    margin-right:5px;
	    font-size:24px;
	}
	
	#valores .valores-content h2 {
		margin-top: 20px;
		width:100%;
	}
	
	.valores-img.parallax{
		width: 100%;
		height: 250px;
		background-size:cover; 

	}
	
	#mision .mision p , #vision .vision p{
	    font-size:17px;
	    line-height:30px;
	    text-align:center;
	    width:100%;
	}
	
}


@media screen and (max-width: 700px){
	/*slider*/

	.flexslider .flex-direction-nav a:before{
		transform:scale(0.5);
	}

	.flexslider .flex-direction-nav a.flex-next:before{
		transform:scale(0.5);
	}


	/*quienes somos*/

	#quienessomos{
		width: 100%
	}

	#quienessomos .centro{
		flex-direction:column;
	}

	#quienessomos .centro  .descp-quienessomos{
		width: 100%;
		order:2;
		margin: 20px auto
	}

	#quienessomos .icono-nos {
		width: 60%;
		order:1;
		margin:auto;
	}

	#certificaciones .certif .descrp-certif
	{
		padding:60px 20px;
	}

	#certificaciones .certif .descrp-certif p{
		text-align: justify;
	}

	#certificaciones .certif .logos-certif{
		width: 75%;
		margin: auto
	}
	#galeria .centro .galeria-section .tabs-gallery li{
		margin-bottom: 20px;

	}
}

@media screen and (max-width: 600px) {
	#galeria .centro .galeria-section .tabs-gallery{
		justify-content:space-between;
	}

	#galeria .centro .galeria-section .tabs-gallery li{
		margin-bottom: 20px;
		width:45%;padding: 20px 9px
	}

	#galeria .centro .galeria-section #container-gallery .container-gallery-item .galeria-en-si .galeria-item{	
		max-height: 140px
	}		

   .boton-arriba > i{
	  font-size: 18px;	
		padding: 10px 12px
	}
}

@media screen and (max-width: 720px){
	#caracteristicas-empresa .centro .caracteristicas-content{
	   flex-wrap: wrap
	}
	
	#caracteristicas-empresa .centro .caracteristicas-content .caracteristicas-item {
		width: 43%
	}
	
	#detalles-tecnicos .centro .detalles-content{
		flex-wrap: wrap;
	}
	
	#detalles-tecnicos .centro .detalles-content .detalles-item{
		width: 48%
	}
	
	#mision .mision , #vision .vision{
	 width:100%;
		flex-direction: column
}
	#mision .mision .icono-nos , #vision .vision .icono-nos{
		margin: 0 auto 20px;
		width:50%;
		display: block;
	}

	#mision .mision .icono-nos > i, #vision .vision .icono-nos > i {
    padding: 20px;
    margin: auto;
}
	
		#vision .vision .icono-nos{
		order:2;
		margin-bottom: 0;
		margin-top: 20px
	}

	#vision .vision p {
		order: 2;
		}

		#vision .vision .icono-nos {
    order: 1;
    margin-top: 0;
    margin-bottom: 20px

}

#vision h2{
	text-align: left;
}

	
}


@media screen and (max-width: 518px){
	#galeria .centro .galeria-section #container-gallery .container-gallery-item .galeria-en-si .galeria-item{
		width: 95%;
		margin:0px auto 20px;
		max-height: 240px
	}
	
	#caracteristicas-empresa .centro .caracteristicas-content .caracteristicas-item {
		width: 85%;
		margin:0px auto 15px 
	}
	
	#caracteristicas-empresa .centro .caracteristicas-content .caracteristicas-item  h3{
		font-size: 18px
	}

  #detalles-tecnicos .centro .detalles-content .detalles-item{
		width: 85%;
		margin:0px auto 15px 
	}

	footer .centro-footer .formulario,
	footer .centro-footer .datos-empresa,
	footer .centro-footer .redes-sociales
		 {
		width: 100%;
		margin-bottom: 20px;
	}

	footer .centro-footer .datos-empresa{
		padding-left:30px
	}

	footer .centro-footer .redes-sociales  .logo-footer{
		max-width: 200px;
		margin: 15px auto;
		width:95%;
	}
	
	#cita .centro p{
	    font-size:20px;
	    line-height:35px;
	}
	
	.centro h5 {
	    font-size:18px;
	}

}

@media screen and (max-width: 426px) {
    
    h2{
        font-size:22px;
    }
    
	header .logotipo {
		width: 70%;
		margin-bottom: 10px;
	}
	
	header .logotipo2{
		width: 70%;
	}

	header .redes-sociales{
		justify-content:center;
		flex-direction:column;
		width: 100%;
	}

	header .redes-sociales .rs-item{
		text-align: center;
		width: 100%;
		margin-bottom: 20px
	}

	.flexslider .flex-direction-nav{
		display: none;
	}

	#certificaciones .certif .logos-certif{
		width: 90%;
		margin: auto
	}

	#galeria .centro .galeria-section .tabs-gallery li{
		
		width:80%;
		margin: 0 auto 15px;
		padding: 10px 5px
	}
	
		footer .centro-footer .formulario form .input-group{
		width: 100%
	}
	
	.destacado h2{
		font-size:20px;
	}

	.centro h2{font-size: 26px}
	
	#clientes .centro h2{
		font-size: 26px
	}
	
	#quienessomos .centro h2 > span{font-size: 26px}
	#galeria .centro h2 > span{font-size: 26px}
	#caracteristicas-empresa .centro h2 > span{font-size: 26px}
  #detalles-tecnicos .centro h2 > span{font-size: 26px}
  #clientes .centro h2 > span{font-size: 26px}
}


@media screen and (max-width: 520px){
    .destacado h2{
		font-size:20px;
	}

	.centro h2{font-size: 26px}
	
	#clientes .centro h2{
		font-size: 26px
	}
	
	#quienessomos .centro h2 > span{font-size: 26px}
	#galeria .centro h2 > span{font-size: 26px}
	#caracteristicas-empresa .centro h2 > span{font-size: 26px}
  #detalles-tecnicos .centro h2 > span{font-size: 26px}
  #clientes .centro h2 > span{font-size: 26px}
  
  #quienessomos .centro h2 > span > i{font-size: 33px}
	#galeria .centro h2 > span > i{font-size: 33px}
	#caracteristicas-empresa .centro h2 > span > i{font-size: 33px}
  #detalles-tecnicos .centro h2 > span > i{font-size: 33px}
  #clientes .centro h2 > span > i{font-size: 33px}
  
  

}


@media screen and (max-width: 400px) {
	.copiright .centro{
		flex-direction: column;
	}
	
	.copiright .centro p{
		margin-bottom: 10px;
		text-align: center;
		width: 100%
	}
}

@media screen and (max-width: 351px) {
	header .centro2 .hora-lugar {
		display: flex;
	  flex-direction: column
	}
	
	header .centro2 .hora-lugar .hl-item{
		margin:  0 auto 10px;
		text-align: center
	}
} 

@media screen and (max-width: 711px){
	#producto .prod-dest .prod-dest-item{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.container-mq-2 .mq-2-item {
	    margin-top: 30px;
        flex: 1 1 100%;
        display: flex;
        flex-direction: row;
        justify-content:space-between;
        padding-left:0;
	}
	
	.container-mq-2 .mq-2-item .mq-2-item-img{
	    overflow: hidden;
        height: 150px;
        width: 48%;
	}
} 

@media screen and (max-width: 500px){
    .container-mq-2 .mq-2-item {
	    margin-top: 30px;
        flex: 1 1 100%;
        display: flex;
        flex-direction: column;
        justify-content:space-between;
	}
	
	.container-mq-2 .mq-2-item .mq-2-item-img{
	    overflow: hidden;
        height: auto;
        width: 100%;
        margin-bottom:22px;
	}
}

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

		#producto .acerca-acero-item {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items:center;
	}

}

@media screen and (max-width: 840px){
	
	#producto .acerca-acero-item {
	    flex-direction:column;
	    align-items:flex-start;
	    display: block;
	}

	#producto .acerca-acero-item .prod-dest{
		width: 100%;
		padding-left: 0;
		
	}

	#producto .acerca-acero-item .imagen-acero {
	    max-width: 500px;
	    width: 100%;
	    flex:1;margin-bottom: 20px;
	    height: 300px;
	    overflow: hidden;
	}

	#producto .acerca-acero-item-per{
		width: 100%;
	}

	}




@media screen and (max-width: 830px){
	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes{
		flex:0 0 425px;
	}

}


@media screen and (max-width: 800px){
	.producto-flex .flex-container .flex-tipos{
		flex-direction:column;
		width: 100%;
		display: block;
	}

	.producto-flex .flex-container .flex-tipos .descrp-flex-tipo {
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0
	}

	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes{
		flex:1;
		width: 100%;
	}

}

@media screen and (max-width: 600px){
	.porcentajes-container .porcentajes-item{
		width: 32%
	}
}

@media screen and (max-width: 500px){
	.porcentajes-container {
		flex-direction:column;
	}

	.porcentajes-container .porcentajes-item{
		width: 95%;
		margin: 0 auto 20px;
	}
}




@media screen and (max-width: 400px){
	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes{
		flex-direction:column;
	}

	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes a.descrp-flex-imagenes-item-tres{
		width: 100%;
		margin:0 auto 20px
	}

	
	.producto-flex > ul > li {
    text-align: left;
}


	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes a.descrp-flex-imagenes-item{
		width: 100%;
		margin:0 auto 20px
	}

	.producto-flex .flex-container .flex-tipos .descrp-flex-imagenes a.descrp-flex-imagenes-item-uno{
		width: 100%;margin:0 auto 0
	}

	.producto-flex .flex-container .flex-tipos h3 span {
    padding-bottom: 3px;
    line-height: 35px;
}

}

@media screen and (max-width:686px){
	.alerta-tabla{
		flex-direction: column;
	}
	
	.alerta-tabla .dibujo-alerta{
		width: 100%;
		margin-bottom: 20px
	}
	
	.alerta-tabla .tabla-alert{
		width: 100%;
	}
	
	
}