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

}
/*  */

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

}

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

}

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

}

@media screen and (max-width: 1600px) {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 45vw;
}
/*  */
}

@media screen and (max-width: 1500px) {
/* LOGIN */
#loginMain {
  padding: 150px 8% 50px 8%;
}
/*  */
}

@media screen and (max-width: 1400px) {
/* LOGIN */
#loginMain {
  padding: 150px 7% 50px 7%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 50vw;
}
/*  */
}

@media screen and (max-width: 1300px) {
/* LOGIN */
#loginMain {
  padding: 150px 6% 50px 6%;
}
/*  */
}

@media screen and (max-width: 1200px) {
/* LOGIN */
#loginMain {
  padding: 150px 5% 50px 5%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  padding: 25px 4% 19px 4%;
}
.modalUsuario .exitosoSection .progresoBox {
  max-width: 250px;
}
/*  */
}

@media screen and (max-width: 1100px) {
/* LOGIN */
#loginMain .formularioMain {
  padding: 0 8% 50px 8%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 22px;
}
/*  */
}

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

}

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

}

@media screen and (max-width: 992px) {
/* LOGIN */
#loginMain {
  padding: 150px 50px 20% 50px;
}
#loginMain .formularioMain {
  padding: 0 5% 50px 5%;
  display: inline-block;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 55vw;
}
/*  */
}

@media screen and (max-width: 900px) {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 60vw;
}
/*  */
}

@media screen and (max-width: 800px) {
/* LOGIN */
#loginMain {
  padding: 150px 25px 20% 25px;
}
#loginMain .formularioMain {
  padding: 0 5% 50px 5%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 65vw;
}
/*  */
}

@media screen and (max-width: 768px) {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 70vw;
}
/*  */
}

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

}

@media screen and (max-width: 700px) {
/* LOGIN */
#loginMain .formularioMain {
  width: 100%;
  display: none;
}
#loginMain .formularioMain:nth-child(1)::before {
  display: none;
}
#loginMain .loginInner {
  display: inline-block;
}
#loginMain .formularioMain .contraseña-center a.optionLogin {
  display: inline-block;
}

#loginMain .formularioMain.mostrarFormulario {
  display: inline-block!important;
}
#loginMain .formularioMain.ocultarFormulario {
  display: none!important;
}
/*  */

/* MODAL PROGRESO */
.modalUsuario {
  width: 75vw;
}
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 21.5px;
}
.modalUsuario .exitosoSection .progresoBox {
  max-width: 230px;
}
/*  */
}

@media screen and (max-width: 600px) {
/* LOGIN */
#loginMain {
  padding: 150px 50px 20% 50px;
}
#loginMain .formularioMain {
  padding: 0 0 50px 0;
}
#loginMain .loginCondicion::before ,
#loginMain .loginCondicion::after {
  width: 35%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 80vw;
  padding: 25px 15px 19px 15px;
}
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 20px;
}
.modalUsuario .exitosoSection .progresoBox {
  max-width: 200px;
}
.modalUsuario .exitosoSection .progresoStars {
  max-width: 290px;
}
/*  */
}

@media screen and (max-width: 500px) {
/* LOGIN */
#loginMain {
  padding: 150px 25px 20% 25px;
}
#loginMain .loginCondicion::before {
  left: 0;
}
#loginMain .loginCondicion::after {
  right: 0;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 85vw;
}
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 18px;
}
/*  */
}

@media screen and (max-width: 400px) {
/* LOGIN */
#loginMain {
  padding: 150px 15px 20% 15px;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 90vw;
}
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 16px;
}
.modalUsuario .exitosoSection .progresoStars {
  max-width: 250px;
}
/*  */
}

@media screen and (max-width: 350px) {
/* LOGIN */
#loginMain {
  padding: 150px 10px 20% 10px;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario .exitosoSection .modalTitle h1 {
  font-size: 15px;
}
/*  */
}

@media screen and (max-width: 330px) {
/* MODAL MENSAJE ENVIADO CON EXITO */
.modalUsuario {
  width: 93vw;
  padding: padding: 25px 8px 19px 8px;
}
/*  */
}
/*  */