.refer_a_friend .fields {
  display: inline-block;
  width: 100%;
  padding: 10px;
  position: relative; }
  .refer_a_friend .fields .groupLeft .fieldGroup,
  .refer_a_friend .fields .groupRight .fieldGroup {
    width: 100%;
    display: inline-block; }
  .refer_a_friend .fields .groupLeft {
    padding: 5px; }
    .refer_a_friend .fields .groupLeft .inputField {
      padding-bottom: 5px; }
    .refer_a_friend .fields .groupLeft .inputLabel, .refer_a_friend .fields .groupLeft .inputField {
      width: 100%;
      float: left; }
      .refer_a_friend .fields .groupLeft .inputLabel .input, .refer_a_friend .fields .groupLeft .inputField .input {
        width: 95%; }
  .refer_a_friend .fields .groupRight {
    padding: 5px; }
    .refer_a_friend .fields .groupRight .fieldGroup .refer_a_friend_commands .submit {
      padding-bottom: 20px; }
    .refer_a_friend .fields .groupRight .fieldGroup .rcInvalid > span {
      color: red;
      position: absolute;
      bottom: 10px; }
    .refer_a_friend .fields .groupRight .fieldGroup > .captcha .captcha .img_captcha {
      width: 70% !important;
      margin: auto;
      height: auto;
      padding: 5px; }
    .refer_a_friend .fields .groupRight .fieldGroup > .captcha .captcha .lbl_captcha {
      width: 100%; }
    .refer_a_friend .fields .groupRight .fieldGroup > .captcha .captcha .txt_captcha {
      width: 95%;
      margin-right: 5%; }

@media (min-width: 768px) {
  .refer_a_friend .fields .groupLeft {
    float: left;
    width: 50%; }
    .refer_a_friend .fields .groupLeft .fieldGroup {
      padding-bottom: 1rem; }
    .refer_a_friend .fields .groupLeft .inputLabel {
      width: 30%; }
    .refer_a_friend .fields .groupLeft .inputField {
      width: 70%; }
  .refer_a_friend .fields .groupRight {
    float: right;
    width: 45%; } }