#PreApprovalForm  .errors-list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 9px 18px;
  margin-bottom: 27px;
  background-color: #ff5d5d;
  color: #fff;
}

#PreApprovalForm  .errors-list li {
  margin-bottom: 5px;
}

#PreApprovalForm .error {
  border: 1px solid red !important;
  background-color: #f8e3e6 !important;
}

#PreApprovalForm .apply-now-heading {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}

#PreApprovalForm .apply-now-heading h2 {
  background-color: #eee;
  margin-right: 27px;
  padding: 17px 0;
  color: inherit;
  font-weight: bold;
  text-align: center;
  border-radius: 7px;
  border: 1px solid #ccc;
}

#PreApprovalForm .apply-now-inputs {
  display: inline-block;
  width: 60%;
}

#PreApprovalForm .one_full {
  width: 97%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 7px;
  margin-bottom: 40px;
}

#loan-purpose-field {
    display:none;   
}


@media (min-width : 320px) and (max-width : 480px) {
  #PreApprovalForm .apply-now-heading h2 {
    margin-right: 0;
  }

  #PreApprovalForm .one_full {
    width: 86%;
  }

  #PreApprovalForm .apply-now-heading {
    display: block;
    width: 100%;
    text-align: center;
  }

  #PreApprovalForm .apply-now-inputs {
    display: block;
    width: 100%;
  }

  #PreApprovalForm .apply-now-inputs .select-dob-responsive {
    width: 90px !important;
    display: inline-block;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
  #PreApprovalForm .apply-now-heading h2 {
    margin-right: 0;
  }

  #PreApprovalForm .one_full {
    width: 90%;
  }

  #PreApprovalForm .apply-now-heading {
    display: block;
    width: 100%;
    text-align: center;
  }

  #PreApprovalForm .apply-now-inputs {
    display: block;
    width: 100%;
  }

}