@media screen and (min-width: 1186) {
    html {
      overflow-x: hidden;
    }
    html,
    body {
      /* width: auto!important;  */
      width: 100vw;
      overflow-x: hidden !important;
    }
    .mainForm {
      width: 80%;
    }
    .mainBox {
      width: 100%;
      border: 2px solid red;
    }
    .bgLady {
      width: 20%;
      border: 2px solid purple;
    }
  }
  @media screen and (min-width: 1000) {
    .mainForm {
      width: 90%;
      border: 2px solid cyan;
      padding:10px 20px 0px 0px;
    }
    .mainBox {
      width: 100%;
      border: 2px solid yellow;
    }
    .insideForm {
      width: 100%;
    }
    .bgLady {
      width: auto;
      padding-left: 10px;
      border: 2px solid cyan;
    }
    .bgLady img {
      border: 2px solid red;
      /* z-index: -1; */
      width: 200px;
      height: 50px;
    }
    .ladyImg{
      height: auto;
      width: 400px;
    }
  }
  @media screen and (max-width: 880px) {
      .ladyImg{
          height: 50%;
          width: 30%;
          /* display: none; */
          z-index: -1;
          /* border: 2px solid red; */
        }
        .mainForm {
          width: 90%;
          /* border: 2px solid green; */
          padding:20px;
          padding-right: 0;
          display: flex;
          justify-content: center;
        }
        .mainBox{
          display: flex;
          justify-content: center;
        }
        .bgLady {
          width: auto;
          padding-left: 10px;
          border: 2px solid cyan;
          /* visibility: hidden; */
          display: none;
        }
        .livYour{
          display: none;
        }
        .after{
          display: none;
        }
        .dream{
          display: none;
        }
  }
  @media screen and (max-width: 500px) {
      .mainForm{
          padding: 0;
      }
  }