/* Responsive Large */
@media screen and (min-width: 2250px) {

}
/*  */

/* Responsive */
@media screen and (max-width: 1850px) {

}

@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1700px) {
/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 18% 50px 18%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 18% 0 18%;
}
/*  */
}

@media screen and (max-width: 1600px) {
/* MODAL PROGRESO */
.modalProgreso {
  width: 45vw;
}
/*  */

/* INTRO */
.item .celular {
  width: 20vw!important;
}
.item .sombra_celular {
  width: 33vw!important;
}
.item .carro {
  width: 20vw!important;
  top: 30vh;
}
.item .avion {
  width: 15vw!important;
  top: 20vh;
}
.item .globo {
  width: 15vw!important;
  bottom: 17vh;
}
.item .personaje {
  width: 15vw!important;
  right: 25%;
  bottom: 10vh;
}
.item .sombra {
  width: 25vw!important;
  bottom: 10vh;
  right: 28%;
}
/*  */
}

@media screen and (max-width: 1500px) {
/* INTRO */
.item .celular {
  right: 30%;
}
.item .carro {
  right: 10%;
}
.item .sombra_celular {
  right: 30%;
}
.item .avion {
  right: 30%;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 15% 50px 15%;
}
#formulario_paquete .paquetePanel {
  padding: 50px 13% 50px 13%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 15% 0 15%;
}
/*  */
}

@media screen and (max-width: 1400px) {
/* INTRO */
.item .personaje {
  right: 25%;
}
.item .sombra {
  right: 30%;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 14% 50px 14%;
}
#formulario_paquete .paquetePanel {
  padding: 50px 12% 50px 12%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 14% 0 14%;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 50vw;
}
/*  */
}

@media screen and (max-width: 1300px) {
/* INTRO */
.item .celular {
  right: 25%;
}
.item .carro {
  right: 5%;
}
.item .sombra_celular {
  right: 25%;
}

.item .personaje {
  right: 20%;
}
.item .sombra {
  right: 25%;
}
.item .avion {
  right: 20%;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 13% 50px 13%;
}
#formulario_paquete .paquetePanel {
  padding: 50px 11% 50px 11%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 13% 0 13%;
}
/*  */
}

@media screen and (max-width: 1200px) {
/* INTRO */
.item .celular {
  right: 22%;
}
.item .carro {
  right: 2%;
}
.item .sombra_celular {
  right: 22%;
}

.item .personaje {
  right: 18%;
}
.item .sombra {
  right: 23%;
}
.item .avion {
  right: 18%;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 10% 50px 10%;
}
#formulario_paquete .paquetePanel {
  padding: 50px 10% 50px 10%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 10% 0 10%;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  padding: 25px 4% 19px 4%;
}
.modalProgreso .exitosoSection .progresoBox {
  max-width: 250px;
}
/*  */
}

@media screen and (max-width: 1100px) {
/* INTRO */
.item .celular {
  right: 20%;
}
.item .carro {
  right: -5%;
}
.item .sombra_celular {
  right: 20%;
}

.item .avion {
  right: 15%;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 8% 50px 8%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 8% 0 8%;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso .exitosoSection .modalTitle h1,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 22px;
}
/*  */
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 992px) {
/* INTRO */
.item .nubesMain {
  width: 80%;
}
.item .celular {
  right: 15%;
}
.item .carro {
  right: 5%;
  top: 45vh;
}
.item .sombra_celular {
  right: 15%;
}
.item .avion {
  top: 30vh;
  right: 10%;
}
.backgroundYellow .itemLegend,
.backgroundBlue .itemLegend,
.backgroundGreen .itemLegend {
  max-width: 100%;
}
#leyendaPC {
  display: none;
}
#leyendaResp {
  display: inline-block;
  top: -25vh!important;
}
#intro .enviarLink {
  bottom: 30vh;
}
#slide_01PC {
  display: none;
}
#slide_01Resp {
  display: inline-block;
}
#intro .leyendaIntro .lineaDvl {
  right: auto;
  left: 0;
  bottom: -25px;
}
.item .globo {
  left:  auto;
  right: 10%;
}

.item .personaje {
  right: 15%;
}
.item .sombra {
  right: 20%;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 55vw;
}
/*  */
}

@media screen and (max-width: 900px) {
/*  MODAL PROGRESO */
.modalProgreso {
  width: 60vw;
}
/*  */

/* INTRO */
.item .avion {
  top: 20vh;
}
.item .carro {
  top: 25vh;
}
#leyendaResp {
  top: -20vh!important;
}
#intro .enviarLink {
  bottom: 20vh;
}

.backgroundBlue .itemLegend,
.backgroundGreen .itemLegend,
.backgroundYellow .itemLegend {
  bottom: 10vh;
}
/*  */

/* FORMULARIO ENVIO */
#formulario_paquete .paquetePanel .toogle {
  display: inline-block;
}
#formulario_paquete .paquetePanel .toogle input + label {
  width: 50%;
  float: left;
  text-align: center;
}
#formulario_paquete .paquetePanel .toogle input + label.land:first-of-type,
#formulario_paquete .paquetePanel .toogle input + label:last-of-type, #formulario_paquete .paquetePanel .toogle input + label:nth-of-type(3n) {
  margin: 0 0 0 0!important;
}
/*  */

}

@media screen and (max-width: 800px) {
/* INTRO */
.item .nubesMain {
  width: 85%;
}
.item .celular {
  bottom: 15vh;
}
.item .sombra_celular {
  bottom: 15vh;
}
.item .carro {
  top: 50vh;
}

#intro .leyendaIntro h1 {
  font-size: 24px;
}
#intro .leyendaIntro h1 img {
  width: 125px!important;
}
#intro .leyendaIntro .lineaDvl {
  bottom: 0;
}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete .paquetePanel {
  padding: 50px 5% 50px 5%;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 5% 0 5%;
}
/*  */
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 767px) {
/* MODAL PROGRESO */
.modalProgreso {
  width: 65vw;
}
/*  */
}

@media screen and (max-width: 700px) {
/* INTRO */
.item .nubesMain {
  width: 90%;
}
.item .celular {

}
.item .carro {

}
.item .avion {

}

.item .sombra_celular {

}
.item .globo {

}

.item .personaje {

}
.item .sombra {

}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 50px 50px 50px;
}
#formulario_paquete .paquetePanel h1 {
  font-size: 28px;
}
.backgroundYellow .itemLegend p ,
.backgroundBlue .itemLegend p,
.backgroundGreen .itemLegend p {
  font-size: 15px;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 50px 0 50px;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 75vw;
}
.modalProgreso .exitosoSection .modalTitle h1 ,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 21px;
}
.modalProgreso .exitosoSection .progresoBox {
  max-width: 230px;
}
/*  */
}

@media screen and (max-width: 600px) {
/* INTRO */
.item .nubesMain {
  width: 100%;
}
.item .celular {

}
.item .carro {

}
.item .avion {

}

.item .sombra_celular {

}
.item .globo {

}

.item .personaje {

}
.item .sombra {

}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 25px 50px 25px;
}
#formulario_paquete .paquetePanel p.envio_dest_org {
  display: inline-block;
}
#formulario_paquete .paquetePanel h1 {
  font-size: 25px;
}
#formulario_paquete .paquetePanel .toogle input + label svg {
  left: 8px;
  width: 19px;
  height: 19px;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 25px 0 25px;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 80vw;
  padding: 25px 15px 19px 15px;
}
.modalProgreso .exitosoSection .modalTitle h1 ,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 20px;
}
.modalProgreso .exitosoSection .progresoBox {
  max-width: 200px;
}
.modalProgreso .exitosoSection .progresoStars ,
.modalProgreso .validacionSection .progresoStars {
  max-width: 290px;
}
/*  */
}

@media screen and (max-width: 500px) {
/* INTRO */
#intro .leyendaIntro h1 {
  font-size: 20px;
}
.item .celular {

}
.item .carro {

}
.item .avion {

}
.item .sombra_celular {

}
.item .globo {

}

.item .personaje {

}
.item .sombra {

}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete {
  padding: 50px 15px 50px 15px;
}
#formulario_paquete .paquetePanel {
  padding: 50px 25px 50px 25px;
}
#formulario_paquete .paquetePanel h1 {
  font-size: 20px;
}
#formulario_paquete .paquetePanel .toogle input + label {
  font-size: 14px;
}
#formulario_paquete .paquetePanel [type="checkbox"]+label {
  font-size: 16px;
}
#formulario_paquete .paquetePanel .btnAddPaquete {
  letter-spacing: 0;
}

#formulario_paquete .paquetePanel .toogle input + label svg {
  left: 5px;
  width: 16px;
  height: 16px;
}
/*  */

/* SEGUNDO BANNER */
#second_banner {
  padding: 50px 15px 0 15px;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 85vw;
}
.modalProgreso .exitosoSection .modalTitle h1 ,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 18px;
}
/*  */
}

@media screen and (max-width: 400px) {
/* INTRO */
#intro .leyendaIntro h1 {
  font-size: 16px;
}
#intro .leyendaIntro .lineaDvl {
  bottom: 20px;
}

.item .celular {

}
.item .carro {

}
.item .avion {

}
.item .sombra_celular {

}
.item .globo {

}

.item .personaje {

}
.item .sombra {

}
/*  */

/* FORMULARIO DE PAQUETE */
#formulario_paquete .paquetePanel .toogle input + label {
  padding: 10px 25px 10px 25px;
}
#formulario_paquete .paquetePanel h1 {
  font-size: 16px;
}
#formulario_paquete .paquetePanel .toogle input + label {
  font-size: 13px;
}
#formulario_paquete .paquetePanel .btnAddPaquete {
  font-size: 15px;
}
#formulario_paquete .paquetePanel [type="checkbox"]+label {
  font-size: 15px;
}
#formulario_paquete .paquetePanel .toogle input + label svg {
  left: 3px;
  width: 14px;
  height: 14px;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso {
  width: 90vw;
}
.modalProgreso .exitosoSection .modalTitle h1 ,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 16px;
}
.modalProgreso .exitosoSection .progresoStars ,
.modalProgreso .validacionSection .progresoStars {
  max-width: 250px;
}
/*  */
}

@media screen and (max-width: 350px) {
/* FORMULARIO DE PAQUETE */
#formulario_paquete .paquetePanel {
  padding: 50px 5px 50px 5px;
}
#formulario_paquete .paquetePanel .toogle input + label svg {
  left: 3px;
  width: 12px;
  height: 12px;
}
/*  */

/* MODAL PROGRESO */
.modalProgreso .exitosoSection .modalTitle h1 ,
.modalProgreso .validacionSection .modalTitle h1 {
  font-size: 15px;
}
/*  */
}

@media screen and (max-width: 330px) {
/* FORMULARIO DE PAQUETE */
#formulario_paquete .paquetePanel .toogle input + label {
  font-size: 12px;
}
/*  */

/* MENSAJE EN CASO DE QUE NO ESTES LOGEADO */
.modalProgreso {
  width: 93vw;
  padding: padding: 25px 8px 19px 8px;
}
/*  */
}
/*  */