/* Responsive Large */
@media screen and (min-width: 2250px) {}
/*  */

/* Responsive */
@media screen and (max-width: 1900px) {}

@media screen and (max-width: 1850px) {}

@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {
/* INTRO */
#intro .introImage img.porcentaje {
  max-width: 150px;
}
#intro .introFooter {
  padding: 150px 13% 150px 13%;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto::before {
  width: 55%;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 13% 100px 13%!important;
}
/*  */
}

@media screen and (max-width: 1400px) {
/* INTRO */
#intro .introTitle h2 {
  padding: 0 40% 0 0!important;
}
#intro .introFooter {
  padding: 150px 12% 150px 12%;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto .contactoTitle01 h2 {
  font-size: 80px;
}
#contacto .contactoTitle02 h2 {
  font-size: 80px;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 12% 100px 12%!important;
}
/*  */
}

@media screen and (max-width: 1300px) {
/* INTRO */
#intro .introTitle {
  padding: 50px 11% 0 11%;
}
#intro .introFooter {
  padding: 150px 11% 150px 11%;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto .contactoTitle01 h2 {
  font-size: 70px;
}
#contacto .contactoTitle02 h2 {
  font-size: 70px;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 11% 100px 11%!important;
}
/*  */
}

@media screen and (max-width: 1200px) {
/* INTRO */
#intro .introTitle {
  padding: 50px 10% 0 10%;
}
#intro .introImage img.porcentaje {
  right: 15%;
}
#intro .introFooter {
  padding: 150px 10% 150px 10%;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto::before {
  width: 50%;
}
#contacto .contactoTitle01 h2 {
  font-size: 65px;
}
#contacto .contactoTitle02 h2 {
  font-size: 65px;
}
#contacto .contactoForm .formContent input[type='text']:not(.browser-default),
#contacto .contactoForm .formContent input[type='email']:not(.browser-default),
#contacto .contactoForm .formContent select.browser-default {
  width: 85%;
}
#contacto .contactoForm .formContent textarea.materialize-textarea {
  width: 85%!important;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 10% 100px 10%!important;
}
/*  */
}

@media screen and (max-width: 1100px) {
/* INTRO */
#intro .introTitle {
  padding: 50px 8% 0 8%;
}
#intro .introTitle h2 {
  padding: 0 35% 0 0!important;
}
#intro .introFooter {
  padding: 150px 8% 150px 8%;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 8% 100px 8%!important;
}
/*  */
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 992px) {
/* INTRO */
#intro .introTitle {
  padding: 50px 50px 0 50px;
}
#intro .introImage img.porcentaje {
  right: 10%;
}
#intro .introFooter {
  padding: 50px 50px 50px 50px;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto {
  padding: 100px 0 0 0;
}
#contacto::before {
  display: none;
}
#contacto .bgBlue {
  background: #9ae3e6;
  background-color: #9ae3e6;
}
#contacto .contactoNave {
  padding: 25px 15% 50px 15%;
}
#contacto .contactoForm {
  padding: 75px 15% 50px 15%;
}
#contacto .contactoForm .formContent input[type='text']:not(.browser-default),
#contacto .contactoForm .formContent input[type='email']:not(.browser-default),
#contacto .contactoForm .formContent select.browser-default {
  width: 100%;
}
#contacto .contactoForm .formContent textarea.materialize-textarea {
  width: 90%!important;
}

#contacto .contactoForm .formContent input[type='text']:not(.browser-default):focus:not([readonly]),
#contacto .contactoForm .formContent input[type='email']:not(.browser-default):focus:not([readonly]),
#contacto .contactoForm .formContent textarea.materialize-textarea:focus {
  padding: 0 0 0 10px;
}

#contacto .contactoMas {
  padding: 50px 0 0 0;
}
#contacto .contactoForm .formContent {
  padding: 0 0 50px 0;
}
#contacto .contactoForm .formContent p,
#contacto .contactoForm .formContent p label,
#contacto .contactoForm .error {
  font-size: 18px!important;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 50px 100px 50px!important;
}
/*  */
}

@media screen and (max-width: 900px) {
/* INTRO */
#intro .introTitle h2 {
  padding: 0 30% 0 0!important;
}
#intro .introImage img.porcentaje {
  max-width: 125px;
}
/*  */
}

@media screen and (max-width: 850px) {
/* INTRO */
#intro .introTitle h2 {
  padding: 0 25% 0 0!important;
}
/*  */
}

@media screen and (max-width: 800px) {
/* INTRO */
#intro .introTitle h2 {
  font-size: 80px;
}
/*  */
}

@media screen and (max-width: 768px) {
/* INTRO */
#intro .introImage img.porcentaje {
  max-width: 100px;
  right: 50px;
  top: -100px;
}
/*  */
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 700px) {
/* INTRO */
#intro .introTitle h2 {
  font-size: 70px;
  padding: 0 15% 0 0!important;
}
/*  */
}

@media screen and (max-width: 600px) {
/* INTRO */
#intro .introHeader {
    padding: 80px 0 0 0;
}
#intro .introTitle h2 {
  font-size: 60px;
}
#intro .introImage img.porcentaje {
  max-width: 75px;
  right: 25px;
  top: -50px;
}
#intro .introFooter h3 {
  font-size: 25px;
}
/*  */
}

@media screen and (max-width: 500px) {
/* INTRO */
#intro .introFooter {
  padding: 50px 25px 50px 25px;
}
#intro .introFooter h3 {
  font-size: 20px;
}
#intro .introTitle h2 {
  font-size: 50px;
  padding: 0 5% 0 0!important;
}
#intro .introImage img.porcentaje {
  max-width: 50px;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto {
    padding: 50px 0 0 0;
}
#contacto .contactoTitle01 {
  padding: 25px 50px 75px 50px;
}
#contacto .contactoTitle02 {
  padding: 75px 50px 75px 50px;
}
#contacto .contactoTitle01 h2,
#contacto .contactoTitle02 h2 {
  font-size: 50px;
}
#contacto .contactoForm {
  padding: 75px 25px 50px 25px;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 25px 100px 25px!important;
}
/*  */
}

@media screen and (max-width: 400px) {
/* INTRO */
#intro .introFooter {
  padding: 50px 15px 50px 15px;
}
#intro .introFooter h3 {
  font-size: 18px;
}
#intro .introTitle h2 {
  font-size: 40px;
  padding: 0 10% 0 0!important;
}
#intro .introTitle {
  padding: 50px 15px 0 15px;
}
/*  */

/* FORMULARIO CONTACTO */
#contacto {
    padding: 50px 0 0 0;
}
#contacto .contactoTitle01 {
  padding: 25px 25px 75px 25px;
}
#contacto .contactoTitle02 {
  padding: 75px 25px 75px 25px;
}
#contacto .contactoTitle01 h2,
#contacto .contactoTitle02 h2 {
  font-size: 37px;
}
#contacto .contactoForm {
  padding: 75px 15px 50px 15px;
}
/*  */

/* PREFOOTER */
.pinkBg {
  padding: 100px 15px 100px 15px!important;
}
/*  */
}

@media screen and (max-width: 350px) {

}

@media screen and (max-width: 320px) {}
/*  */
