._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 );
}
.bf30-3 { grid-area: 1 / 1 / 3 / 4 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-4 { grid-area: 1 / 4 / 3 / 7 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-6 { grid-area: 3 / 1 / 5 / 4 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-5 { grid-area: 3 / 4 / 5 / 7 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-16 { 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;; }.bf30-17 { grid-area: 7 / 1 / 10 / 7 ; -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-18 { grid-area: 10 / 1 / 13 / 7 ; -ms-grid-row: 10; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-7 { grid-area: 13 / 1 / 15 / 4 ; -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-11 { grid-area: 13 / 4 / 15 / 7 ; -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-10 { grid-area: 15 / 1 / 18 / 7 ; -ms-grid-row: 15; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-12 { grid-area: 18 / 1 / 20 / 4 ; -ms-grid-row: 18; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-21 { grid-area: 20 / 1 / 22 / 7 ; -ms-grid-row: 20; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-22 { grid-area: 22 / 1 / 24 / 7 ; -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-14 { grid-area: 24 / 1 / 27 / 7 ; -ms-grid-row: 24; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-1 { grid-area: 27 / 1 / 29 / 7 ; -ms-grid-row: 27; -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 );}
.bf30-3 { grid-area: 1 / 1 / 3 / 5 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-4 { grid-area: 3 / 1 / 5 / 5 ; -ms-grid-row: 3; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-16 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-17 { grid-area: 7 / 1 / 10 / 5 ; -ms-grid-row: 7; -ms-grid-row-span: -2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-18 { grid-area: 10 / 1 / 13 / 5 ; -ms-grid-row: 10; -ms-grid-row-span: -3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-6 { grid-area: 13 / 1 / 15 / 5 ; -ms-grid-row: 13; -ms-grid-row-span: -3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-7 { grid-area: 15 / 1 / 17 / 5 ; -ms-grid-row: 15; -ms-grid-row-span: -2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-5 { grid-area: 17 / 1 / 19 / 5 ; -ms-grid-row: 17; -ms-grid-row-span: -2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-10 { grid-area: 19 / 1 / 22 / 5 ; -ms-grid-row: 19; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-22 { grid-area: 22 / 1 / 24 / 5 ; -ms-grid-row: 22; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-21 { grid-area: 24 / 1 / 26 / 5 ; -ms-grid-row: 24; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf30-14 { grid-area: 26 / 1 / 29 / 5 ; -ms-grid-row: 26; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf30-11 { grid-area: 29 / 1 / 31 / 5 ; -ms-grid-row: 29; -ms-grid-row-span: -5; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-12 { grid-area: 31 / 1 / 33 / 5 ; -ms-grid-row: 31; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf30-1 { grid-area: 33 / 1 / 35 / 5 ; -ms-grid-row: 33; -ms-grid-row-span: -4; -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 );}
.bf30-3 { 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;; }.bf30-4 { 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;; }.bf30-16 { 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;; }.bf30-17 { grid-area: 7 / 1 / 10 / 3 ; -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 129px;; }.bf30-18 { grid-area: 10 / 1 / 13 / 3 ; -ms-grid-row: 10; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 129px;; }.bf30-6 { 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;; }.bf30-7 { 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;; }.bf30-5 { 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;; }.bf30-10 { grid-area: 19 / 1 / 22 / 3 ; -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 129px;; }.bf30-22 { grid-area: 22 / 1 / 24 / 3 ; -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf30-21 { grid-area: 24 / 1 / 26 / 3 ; -ms-grid-row: 24; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf30-14 { grid-area: 26 / 1 / 29 / 3 ; -ms-grid-row: 26; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 129px;; }.bf30-11 { grid-area: 29 / 1 / 31 / 3 ; -ms-grid-row: 29; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf30-12 { grid-area: 31 / 1 / 33 / 3 ; -ms-grid-row: 31; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf30-1 { grid-area: 33 / 1 / 35 / 3 ; -ms-grid-row: 33; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }
}