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

.sobre-mi-izq {
  width: 100%;
  min-height: 420px;
  padding: 30px;
  border-radius: 10px;
}


.sobre-mi-der {
  background-color: #ccc;
  float: left;
  width: 100%;
  min-height: 470px;
  border-radius: 10px;
  background-position-x: 37%;
}


.bloque-der-que-son {
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 30px;
}

#valores {
  background-color: #FAFAFA;
  margin-top: 30px;
  min-height: 300px;
}

.bloque-valores {
  margin-top: 35px;
  margin-left: 10px;
}

.texto-valores {
  width: 98%;
  float: left;
}

.icon-valores img {
  display: block;
  margin: 0px auto 25px;
}

.icon-valores {
  width: 90px;
  margin-right: 0px;
  float: none;
  margin: auto;
}

.texto-valores h3 {
  text-align: center;
}

#que-son-practicas {
  margin-top: 55px;
}

.bloque-preguntas {
  width: 100%;
  margin: 30px auto 0px;
}


.panel-title a {
  padding: 15px 60px 15px 20px;
}

.texto-acordeon {
  float: left;
  width: 100%;
}

.icon-acordeon {
  float: none;
  margin: 0px auto 20px;
}

.bloque-testimonios {
  width: 100%;
  margin: auto;
}

#testimonios {
  margin-top: 50px;
  padding-top: 45px;
  padding-bottom: 40px;
}

.box-frase {
  width: 300px;
  height: auto;
  margin-top: 130px;
  margin-left: 21px;
}

.box-frase h1 {
  font-size: 25px;
  color: #FCBA57;
  line-height: 35px;
  font-weight: 500;
  margin-bottom: 40px;
  font-style: italic;
  text-align: left;
}

.box-frase p::after {
  right: 0px;
  bottom: -5px;
}


header {
  min-height: 600px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%), url("../img/bg-header_.png");
}

.box-sobre-mi {
  width: 93%;
}

.slick-next {
  display: none !important;
}

.slick-prev {
  display: none !important;
}

.logo-sticky-xs {
  margin-top: 3px;
}


.cabecera.largo {
    position: fixed;
    width: 100%;
    height: 94px;
}

.cabecera.corto {
    height: 94px;
}


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

}



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


.sobre-mi-izq {
  width: 100%;
  min-height: 420px;
  padding: 30px;
  border-radius: 10px;
}

.logo-sticky-xs {
  margin-top: 4px;
}


.sobre-mi-der {
  background-color: #ccc;
  float: left;
  width: 100%;
  min-height: 470px;
  border-radius: 10px;
  background-position-x: 37%;
}


.bloque-der-que-son {
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 30px;
}

#valores {
  background-color: #FAFAFA;
  margin-top: 30px;
  min-height: 300px;
}

.bloque-valores {
  margin-top: 35px;
  margin-left: 10px;
}

.texto-valores {
  width: 98%;
  float: left;
}

.icon-valores img {
  display: block;
  margin: 0px auto 25px;
}

.icon-valores {
  width: 90px;
  margin-right: 0px;
  float: none;
  margin: auto;
}

.texto-valores h3 {
  text-align: center;
}

#que-son-practicas {
  margin-top: 55px;
}

.bloque-preguntas {
  width: 100%;
  margin: 30px auto 0px;
}


.panel-title a {
  padding: 15px 60px 15px 20px;
}

.texto-acordeon {
  float: left;
  width: 100%;
}

.icon-acordeon {
  float: none;
  margin: 0px auto 20px;
}

.bloque-testimonios {
  width: 100%;
  margin: auto;
}

#testimonios {
  margin-top: 50px;
  padding-top: 45px;
  padding-bottom: 40px;
}

.box-frase {
  width: 510px;
  height: auto;
  margin-top: 130px;
  margin-left: 21px;
}

.box-frase h1 {
  font-size: 35px;
  color: #FCBA57;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 40px;
  font-style: italic;
  text-align: left;
}

.box-frase p::after {
  right: 0px;
  bottom: -5px;
}


header {
  min-height: 600px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%), url("../img/bg-header_.png");
}

.box-sobre-mi {
  width: 93%;
}

.slick-next {
  display: none !important;
}

.slick-prev {
  display: none !important;
}

.logo-sticky-xs {
  margin-top: 3px;
}


.cabecera.largo {
    position: fixed;
    width: 100%;
    height: 94px;
}

.cabecera.corto {
    height: 94px;
}


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

}


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


header {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%), url("../img/bg-header_.png");
  min-height: 750px;
}


.box-frase {
  width: 550px;
  height: 125px;
  margin-top: 140px;
  position: absolute;
  margin-left: 150px;
}

.box-frase p::after {
  right: 50px;
}

.navbar-principe .nav > li > a {
  padding: 4px 12px;
}

.botonera {
  float: right;
  margin-top: 5px;
}

.logo-sticky {
  margin-top: 8px;
}


.cabecera.corto .botonera {
  margin-top: 17px;
}

.cabecera.corto .logo-sticky img {
  margin-top: 19px;
}

.sobre-mi-izq {
  width: 100%;
  min-height: 420px;
  padding: 30px;
  border-radius: 10px;
}


.sobre-mi-der {
  background-color: #ccc;
  float: left;
  width: 100%;
  min-height: 470px;
  border-radius: 10px;
  background-position-x: 37%;
}

.bloque-der-que-son {
  padding-right: 25px;
  padding-left: 25px;
  margin-top: 30px;
}

.bloque-valores {
  margin-top: 60px;
  margin-left: 30px;
}

.slick-next {
  right: -70px !important;
}

.slick-prev {
  left: -70px !important;
}

}



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

header {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%), url("../img/bg-header_.png");
  min-height: 750px;
}


.navbar-principe .nav > li > a {
  padding: 4px 12px;
}

.botonera {
  float: right;
  margin-top: 5px;
}

.logo-sticky {
  margin-top: 8px;
}


.cabecera.corto .botonera {
  margin-top: 17px;
}

.cabecera.corto .logo-sticky img {
  margin-top: 19px;
}

.bloque-der-que-son {
  padding-right: 10px !important;
  padding-left: 10px !important;
  margin-top: -21px !important;
}


}




@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:94px;
  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){ 


}  