@media only screen and (min-width : 320px) and (max-width : 750px) {
  body {
    font-size: 15px;
  }
  .headerMainHolder {
    height: auto;
  }
  .headerMainHolder img.comLogo {
    margin: 3% auto 0 auto;
    float: none;
    display: block;
    width: 140px;
    height: auto;
  }
  .headerMainHolder div.appName {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-family: "LatoMedium";
    font-size: 22px;
    display: block;
    line-height: 40px;
    text-align: center;
  }
  .mainContentHolder {
    width: 95%;
    margin: 90px auto 0 auto;
  }
  .mainContentHolder h2 {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .formMainHolder {
    width: 95%;
    margin: 0 auto;
  }
  .formMainHolder div.row {
    padding-bottom: 0px;
  }
  .formMainHolder div.row div.leftColumn, .formMainHolder div.row div.rightColumn {
    width: 100%;
    padding-bottom: 20px;
  }
  .formMainHolder div.row div.rightColumn {
    margin-left: 0%;
  }
  .formMainHolder div.row div.centerColumn {
    margin: 0 auto;
    width: 100%;
  }
  .tncMainHolder {
    padding-top: 20px;
  }
  .formActionHolder {
    padding: 10px 0px;
    text-align: center;
  }
  .formActionHolder input {
    font-size: 20px;
    width: 150px;
    padding: 10px 0px;
    margin-bottom: 20px;
  }
  .formMainHolder div.row div.leftColumn select, .formMainHolder div.row div.rightColumn select {
    font-size: 15px;
  }
  .chkboxValueHolder {
    height: auto !important;
    padding-bottom: 5px;
  }
  .chkboxSideValueHolder {
    height: 20px !important;
    padding: 1px 0px;
  }
}