@media screen and (max-width: 991px) {

  ::ng-deep .FormOverView {
    width: 100% !important;
    padding: 12px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  ::ng-deep .FormOverView > div[style*="display:flex"],
  ::ng-deep .FormOverView > div[style*="display: flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 16px !important;
  }

  ::ng-deep .FormOverView > div[style*="display:flex"] > div,
  ::ng-deep .FormOverView > div[style*="display: flex"] > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  ::ng-deep .FormOverView gb-newpicklist,
  ::ng-deep .FormOverView gb-input,
  ::ng-deep .FormOverView gb-textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  ::ng-deep .FormOverView .mat-mdc-form-field,
  ::ng-deep .FormOverView .mat-form-field,
  ::ng-deep .FormOverView .mat-mdc-text-field-wrapper,
  ::ng-deep .FormOverView .mat-mdc-form-field-flex,
  ::ng-deep .FormOverView .mat-mdc-form-field-infix {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  ::ng-deep .FormOverView input,
  ::ng-deep .FormOverView textarea,
  ::ng-deep .FormOverView select {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  ::ng-deep .FormOverView textarea {
    min-height: 100px !important;
    resize: vertical;
  }
}


@media screen and (max-width: 600px) {

  ::ng-deep .FormOverView {
    padding: 10px !important;
  }

  ::ng-deep .FormOverView > div[style*="display:flex"],
  ::ng-deep .FormOverView > div[style*="display: flex"] {
    gap: 12px !important;
  }

  ::ng-deep .FormOverView gb-newpicklist,
  ::ng-deep .FormOverView gb-input,
  ::ng-deep .FormOverView gb-textarea {
    width: 100% !important;
  }
}