/* RESPONSIVE PAGE PORTRAIT OPTION */
@media screen and (max-width: 1100px) and (max-height:1400px)
and (orientation:portrait)  {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalContacto {
  height: 31.2vh;
}
.modalContacto .exitosoSection .progresoBox {
  max-width: 195px;
}
.modalContacto .exitosoSection .progresoStars {
  max-width: 280px;
  bottom: 85px;
}
.modalContacto .exitosoSection .progresoMail {
  max-width: 110px;
  bottom: 120px;
}
/*  */
}

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

.modalContacto .exitosoSection .progresoStars {
  max-width: 250px;
  bottom: 80px;
}

.modalContacto .exitosoSection .progresoMail {
  max-width: 90px;
  bottom: 100px;
}
/*  */
}

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

.modalContacto .exitosoSection .progresoBox {
  max-width: 140px;
}
.modalContacto .exitosoSection .progresoStars {
  max-width: 220px;
  bottom: 80px;
}

.modalContacto .exitosoSection .progresoMail {
  max-width: 80px;
  bottom: 90px;
}
/*  */
}

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

.modalContacto .exitosoSection .progresoBox {
  max-width: 100px;
}
.modalContacto .exitosoSection .progresoStars {
  max-width: 190px;
  bottom: 75px;
}

.modalContacto .exitosoSection .progresoMail {
  max-width: 70px;
  bottom: 80px;
}
/*  */
}

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

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

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

/* RESPONSIVE PAGE LANDSCAPE OPTION */
@media screen and (max-height:900px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalContacto {
  height: 61vh;
}
.modalContacto .exitosoSection .progresoBox {
  max-width: 225px;
}
.modalContacto .exitosoSection .progresoStars {
  bottom: 100px;
}
/*  */
}

@media screen and (max-height:600px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalContacto {
  height: 70vh;
}
.modalContacto .exitosoSection .progresoBox {
  max-width: 185px;
}
.modalContacto .exitosoSection .progresoStars {
  max-width: 285px;
  bottom: 80px;
}
.modalContacto .exitosoSection .progresoMail {
  max-width: 100px;
  bottom: 120px;
}
.modalContacto .exitosoSection .modalTitle h1 {
  font-size: 18px;
}
.modalContacto .exitosoSection {
  padding: 10px 0 0 0;
}
/*  */
}

@media screen and (max-height:500px)
and (orientation:landscape)  {
/*  MODAL PROGRESO */
.modalContacto {
  height: 75.5vh;
}
.modalContacto .exitosoSection .progresoBox {
  max-width: 133px;
}
.modalContacto .exitosoSection .progresoStars {
  max-width: 200px;
  bottom: 50px;
}
.modalContacto .exitosoSection .progresoMail {
  max-width: 70px;
  bottom: 80px;
}
.modalContacto .exitosoSection .modalTitle {
  padding: 0 0 15px 0;
}
.modalContacto .exitosoSection .modalTitle h1 {
  font-size: 16px;
}
/*  */
}

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