:host {

  @media (max-width: 767px) {

    ::ng-deep .FormOverView {

      max-width: 100vw;
      overflow-x: hidden;

      overflow-y: auto !important;

      > div {
        display: block;
        width: 100%;
      }

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

      gb-checkbox {
        width: auto !important;
        display: inline-flex !important;
      }

      label, .label, ::ng-deep label {
        white-space: normal !important;
        word-break: break-word;
      }

      gb-formgrid {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        max-height: none !important;
        overflow-x: auto;
        overflow-y: visible !important;   
        -webkit-overflow-scrolling: touch;
      }

    
      gb-formgrid ::ng-deep * {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
      }

      
      padding-bottom: 80px;
    }
  }

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

    ::ng-deep .FormOverView {

      overflow-x: hidden;
      overflow-y: auto !important;

      > div {
        display: flex;
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 12px;
      }

      .adjacentField,
      gb-newpicklist,
      gb-input,
      gb-date,
      gb-combobox,
      gb-textarea {
        flex: 1 1 45%;
        min-width: 240px;
        max-width: 100%;
        margin-left: 0 !important;  
        box-sizing: border-box;
      }

      gb-checkbox {
        flex: 0 0 auto;
        margin-left: 0 !important;
      }

      gb-formgrid {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        max-height: none !important;
        overflow-x: auto;
        overflow-y: visible !important;   
      }

      gb-formgrid ::ng-deep * {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
      }

      padding-bottom: 80px;
    }
  }
}