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

  :host ::ng-deep {

    .FormOverView.scrollbar {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      overflow-x: hidden !important;
    }

    gb-newpicklist,
    gb-combobox {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    .adjacentField {
      max-width: 100% !important;
    }

    app-gb-formgrid,
    gb-formgrid {
      display: block !important;
      width: 100% !important;
      overflow-x: auto !important;
    }
  }
}

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

  :host ::ng-deep {

    .FormOverView.scrollbar {
      width: 100% !important;
      max-width: 100vw !important;
      box-sizing: border-box !important;
      padding: 0 16px !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
    }

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

    gb-newpicklist,
    gb-combobox,
    gb-input {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      margin-bottom: 8px !important;
    }

    .adjacentField {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    app-gb-formgrid,
    gb-formgrid {
      display: block !important;
      width: 100% !important;
      overflow-x: auto !important;
    }

    .modal .modal-content {
      width: 95vw !important;
      max-width: 95vw !important;
      margin: 0 auto;
    }

    .modal .gridOver {
      overflow-x: auto;
    }
  }
}