#bannerPrincipal,nav {
  position: relative;
  z-index: 1040;
}



#bannerPrincipal .carousel-inner {
  height: auto; /* alto fijo */
  width: 100%;
}


#bannerPrincipal .carousel-inner img {
  height: auto;         /* ocupa toda la altura del carrusel */
  width: 100%;
}

#bannerprincipalcuadrado{
  display: none;

}

section#bannerprincipalcuadrado {
  margin-top: 120px;  
  display: none;
}


@media (max-width: 768px) {

  #bannerPrincipal .carousel-inner {
    height: auto; /* alto fijo */
  }
  
  
  #bannerPrincipal .carousel-inner img {
    height: auto;         /* ocupa toda la altura del carrusel */
  }

  #bannerprincipalcuadrado{
    display: block;
  }

  section#bannerprincipalcuadrado { 
    display: block;
  }

  #bannerPrincipal{
    display: none;
  }
}