@media (min-width: 690px) {
   /*
    Revert when on PFv6

    TODO IMPORTANT revert all usages of ubi-grid-col- as well and change back to ui-grid-col-
    see https://github.com/primefaces/primefaces/commit/50a7c20739c9cf3af3895a68936dbb8ed30f0db9#diff-d7a99593a8e92d9c69f098585d87dcfa
    */
   .ubi-grid-col-1 { /*revert*/
      width: 8.33333% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-2 { /*revert*/
      width: 16.66666% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-3 { /*revert*/
      width: 25% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-4 { /*revert*/
      width: 33.33333% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-5 { /*revert*/
      width: 41.66666% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-6 { /*revert*/
      width: 50% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-7 { /*revert*/
      width: 58.33333% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-8 { /*revert*/
      width: 66.66666% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-9 { /*revert*/
      width: 75% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-10 { /*revert*/
      width: 83.33333% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-11 { /*revert*/
      width: 91.66666% !important;; /*revert*/
   }

   /*revert*/
   .ubi-grid-col-12 { /*revert*/
      width: 100% !important; /*revert*/
   }

   /* end revert */
}

@media (max-width: 689px) {
   .ubi-grid-col-1, .ubi-grid-col-2, .ubi-grid-col-3, .ubi-grid-col-4, .ubi-grid-col-5, .ubi-grid-col-6, .ubi-grid-col-7, .ubi-grid-col-8, .ubi-grid-col-9, .ubi-grid-col-10, .ubi-grid-col-11, .ubi-grid-col-12 {
      width: 100% !important;
      float: none !important;
   }

   .ui-panelgrid .ui-grid-responsive .ui-grid-row {
      border: 0;
   }

}