@media (max-width: 768px) {

  .FormOverView {
    display: flex !important;
    flex-direction: column !important;
    padding: 8px !important;
    gap: 0 !important;          
    overflow-x: hidden;
  }

  .adjacentField {
    width: 100% !important;
    min-width: unset !important;
    flex: unset !important;
  }

  ::ng-deep {

    gb-newpicklist {
      display: block !important;
      width: 100% !important;
      margin-bottom: 10px !important; 

      .picklist-wrapper,
      .picklist-container,
      .gb-picklist-wrapper,
      .form-field-wrapper,
      .mat-mdc-form-field-subscript-wrapper,
      .mat-mdc-form-field-bottom-align {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
      }

      mat-form-field,
      .mat-mdc-form-field,
      input,
      .mat-mdc-text-field-wrapper {
        width: 100% !important;
        min-width: unset !important;
      }

      .mat-mdc-form-field-subscript-wrapper {
        display: none !important;
      }
    }

    gb-formgrid {
      display: block !important;
      width: 100% !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;

      table,
      .grid-container,
      .gb-grid-wrapper,
      ag-grid-angular,
      .ag-root-wrapper {
        min-width: 520px !important; 
      }
    }

    gb-formaction {
      .form-action-bar,
      .action-bar,
      .toolbar {
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding: 6px 8px !important;
      }

      button {
        flex: 1 1 auto !important;
        min-width: 72px !important;
        font-size: 13px !important;
      }
    }
  }
}

@media (max-width: 480px) {
  .FormOverView {
    padding: 6px !important;
  }

  ::ng-deep {

    gb-newpicklist {
      margin-bottom: 8px !important;

      input,
      .mat-mdc-form-field {
        font-size: 13px !important;
      }
    }

    gb-formgrid {
      th, td {
        padding: 5px 6px !important;
        font-size: 12px !important;
        white-space: nowrap;
      }
    }
  }
}