/* 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) {
/* CONTACTO */
#contactanos {
  padding: 150px 18% 50px 18%;
}
/*  */

/* MODAL MENSAJE ENVIADO CON EXITO */
.modalContacto {
  width: 45vw;
}
/*  */
}

@media screen and (max-width: 1500px) {
/* CONTACTO */
#contactanos {
  padding: 150px 15% 50px 15%;
}
/*  */
}

@media screen and (max-width: 1400px) {
/* CONTACTO */
#contactanos {
  padding: 150px 14% 50px 14%;
}
/*  */

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

@media screen and (max-width: 1300px) {
/* CONTACTO */
#contactanos {
  padding: 150px 13% 50px 13%;
}
/*  */
}

@media screen and (max-width: 1200px) {
/* CONTACTO */
#contactanos {
  padding: 150px 12% 50px 12%;
}
/*  */

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

@media screen and (max-width: 1100px) {
/* CONTACTO */
#contactanos {
  padding: 150px 10% 50px 10%;
}
/*  */

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

@media screen and (max-width: 1024px) {
/* CONTACTO */
#contactanos {
  padding: 150px 8% 50px 8%;
}
/*  */
}

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

}

@media screen and (max-width: 992px) {
/* CONTACTO */
#contactanos {
  padding: 150px 25px 50px 25px;
}
/*  */

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

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

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

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

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

}

@media screen and (max-width: 700px) {
/* MODAL PROGRESO */
.modalContacto {
  width: 75vw;
}
.modalContacto .exitosoSection .modalTitle h1 {
  font-size: 21.5px;
}
.modalContacto .exitosoSection .progresoBox {
  max-width: 230px;
}
/*  */
}

@media screen and (max-width: 600px) {
/* CONTACTO */
#contactanos .contactoTitle h1 {
  font-size: 22px;
}
#contactanos .contactoInfo {
  padding: 0 50px 25px 50px;
}
#contactanos .contactoPanel {
  padding: 0 50px 0 50px;
}
#contactanos .contactoInfo p {
  font-size: 16px;
}
/*  */

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

@media screen and (max-width: 500px) {
/* CONTACTO */
#contactanos .contactoTitle h1 {
  font-size: 20px;
}
#contactanos .contactoInfo {
  padding: 0 25px 25px 25px;
}
#contactanos .contactoPanel {
  padding: 0 25px 0 25px;
}
#contactanos .contactoInfo p {
  font-size: 15px;
}
#contactanos .contactoPanel h1 {
  font-size: 16px;
}
/*  */

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

@media screen and (max-width: 400px) {
/* CONTACTO */
#contactanos .contactoInfo {
  padding: 0 15px 25px 15px;
}
#contactanos .contactoPanel {
  padding: 0 15px 0 15px;
}
/*  */

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

@media screen and (max-width: 350px) {
/* CONTACTO */
#contactanos .contactoInfo {
  padding: 0 5px 25px 5px;
}
#contactanos .contactoPanel {
  padding: 0 5px 0 5px;
}
/*  */

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

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