@media (max-width: 870px) {
  :host {
    display: block;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .FormOverView {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 24px;
    overflow-x: hidden;
  }

  :host ::ng-deep {

    .FormOverView>div[style*="display: flex"],
    .FormOverView>div[style*="display:flex"] {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
    }

    .FormOverView>div[style*="display"]>div {
      width: 100% !important;
      max-width: 100% !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }

    gb-newpicklist,
    gb-textarea,
    gb-input,
    gb-combobox,
    gb-checkbox,
    gb-formaction,
    gb-newpicklist.adjacentField {
      display: block !important;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 16px !important;
      box-sizing: border-box !important;
    }

    mat-form-field,
    .mat-form-field,
    .mat-mdc-form-field,
    .Mat_Form_Field {
      display: flex !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    .mat-mdc-text-field-wrapper,
    .mat-mdc-form-field-flex,
    .mat-mdc-form-field-infix,
    .mdc-text-field,
    gb-newpicklist>div,
    gb-input>div,
    gb-combobox>div {
      display: flex !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    .mat-mdc-select-value,
    .mat-select-value,
    .mat-mdc-select-value-text {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      min-width: 0 !important;
      width: 100% !important;
    }

    gb-textarea textarea {
      resize: vertical !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .cdk-overlay-pane,
    .mat-dialog-container,
    .mat-mdc-dialog-container {
      max-width: 95vw !important;
    }
  }
}