@media screen and (max-width: 1360px){
	#slider h1{
		font-size: 3.8em;
	}
	/*Nosotros*/
	#nosotros .atributos{
		grid-gap: 20px;
	}
		#nosotros .atributos div:nth-of-type(1) > p{
			top: 0;
		}
		#nosotros .atributos div:nth-of-type(2) > p{
			top: 25%;
		}
		#nosotros .atributos div:nth-of-type(3) > p{
			top: 55%;
		}
	/*Servicios*/
	#servicios {
		padding: 5%;
	}
}

@media screen and (max-width: 1280px){
	#slider,
	#slider ul li{
		height: 600px;
	}
		#slider h1{
			font-size: 3.5em;
		}
		.uno, .dos, .tres, .cuatro, .cinco{
			background-position: top center;
		}
		/*flecha*/
		span.flecha {top:560px;}
			span.flecha:hover {top:562px;}
	/*Nosotros*/
	#nosotros .atributos{
		grid-gap: 20px;
	}
		#nosotros .atributos div:nth-of-type(2) > p{
			top: 25%;
		}
		#nosotros .atributos div:nth-of-type(3) > p{
			top: 60%;
		}
	.sliderclientes ul{width: -2150px;}
	.sliderclientes {max-width: 1075px;}
		@keyframes cambioclientes {
		0%{margin-left: 0;}
		10%{margin-left: 0;}
		90%{margin-left: -2150px;}
		100%{margin-left: -2150px;}
	}
	/*Servicios*/
	#servicios {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 1024px){
	#slider,
	#slider ul li{
		height: 500px;
	}
	.uno{background-image: url(../img/slider/portada-1-1024.webp);}
	.dos{background-image: url(../img/slider/portada-2-1024.webp);}
	.tres{background-image: url(../img/slider/portada-3-1024.webp);}
	#slider h1{
		font-size: 3em;
	}
	h2{font-size: 2.4em;}

	span.flecha {top:460px;}
	span.flecha:hover {top:462px;}

	/*Nosotros*/
	#nosotros .atributos div{
		padding: 50px 0;
	}
	#nosotros .atributos div:nth-of-type(1):hover {
		padding: 15px 5px;
		animation-delay: .2s;
	}
	#nosotros .atributos div:nth-of-type(2) > p{
		top: 0;
	}
	#nosotros .atributos div:nth-of-type(3) > p{
		top: 55%;
	}
	.sliderclientes {max-width: 925px;}

	/*datos contacto*/
	.contenedor-datos-contacto {
		grid-template-columns: 1fr;
	}
	/*formulario*/
	form input[type="submit"]{
		float: left;
		width: 100%;
		margin-top: 7px;
	}

}

@media screen and (max-width: 768px){
	/*header*/
	header #redes{display: none;}
	div.menu_bar{display:block;}
	header nav {width: 90%;	position: fixed;right:100%;margin: 0; overflow: hidden;}
	header nav ul li {display: block; border-bottom:1px solid rgba(255,255,255,.5); padding: 25px; font-size: 1.1em; border-bottom: solid 1px #f79b1e; margin: 0;}
	header nav ul li span{display: block;}
	header nav ul li:hover {background: #f79b1e;}
	header nav ul li:hover a {color: #fff;}
	header nav ul li a {display: block; padding: 0;	transition: all 0.1s ease;}
	header nav ul li a:hover {border: 0;padding: 0;color: #fff;}

	/*menu sticky*/
	.margenmenu{box-shadow: 2px 2px 2px rgba(0,0,0,.6);}
	.topsticky div.menu_bar #cruz{margin-top: -45px;}
	.topsticky div.menu_bar #burger{margin-top: -50px;}

	/*slider*/
	#slider,
	#slider ul li{
		height: 400px;
	}
		#slider h1{font-size: 2em;}
		span.flecha {display: none;}
	.margenmenusticky{margin-top: 1.5%;}


	#slider ul li a{margin: 0 30%;}

	/*nosotros*/
		.nosotros-intro{
			grid-template-columns: 1fr;
		}
		#nosotros .atributos{
			grid-template-columns: 1fr;
			z-index: 1;
		}
			#nosotros .atributos div{
				height: 230px;
				align-items: center;
			}
				#nosotros .atributos div:nth-child(1),
				#nosotros .atributos div:hover:nth-child(1),
				#nosotros .atributos div:nth-child(2){
					padding: 40px 25px;
				}
					#nosotros .atributos div:nth-child(1) > p{
						top: -20px;
					}
					#nosotros .atributos div:nth-child(3) > p{
						top: 0;
					}

		.sliderclientes {max-width: 675px;}
		.sliderclientes ul{animation:cambioclientes 25s infinite linear;}	
		@keyframes cambioclientes {
			0%{margin-left: 0;}
			10%{margin-left: 0;}
			90%{margin-left: -2300px;}
			100%{margin-left: -2300px;}
		}

	/*fotos capacitación*/
	h6.titfoto{
	    margin: 20px 0 10px 0;
	    }

	/*contacto*/
	.contenedor-contacto{
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}

	/*formulario*/
	.formulario {width: 100%; margin: 0; padding:0 5%;}

	/*PAGINA CONTENEDORES*/

	#contenedores .imagen{width: 100%; margin-right: 0; margin-bottom: 15PX;}
	#contenedores .textos{width: 100%;}
	#contenedores .textos ul li{font-size:.7em;}
}

@media screen and (max-width: 560px){
	#nosotros > h2,
	#contacto h2,
	#servicios h2{
		font-size: 30px;
	}
	.uno{background-image: url(../img/slider/portada-1-560.webp);}
	.dos{background-image: url(../img/slider/portada-2-560.webp);}
	.tres{background-image: url(../img/slider/portada-3-560.webp);}
	/*Nosotros*/
	#nosotros .atributos div:nth-child(1) > p{
		top: -45px;
	}
	#nosotros .atributos div:nth-child(2) > p{
		top: -25px;
	}
	/*Servicios*/
	#servicios {
		grid-template-columns: 1fr;
	}
	/*Contacto*/
	.contenedor-datos-contacto {
		grid-gap: 30px;
	}
}



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

h2{font-size: 2.2em;}
h5{font-size: 1.1em;}
h6{font-size: .9em;}


/*slider*/
	#slider h1{
		font-size: 1.5em;
		max-width: 90%;
		margin-left: 5%;
	}
	#slider h3{font-size: 1.8em;}
	#slider ul li a{margin: 10px 25%; padding:2vh 30px; font-size: .8em;}

/*nosotros*/
	.sliderclientes {max-width: 300px;}
	.sliderclientes ul li{width: 120px; height: 80px;}
	.c01,.c02,.c03,.c04,.c05,.c06,.c07,.c08,.c09,.c10,.c11,.c12,.c13,.c14,.c15,.c16,.c17,.c18,.c19,.c20,.c21,.c22,.c23,.c24,.c25{background-size: 120px !important;	}
		@keyframes cambioclientes {
			0%{margin-left: 0;}
			10%{margin-left: 0;}
			90%{margin-left: -2100px;}
			100%{margin-left: -2100px;}
		}


/*servicios*/

    div.fotos{
    grid-template-columns: repeat(1,1fr);
    }

    div.fotos img{
    width: 100%;
    }

#expoportada{margin-top: 50px;}

#expoportada, #impoportada, #aseportada, #capportada{height: 250px; background-position: center; background-attachment: inherit;}
	#expoportada{background-image: url(../img/servicios/expoportada480.jpg);}
	#impoportada{background-image: url(../img/servicios/impoportada480.jpg);}
	#aseportada{background-image: url(../img/servicios/aseportada480.jpg);}
	#capportada{background-image: url(../img/servicios/capportada480.jpg);}

	#contexpo article, #contimpo article, #contase article, #contcap article {padding:3%;}



/*comercio*/
#comercio{background-image: url(../img/comercio/comercio480.jpg);}

#incoterms, #contenedores, #inscripciones, #estimulos {padding: 20% 0 3% 0;}
#incotermsportada, #contenedoresportada, #inscripcionesportada, #estimulosportada {height: 250px;}
#incotermsportada h1, #contenedoresportada h1, #inscripcionesportada h1, #estimulosportada h1{padding-top: 13vh;}

#incotermsportada {background-image: url(../img/paginternas/incotermsportada480.jpg);}
#contenedoresportada {background-image: url(../img/paginternas/contenedoresportada480.jpg);}
#inscripcionesportada {background-image: url(../img/paginternas/inscripcionesportada480.jpg);}
#estimulosportada {background-image: url(../img/paginternas/estimulosportada480.jpg);}

/*iconterms*/
#incoterms article ul li b{font-size: .9em;}
img.iconterms1280{display: none;}
img.iconterms480{display: block;}


/*datos de contacto*/
	.datoscontacto h4{font-size: 1.5em;}


	#contacto form input[type="submit"]{width: 50%; margin-right: 50%; margin-top: 5px;}

			/*footer*/
	footer h4{font-size: .7em;}
	footer section {width: 48%; margin-right: 4%;}
	footer section ul a{font-size: 0.7em;}
	footer section ul a:hover{font-size: .8em;}
}

@media screen and (max-width:360px){
	/*Nosotros*/
	#nosotros .atributos div:nth-child(1) > p{
		top: -70px;
		font-size: 15px;
	}
	#nosotros .atributos div:nth-child(2) > p{
		top: -35px;
		font-size: 15px;
	}
}