@media screen and (max-width: 1024px) {
  :host ::ng-deep gb-formaction {
    flex-wrap: wrap;
    gap: 6px;
  }

  :host ::ng-deep gb-newpicklist {
    width: 100%;
    min-width: 200px;
  }

  :host ::ng-deep gb-radiobutton {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  :host ::ng-deep gb-formgrid {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    table,
    .grid-table,
    .mat-table {
      min-width: 640px;
    }
  }
}

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

  :host ::ng-deep gb-newpicklist {
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    * {
      min-width: unset !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    input {
      width: 100% !important;
    }

    .picklist-container,
    .picklist-wrapper,
    .select-container,
    .input-container,
    > div {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      width: 100% !important;
    }

    .picklist-arrow,
    .dropdown-arrow,
    .arrow-icon,
    mat-icon,
    .mat-icon,
    i {
      margin-left: auto !important;
      flex-shrink: 0 !important;
    }

    span, input, .picklist-text {
      flex: 1 1 auto !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
  }

  :host ::ng-deep gb-formgrid {

    td,
    th,
    .mat-cell,
    .mat-header-cell {
      padding: 4px 6px !important;
      font-size: 11px !important;
      white-space: nowrap;
    }
  }
}