img {
    max-width: 100%; }

  .wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex; }

  .inner {
    padding: 20px;
    background: #fff;
    max-width: 850px;
    margin: auto;
    display: flex;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.6);

  }
  .inner .image-holder {
    width: 100%; }

  .inner .form {
    width: 40%;
    padding-top: 36px;
    padding-left: 20px;
    padding-right: 20px; }


  @media (max-width: 1199px) {
    .wrapper {
      background-position: right center; } }
  @media (max-width: 991px) {
    .inner .form {
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
       text-align: center;
     }
  }
  @media (max-width: 767px) {
    .inner {
      display: block; }
      .inner .image-holder {
        width: 100%; 
      text-align: center;}
      .inner .form {
        width: 100%;
           text-align: center;
        padding: 40px 0 30px; }


  }