._frm-g{
display: grid;
display: -ms-grid;
grid-template-columns: repeat( 6 , minmax( 30px , 1fr ));
-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr );
}
.bf3-2 { grid-area: 1 / 1 / 3 / 7 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-3 { grid-area: 3 / 1 / 5 / 7 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-4 { grid-area: 5 / 1 / 7 / 7 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-5 { grid-area: 7 / 1 / 9 / 7 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-12 { grid-area: 9 / 1 / 11 / 7 ; -ms-grid-row: 9; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-7 { grid-area: 11 / 1 / 13 / 7 ; -ms-grid-row: 11; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-10 { grid-area: 13 / 1 / 15 / 7 ; -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-11 { grid-area: 15 / 1 / 17 / 7 ; -ms-grid-row: 15; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-1 { grid-area: 17 / 1 / 19 / 7 ; -ms-grid-row: 17; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }
@media only screen and (max-width:600px) {
._frm-g {grid-template-columns: repeat( 4 , minmax( 30px , 1fr ));-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr );}
.bf3-2 { grid-area: 1 / 1 / 3 / 5 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-3 { grid-area: 3 / 1 / 5 / 5 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-4 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-5 { grid-area: 7 / 1 / 9 / 5 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-7 { grid-area: 11 / 1 / 13 / 5 ; -ms-grid-row: 11; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-10 { grid-area: 13 / 1 / 15 / 5 ; -ms-grid-row: 13; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-11 { grid-area: 15 / 1 / 17 / 5 ; -ms-grid-row: 15; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-1 { grid-area: 17 / 1 / 19 / 5 ; -ms-grid-row: 17; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf3-12 { grid-area: 9 / 1 / 11 / 5 ; -ms-grid-row: 9; -ms-grid-row-span: 10; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }
}
@media only screen and (max-width:400px) {
._frm-g {grid-template-columns: repeat( 2 , minmax( 30px , 1fr ));-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr );}
.bf3-2 { grid-area: 1 / 1 / 3 / 3 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-3 { grid-area: 3 / 1 / 5 / 3 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-4 { grid-area: 5 / 1 / 7 / 3 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-5 { grid-area: 7 / 1 / 9 / 3 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-7 { grid-area: 11 / 1 / 13 / 3 ; -ms-grid-row: 11; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-10 { grid-area: 13 / 1 / 15 / 3 ; -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-11 { grid-area: 15 / 1 / 17 / 3 ; -ms-grid-row: 15; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-1 { grid-area: 17 / 1 / 19 / 3 ; -ms-grid-row: 17; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf3-12 { grid-area: 9 / 1 / 11 / 3 ; -ms-grid-row: 9; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }
}