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


.box-frase h1 {
  font-size: 44px;
  color: #fff;
  line-height: 52px;
}

.box-frase {
  width: 100%;
  height: 280px;
  margin-top: 108px;
  margin-bottom: 30px;
}

.coete {
  width: 205px;
  height: 119px;
  position: absolute;
  right: 2%;
  top: 27%;
}

.astronauta {
  display: none;
}

.coetito {
  display: none;
}

.box-sali-a-jguar {
  width: 100%;
}

.tarjeta-sass {
  margin-top: 26px;
}

.box-numeracion {
  background-color: rgba(255, 255, 255, 0.8);
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.bara-veni h4 {
  font-size: 36px;
  color: #fff;
  font-weight: 900;
  margin-top: 20px;
}


.bara-veni {
  background-color: rgba(140, 2, 2, 0.5);
  min-height: 390px;
}

.astronauta-barra {
  position: absolute;
  top: -5px;
  z-index: 66;
  right: 0;
}

.bara-veni .btn-primario {
  margin-top: 15px;
}

.galeria-fotos{
  margin-top: 30px;
}

.torta {
  display: none;
}

.coete-en-tarjeta {
  width: 266px;
  height: 175px;
  position: absolute;
  left: 12%;
  top: -51px;
}

.img-tarjeta-recarga {
  position: relative;
  right: 0;
  top: 0;
  margin-top: 20px;
}

.textos-recarga {
  width: 100%;
}

.premio-borde {
  border-left: 0px;
}

.pad-ar-ab {
  padding-top: 0px;
  padding-bottom: 0px;
}

.textos-premios {
  padding-left: 0px;
  margin-top: 20px;
}

.img-ubicacion{
  display: none;
}

p.gran-titular {
  font-size: 37px;
  margin-top: 30px;
}


#sucursales {
  padding-top: 27px;
}

.astronauta-moto {
  position: absolute;
  top: 20px;
  right: 10px;
}

.astronauta-moto img{
  width: 180px;
}

#trabaja {
  min-height: 70px;
}

.formulario {
  margin-bottom: 20px;
}

.img-flecha {
  display: none;
}

.box-contacto {
  width: 90%;
  margin: 5px auto 0px;
}

.box-contacto p {
  margin-bottom: 25px;
}

.cabecera.largo {
  background-color: #2B1754;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
}

}



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


.box-frase h1 {
  font-size: 44px;
  color: #fff;
  line-height: 52px;
}

.box-frase {
  width: 100%;
  height: 280px;
  margin-top: 108px;
  margin-bottom: 30px;
}

.coete {
  width: 205px;
  height: 119px;
  position: absolute;
  right: 2%;
  top: 27%;
}

.astronauta {
  display: none;
}

.coetito {
  display: none;
}

.box-sali-a-jguar {
  width: 100%;
}

.tarjeta-sass {
  margin-top: 26px;
}

.box-numeracion {
  background-color: rgba(255, 255, 255, 0.8);
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.bara-veni h4 {
  font-size: 36px;
  color: #fff;
  font-weight: 900;
  margin-top: 20px;
}


.bara-veni {
  background-color: rgba(140, 2, 2, 0.5);
  min-height: 390px;
}

.astronauta-barra {
  position: absolute;
  top: -5px;
  z-index: 66;
  right: 0;
}

.bara-veni .btn-primario {
  margin-top: 15px;
}

.galeria-fotos{
  margin-top: 30px;
}

.torta {
  display: none;
}

.coete-en-tarjeta {
  width: 266px;
  height: 175px;
  position: absolute;
  left: 12%;
  top: -51px;
}

.img-tarjeta-recarga {
  position: relative;
  right: 0;
  top: 0;
  margin-top: 20px;
}

.textos-recarga {
  width: 100%;
}

.premio-borde {
  border-left: 0px;
}

.pad-ar-ab {
  padding-top: 0px;
  padding-bottom: 0px;
}

.textos-premios {
  padding-left: 0px;
  margin-top: 20px;
}

.img-ubicacion{
  display: none;
}

p.gran-titular {
  font-size: 37px;
  margin-top: 30px;
}


#sucursales {
  padding-top: 27px;
}

.astronauta-moto {
  position: absolute;
  top: 20px;
  right: 10px;
}

.astronauta-moto img{
  width: 180px;
}

#trabaja {
  min-height: 70px;
}

.formulario {
  margin-bottom: 20px;
}

.img-flecha {
  display: none;
}

.box-contacto {
  width: 90%;
  margin: 5px auto 0px;
}

.box-contacto p {
  margin-bottom: 25px;
}

.cabecera.largo {
  background-color: #2B1754;
  position: fixed;
  height: 90px;
  top: 0px;
  width: 100%;
}

}


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


.astronauta {
  width: 276px;
  height: 289px;
  position: absolute;
  right: 5%;
  bottom: 32%;
}


.coete {
  width: 205px;
  height: 119px;
  position: absolute;
  right: 11%;
  bottom: 70%;
}

.coetito {
  display: none;
}

.tarjeta-sass {
  margin-top: 30px;
}

.astronauta-barra {
  position: absolute;
  top: -150px;
  z-index: 66;
  right: 47px;
}

.bara-veni .btn-primario {
  margin-top: 19px;
}

.bara-veni {
  background-color: rgba(140, 2, 2, 0.5);
  min-height: 250px;
}

.galeria-fotos {
  margin-top: 30px;
  margin-bottom: 30px;
}

.textos-premios {
  padding-left: 0px;
}

.premio-borde {
  border-left: 0px;
}

.astronauta-moto {
  position: absolute;
  top: 52px;
  right: 51px;
}

.box-contacto {
  width: 100%;
  margin: 30px auto 0px;
}

}



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

.coetito {
  width: 126px;
  height: 135px;
  position: absolute;
  right: 51%;
  bottom: 42%;
}

.astronauta-moto{
    position: absolute;
    bottom: 0px;
    right: 90px;
}

}