@media (max-width : 767px) {
  #contact .contact-form__right .form-group {
    width : 90% !important;
  }
}

@media (max-width : 1199px) {

  .contact-form__right {
    padding         : 1.5em 0;
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
    border-radius   : 0 0 10px 10px;
  }

  #contact .contact-form__right .form-group {
    width : 50%;
  }

  .contact-form__right .form-footer {
    display         : flex;
    justify-content : center;
  }

  .contact-form__left {
    border-radius : 10px 10px 0 0;
  }

}

@media (min-width : 1200px) {

  /*
  --------------------------------------
  Form -- body
  --------------------------------------
  */
  .form-fields {
    display         : flex;
    justify-content : center;
  }

  .contact-form__form {
    display               : grid;
    grid-template-columns : 320px 1fr;
    gap                   : 40px;
    max-width             : 1200px;
  }

  .contact-form__left {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
  }

  .contact-form__right {
    display        : flex;
    flex-direction : row;
    align-items    : flex-start;
    padding        : 60px 70px;
    flex-wrap      : wrap;
    gap            : 4%;s
  }
}