/* RESPONSIVE PAGE PORTRAIT OPTION */
@media screen and (max-width: 1100px) and (max-height:1400px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 31.2vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 195px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 280px;
  bottom: 5px;
}
.modalPassword .exitosoSection .progresoInput {
  max-width: 130px;
  bottom: 190px;
}
/*  */
}

@media screen and (max-width: 800px) and (max-height:1100px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 37vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 175px;
  bottom: 5px;
}

.modalPassword .exitosoSection .progresoStars {
  max-width: 250px;
}

.modalPassword .exitosoSection .progresoInput {
  max-width: 90px;
  bottom: 165px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:900px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 43vh;
}

.modalPassword .exitosoSection .progresoBox {
  max-width: 140px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 220px;
}

.modalPassword .exitosoSection .progresoInput {
  max-width: 80px;
  bottom: 145px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:800px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 46vh;
}

.modalPassword .exitosoSection .progresoBox {
  max-width: 100px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 190px;
}

.modalPassword .exitosoSection .progresoInput {
  max-width: 70px;
  bottom: 125px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:700px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 53vh;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:600px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 57vh;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:500px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalPassword {
  height: 65vh;
}
/*  */
}
/*  */

/* RESPONSIVE PAGE LANDSCAPE OPTION */
@media screen and (max-height:900px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalPassword {
  height: 61vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 225px;
}
.modalPassword .closeModal {
  top: 10px;
  right: 5px;
}
.modalPassword .exitosoSection {
  padding: 0 0 0 0;
}
/*  */
}

@media screen and (max-height:600px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalPassword {
  height: 70vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 185px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 250px;
  bottom: 40px;
}
.modalPassword .exitosoSection .modalTitle h1 {
  font-size: 18px;
}
.modalPassword .exitosoSection .progresoInput {
  max-width: 120px;
  bottom: 190px;
}
/*  */
}

@media screen and (max-height:500px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalPassword {
  height: 75.5vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 133px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 170px;
  bottom: 30px;
}
.modalPassword .exitosoSection .progresoInput {
  max-width: 70px;
  bottom: 140px;
}
.modalPassword .exitosoSection {
  padding: 10px 0 0 0;
}
.modalPassword .exitosoSection .modalTitle {
  padding: 0 0 15px 0;
}
.modalPassword .exitosoSection .modalTitle h1 {
  font-size: 15px;
}
/*  */
}

@media screen and (max-height:400px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalPassword {
  height: 82vh;
}
.modalPassword .exitosoSection .progresoBox {
  max-width: 100px;
}
.modalPassword .exitosoSection .progresoStars {
  max-width: 180px;
  bottom: 20px;
}
.modalPassword .exitosoSection .modalTitle {
  padding: 0 0 20px 0;
}
.modalPassword .exitosoSection .modalTitle h1 {
  font-size: 13px;
}
.modalPassword .exitosoSection .progresoInput {
  max-width: 60px;
  bottom: 120px;
}
/*  */
}
/*  */