/*estilos de responsive*/
@media screen and (max-width:1350px) {
	.wrapp {
		width: 100%;
	}
}
@media screen and (max-width:1165px) {
  header {
    padding: 0 20px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .listadoExpositores {
    width: 100%;
  }
  .feriaIsometrica {
    width: 100%;
    background-size: auto, auto, contain;
    background-position: top right, top left, top;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width:830px) {
  .centroFeria .recorridoMascaraIsometrica {
    height: auto;
  }
  header {
    padding: 0 20px 0;
    justify-content: center;
    grid-gap: 30px;
    grid-row-gap: 0;
  }
  .feriaIsometrica {
    grid-template-columns: repeat(1, 1fr);
    background-position: top right, top left, top;
    justify-content: center;
  }
  .centroFeria .titulo h2 {
        display: block;
  }
}
@media screen and (max-width:550px) {
  .header .barraMenu nav ul > li.botonsubmenus.idiomas a {
        padding: 6px 20px 5px;
  }
  .header .barraMenu nav ul > li.botonsubmenus.botonregistroheader, .header .barraMenu nav ul > li.botonsubmenus.acceso {
    padding-left: 20px;
    padding-right: 20px;
  }
  .feriaIsometrica {
    background-image: url(imgs/fondo-isometrico-puertas-izq.png), url(imgs/fondo-isometrico-puertas-der.png), url(imgs/fondo-isometrico.jpg);
  }
}
@media screen and (max-width:400px) {
  .header {
    flex-direction: column;
    align-items: center;
  }
  .wrapp {
    margin: 45px auto 0;
  }
  .header .barraMenu {
    border-top: 1px solid #ccc;
  }
  .feriaIsometrica {
    grid-template-columns: repeat(1, 1fr);
  }

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


}