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

.cabecera-top{
  display: none;
}


.logo-sticky-xs img{
  width: 180px;
}

.cabecera.largo {
  padding-top: 5px;
}

.chatear{
  display: none;
}

#oportunidades h2 {
  text-align: center;
  font-size: 28px;
  color: #fff;
  font-weight: 800;
  padding-top: 0px;
}

#oportunidades p {
  width: auto;
  margin: 30px auto;
}

#oportunidades .btn-secundario {
  margin: 0px auto 30px;
}


#numeros h3 {
  font-size: 40px;
}

#noticias-home h2 {
  font-size: 28px;
  text-align: center;
}

.box-noticia {
  position: relative;
  margin-bottom: 30px;
}

#noticias-home {
  padding-top: 40px;
  padding-bottom: 10px;
}


#header-proposito h1 {
  font-size: 21px;
  line-height: 28px;
  width: auto;
  margin: 100px auto 0px;
}


#header-proposito {
  min-height: 300px;
}

#construir h2 {
  width: 100%;
  padding-bottom: 30px;
  font-size: 24px;
}

#construir h3 {
  text-align: center;
  color: #fff;
  width: 100%;
  margin: auto;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 30px;
}

#construir p {
  width: 100%;
  margin: auto;
  text-align: center;
}

#sobre-fundacion h2 {
  font-size: 30px;
}

#header-hacemos {
  min-height: 300px;
}

#header-hacemos h1 {
  font-size: 21px;
  line-height: 28px;
  width: auto;
  margin: 140px auto 0px;
}


.box-white {
  margin-right: 10px;
  margin-left: 10px;
}


.contenido-box {
  width: 100%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.quehacemoscol {
  padding-left: 0px;
}


.col-consejo {
  min-height: 300px;
}

.col-buscamos {
  min-height: 300px;
}

.col-sede {
  min-height: 300px;
}

#hacemos {
  padding-bottom: 0px;
}

.col-eq-5 {
  width: 100%;
}


.bg-equipo {
  margin-left: 30px;
  margin-right: 30px;
}


.col-talleres {
  min-height: 300px;
}

#titular-section.sec-orange h1 {
  font-size: 25px;
}

#titular-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.contenido-nota-blog h2 {
  font-size: 22px;
}

.item-nota .sinpad-izq{
  padding-left: 15px;
}

.item-nota .sinpad-der{
  padding-right: 15px;
}

.contenido-nota-completa h1 {
  font-size: 25px;
  line-height: 30px;
}

.otras-notas {
  margin-top: 50px;
}


.box-text-slider {
  position: absolute;
  top: 150px;
  padding-left: 25px;
}

.box-text-slider p {
  font-size: 24px;
  line-height: 27px;
}

.box-text-slider span {
  font-size: 16px !important;
  display: block;
  width: 280px;
}

.box-text-slider span br {
  display: none;
}


}



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

.cabecera-top{
  display: none;
}


.logo-sticky-xs img{
  width: 180px;
}

.cabecera.largo {
  padding-top: 5px;
}

.chatear{
  display: none;
}

#oportunidades h2 {
  text-align: center;
  font-size: 28px;
  color: #fff;
  font-weight: 800;
  padding-top: 0px;
}

#oportunidades p {
  width: auto;
  margin: 30px auto;
}

#oportunidades .btn-secundario {
  margin: 0px auto 30px;
}


#numeros h3 {
  font-size: 40px;
}

#noticias-home h2 {
  font-size: 28px;
  text-align: center;
}

.box-noticia {
  position: relative;
  margin-bottom: 30px;
}

#noticias-home {
  padding-top: 40px;
  padding-bottom: 10px;
}


#header-proposito h1 {
  font-size: 21px;
  line-height: 28px;
  width: auto;
  margin: 100px auto 0px;
}


#header-proposito {
  min-height: 300px;
}

#construir h2 {
  width: 100%;
  padding-bottom: 30px;
  font-size: 24px;
}

#construir h3 {
  text-align: center;
  color: #fff;
  width: 100%;
  margin: auto;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 30px;
}

#construir p {
  width: 100%;
  margin: auto;
  text-align: center;
}

#sobre-fundacion h2 {
  font-size: 30px;
}

#header-hacemos {
  min-height: 300px;
}

#header-hacemos h1 {
  font-size: 21px;
  line-height: 28px;
  width: auto;
  margin: 140px auto 0px;
}


.box-white {
  margin-right: 10px;
  margin-left: 10px;
}


.contenido-box {
  width: 100%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.quehacemoscol {
  padding-left: 0px;
}


.col-consejo {
  min-height: 300px;
}

.col-buscamos {
  min-height: 300px;
}

.col-sede {
  min-height: 300px;
}

#hacemos {
  padding-bottom: 0px;
}

.col-eq-5 {
  width: 100%;
}


.bg-equipo {
  margin-left: 30px;
  margin-right: 30px;
}

#titular-section h1 {
  font-size: 24px;
}


.col-talleres {
  min-height: 300px;
}

#titular-section.sec-orange h1 {
  font-size: 25px;
}

#titular-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.contenido-nota-blog h2 {
  font-size: 22px;
}

.item-nota .sinpad-izq{
  padding-left: 15px;
}

.item-nota .sinpad-der{
  padding-right: 15px;
}

.contenido-nota-completa h1 {
  font-size: 25px;
  line-height: 30px;
}

.otras-notas {
  margin-top: 50px;
}



.box-text-slider {
  position: absolute;
  top: 150px;
  padding-left: 25px;
}

.box-text-slider p {
  font-size: 24px;
  line-height: 27px;
}

.box-text-slider span {
  font-size: 16px !important;
  display: block;
  width: 280px;
}

.box-text-slider span br {
  display: none;
}


}


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



}



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







}




@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:87px;
  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: 1222px) and (max-width:1430px){ 

.box-frase-intro {
  top: 135px;
}


}