@media only screen and (max-width: 768px) {
  #herramienta > div > div.twentyfour.columns.herramienta-datos > div:nth-child(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

       -moz-box-orient: vertical;

       -moz-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #herramienta .herramienta-datos .bienvenida {
    padding: 32px 0;
  }

  #btnCambiateMovil {
    width: 80% !important;
    margin: 0 auto !important;
  }

  #herramienta > div > div.twentyfour.columns.herramienta-datos > div.bienvenida.nombre {
    margin-top: 0 !important;
    padding: 16px 0 !important;
  }

  #herramienta select {
    -webkit-appearance: none !important;
  }

  #herramienta input {
    float: none !important;

    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  #herramienta fieldset > div {
    float: none !important;
  }

  #herramienta .labels,
  #herramienta label {
    line-height: 1.3 !important;

    display: block !important;
    float: none !important;

    margin-right: 0 !important;
    margin-bottom: 4px !important;

    text-align: left !important;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.datos-usuario > div > fieldset:nth-child(2) > div:nth-child(2),
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-2.isssteField.imssField > div.dp45 {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display:    -moz-box !important;
    display: -ms-flexbox !important;
    display:         flex !important;

            justify-content: center !important;
            align-items: center !important;

    -webkit-align-items: center !important;
    -webkit-box-align: center !important;
       -moz-box-align: center !important;
    -webkit-box-pack: center !important;
       -moz-box-pack: center !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div {
    padding-bottom: 0 !important;
  }


  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-cuanto-mes.isssteField.imssField > div.dp45 #gana-mes,
  #genero,
  #meses-formales,
  #ahorro-mes,
  #saldo-cuenta,
  #herramienta .formulario select,
  #herramienta .formulario input,
  #herramienta .formulario .datos-usuario select,
  #herramienta .formulario .datos-usuario-container .datos-usuario .form-1 #nombre,
  #herramienta .formulario .datos-usuario-container #edad-herramienta,
  #herramienta .formulario .datos-usuario-container .form-2 .dp45 input {
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  #herramienta .formulario .question a {
    display: none !important;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.datos-usuario > div > fieldset:nth-child(3) > div.dp50.labels {
    width: 100% !important;
    max-width: 100% !important;
  }

  #herramienta > div > .formulario .form-3 fieldset > div,
  #herramienta > div > .formulario .form-1 fieldset > div,
  #herramienta > div > .formulario .form-2 fieldset > div,
  #herramienta > div > .formulario .form-3 fieldset > div,
  #herramienta > div > .formulario fieldset > .dp45,
  #herramienta > div > .formulario fieldset > .dp50,
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-cuanto-mes.isssteField.imssField > div.dp45,
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-cuanto-mes.isssteField.imssField > div.dp55,
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-2.isssteField.imssField > div.dp45,
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-2.isssteField.imssField > div.dp50.labels {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display:    -moz-box !important;
    display: -ms-flexbox !important;
    display:         flex !important;
    float: none !important;

    width: 100% !important;

    text-align: left !important;
  }

  #herramienta select {
    min-height: 30px !important;
  }

  #herramienta .form-3,
  #herramienta .form-2 {
    margin: 0 20px 0 !important;
    padding: 20px 0 0 !important;
  }

  #herramienta .form-3 {
    display: block;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div > form {
    padding-bottom: 1px !important;
  }

  #herramienta .formulario .datos-usuario-container .form-2 .dp45 {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display:    -moz-box !important;
    display: -ms-flexbox !important;
    display:         flex !important;

    margin-top: 8px !important;
  }

  #herramienta .formulario .datos-usuario-container .form-2 .dp45 input {
    margin-left: 0 !important;
  }

  #herramienta .formulario .datos-usuario-container .form-3 {
    padding: 20px 0 0 !important;
  }

  #herramienta .cuantoGanasLabel {
    margin: 0 !important;
    padding-bottom: 8px !important;

    text-align: center !important;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-cuanto-mes.isssteField.imssField > div.dp55.labels > label.question.cuantoGanasQuestion > a {
    top: -1px !important;
    left: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #herramienta .formulario .datos-usuario-container .form-3 input {
    margin-left: 0 !important;
  }

  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-saldo-cuenta.isssteField.imssField.ley97Field > div.dp55.labels > label:nth-child(1),
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-ahorrar.isssteField.imssField.ley97Field > div.dp55.labels > label,
  #herramienta > div > div.nine.columns.formulario.alpha > div > form > div.form-3 > fieldset.fieldset-meses.isssteField.imssField.ley97Field > div.dp50.labels > label:nth-child(1),
  .generoLabel {
    margin: 0 !important;
  }


  #herramienta hr {
    margin-bottom: 0 !important;
  }
}