/* RESPONSIVE PAGE PORTRAIT OPTION */
@media screen and (max-width: 1100px) and (max-height:1400px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 31.2vh;
}
..modalUsuario .exitosoSection .progresoBox {
  max-width: 195px;
}
..modalUsuario .exitosoSection .progresoStars {
  max-width: 280px;
  bottom: 25px;
}
/*  */
}

@media screen and (max-width: 800px) and (max-height:1100px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 37.5vh;
}
..modalUsuario .exitosoSection .progresoBox {
  max-width: 175px;
  bottom: 5px;
}

..modalUsuario .exitosoSection .progresoStars {
  max-width: 250px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:900px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 42vh;
}
..modalUsuario .exitosoSection .progresoBox {
  max-width: 140px;
}
..modalUsuario .exitosoSection .progresoStars {
  max-width: 220px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:800px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 43vh;
}
..modalUsuario .exitosoSection .progresoBox {
  max-width: 100px;
}
..modalUsuario .exitosoSection .progresoStars {
  max-width: 190px;
  bottom: 15px;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:700px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 50vh;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:600px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 55.5vh;
}
/*  */
}

@media screen and (max-width: 600px) and (max-height:500px)
and (orientation:portrait)  {
/* MODAL PROGRESO */
..modalUsuario {
  height: 62.5vh;
}
/*  */
}
/*  */

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

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

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

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