@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1px) and (max-width: 1024px) {
	
	.menu-responsive {
		display: block;
	}
	
	.menu-responsive-cerrar {
		display: block;
		width: 100%;
		height: 35px;
		float: left;
		margin: 15px 0px;
		object-fit: contain;
		object-position: 50% 50%;
	}
	
	.menu {
		position: fixed;
		background-color: #048;
		width: 220px;
		height: 100%;
		top: 0px;
		right: -225px;
		margin: 0px;
		box-shadow: -5px 0px 10 #00000050;
		z-index: 500;
	}
	
	.nav li {
		width: 100%;
	}
	
	.nav li a {
		width: 100%;
		margin: 0px;
		float: left;
		box-sizing: border-box;
		color: #FFF !important;
		text-align: left;
	}
	
	.nav li a:hover {
		background-color: #B13;
	}
	
	.conocenos-presencia-medios-main {
		font-size: 25px;
	}
	
	/*.conocenos-identidad-main {
       	width: -moz-calc(50% - 15px);
		width: -webkit-calc(50% - 15px);
		width: -o-calc(50% - 15px);
		width: calc(50% - 15px);
    }

    .conocenos-identidad-main:nth-child(3) {
        width: 100%;
    }*/
	
}





@media only screen and (min-width: 1px) and (max-width: 900px) {
	
	.galeria {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.etapas-main {
		flex-wrap: wrap;
	}
	
	.conocenos-identidad-inline {
		flex-wrap: wrap;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 850px) {
	
	.pagos-seguros-main {
		width: 100%;
	}
	
	.pagos-seguros {
		width:100%;
	}
	
	
	
	/*		Servicios 		*/
	.servicios-tramite-visa {
  		font-size: 30px;
	}
	
	.etapa-explicada-main {
		flex-wrap: wrap;
	}
	
	.etapa-explicada {
       	width: -moz-calc(50% - 15px);
		width: -webkit-calc(50% - 15px);
		width: -o-calc(50% - 15px);
		width: calc(50% - 15px);
    }

    .etapa-explicada:nth-child(3) {
        width: 100%;
    }
	
	.conocenos-presencia-medios-inline {
		flex-wrap: wrap;
	}
	
	
	
	/*		Servicios 		*/
	.contacto-cap-main {
		width: 100%;
	}
	
	.contacto-cap {
		flex-wrap: wrap;
	}
	
	.contacto-mapa {
		height: 350px;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 750px) {
	
	.sitios-interes-btn-main {
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.video-informativo-link {
		width: 100%;
		height: 400px;
	}
	
	.requisitos {
		width: 100%;
		padding: 0px 20px;
	}
	
	
	
	/*		Conocenos 		*/
	.conocenos-estrellas {
		overflow: hidden;
	}
	
	
	
	/*		Contacto 		*/
	.contacto-cap-img {
		max-width: 80%;
	}
	
	.contacto-cap-info {
		width: 100%;
		margin-left: 0px;
	}
	
	.contacto-info-main {
		flex-wrap: wrap;
	}
	
	.contacto-info {
       	width: -moz-calc(50% - 15px);
		width: -webkit-calc(50% - 15px);
		width: -o-calc(50% - 15px);
		width: calc(50% - 15px);
		margin: 0px;
		margin-bottom: 15px;
    }

    .contacto-info:nth-child(3) {
        width: 100%;
		margin: 0px;
		margin-bottom: 15px;
    }
	
}





@media only screen and (min-width: 1px) and (max-width: 580px) {
	
	.servicios-pleca-superior-svg {
/*		display: none;*/
	}
	
	.servicios {
		margin-top: 25px;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.servicios-proceso-consular {
		text-align: left;
	}
	
	.servicios-pleca-logo {
		width: 70%;
		margin-top: 25px;
		margin-left: 15%;
	}
	
	.etapa-explicada-num {
		font-size: 45px;
	}
	
	.etapa-explicada {
       	width: 100%;
	}
	
}





@media only screen and (min-width: 1px) and (max-width: 450px) {
	
	.logo {
		display: none;
	}
	
	.logo-responsive {
		display: block;
	}
	
	.titulo {
	 	font-size: 35px;
	}
	
	.slogan {
		font-size: 20px;
	}
	
	.visas-para-adultos {
		font-size: 30px;
	}
	
	.alas-plata-programa-slogan {
		font-size: 25px;
	}
	
	.alas-plata-programa-detalle {
		margin: 0px;
		padding: 0px;
	}
	
	.acordeon-fotos-main {
		display: block;
		height: auto;
	}
	
	.acordeon-fotos-slogan {
		font-size: 20px;
	}
	
	.lo-hacemos-posible-txt {
		font-size: 30px;
	}
	
	.cantidad-visa {
		margin: 10px;
		padding: 20px 10px;
		text-align: center;
		box-sizing: border-box;
	}
	
	.pagos-seguros-bancos {
		flex-wrap: wrap;
	}
	
	.menu-footer-main {
		flex-wrap: wrap;
	}
	
	.menu-footer {
		margin-bottom: 10px;
	}
	
	.contacto-info {
		width: 100%;
	}
	
	.contacto-te-lleva {
		letter-spacing: 2.5px;
	}
	
	.txt-mediano {
		font-size: 25px;
	}
	
}