@media (max-width: 480px) { /*480*/ 


.box-frase h1 {
  font-size: 40px;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 0px;
}

.box-frase {
  width: 320px;
  height: 125px;
  margin-top: 235px;
}

header {
  min-height: 540px;
}

.foto-ana img {
  float: right;
  margin-right: 0px;
  margin-bottom: 30px;
}

#biografia {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 200px;
}

.texto-catalogo {
  width: 96%;
  margin: 30px auto 0px;
}

.btn-filtros {
  margin-bottom: 15px;
}

.box-contenedor-catalogo {
  margin-top: 45px;
  margin-bottom: 0px;
}

.texto-brillo {
  width: 96%;
  float: right;
  padding-top: 0px;
  margin-right: 0px;
}

.texto-brillo span {
  text-align: center;
}

.texto-brillo p {
  text-align: center;
}

#brillo {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 200px;
}

.box-pie p.copyr {
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  margin-left: 0px;
}

#footer-ana h3 {
  margin-top: 20px;;
}

.box-seccion-datos-contacto {
  margin-left: 0px;
}

.cabecera.corto .botonera-xs .navbar-toggle {
  top: 20px;
}

.cabecera.corto .logo-sticky-xs {
  display: block;
  margin-top: 23px;
}

.cabecera.largo {
  background-color: #1A1C26;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
  padding-top: 23px;
}

.botonera-xs .navbar-toggle {
  top: -3px;
}

}



@media (min-width: 481px) and (max-width:767px){ /*ms*/



.box-frase h1 {
  font-size: 40px;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 0px;
}

.box-frase {
  width: 320px;
  height: 125px;
  margin-top: 120px;
}

header {
  min-height: 540px;
}

.foto-ana img {
  float: right;
  margin-right: 0px;
  margin-bottom: 30px;
}

#biografia {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 200px;
}

.texto-catalogo {
  width: 96%;
  margin: 30px auto 0px;
}

.btn-filtros {
  margin-bottom: 15px;
}

.box-contenedor-catalogo {
  margin-top: 45px;
  margin-bottom: 0px;
}

.texto-brillo {
  width: 96%;
  float: right;
  padding-top: 0px;
  margin-right: 0px;
}

.texto-brillo span {
  text-align: center;
}

.texto-brillo p {
  text-align: center;
}

#brillo {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 200px;
}

.box-pie p.copyr {
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  margin-left: 0px;
}

#footer-ana h3 {
  margin-top: 20px;;
}

.box-seccion-datos-contacto {
  margin-left: 0px;
}

.cabecera.corto .botonera-xs .navbar-toggle {
  top: 20px;
}


.cabecera.corto .logo-sticky-xs {
  display: block;
  margin-top: 23px;
}

.cabecera.largo {
  background-color: #1A1C26;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
  padding-top: 23px;
}


.botonera-xs .navbar-toggle {
  top: -3px;
}


}


@media (min-width: 768px) and (max-width:991px){ /*sm*/

.btn-filtros {
  margin-bottom: 20px;
}

header {
  background-image: url("../img/bg-header.png");
  min-height: 620px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.box-frase {
  margin-top: 85px;
}

.texto-brillo {
  width: 100%;
  float: right;
  padding-top: 0px;
  margin-right: 0px;
}

.box-pie {
  width: 100%;
  margin: auto;
}

.box-pie p.copyr {
  margin-left: 54px;
}

}



@media (min-width: 992px) and (max-width:1200px){ /*md*/


.box-pie {
  width: 90%;
  margin: auto;
}

.box-pie p.copyr {
  margin-left: 54px;
}

.btn-filtros {
  margin-bottom: 20px;
}

.box-frase {
  margin-top: 220px;
}

}




@media screen and (max-width: 1050px) {
.side-collapse-container{
  width:100%;
  position:relative;
  left:0;
  transition:left .4s;
}
.side-collapse-container.out{
  left:200px;
}
.side-collapse {
  top:90px;
  bottom:0;
  left:0;
  width:100%;
  position:fixed;
  overflow:hidden;
  transition:width .4s;
  z-index: 9999;
}
.side-collapse.in {
  width:0;
}

}   



@media (min-width: 1850px) and (max-width:2600px){ 


}  





@media (min-width: 1199px) and (max-width:1600px){ /*md*/


.box-frase {
  margin-top: 220px;
}

}