._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 );
}
.bf1-2 { 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: 106px;; }.bf1-3 { 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: 106px;; }.bf1-5 { 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: 106px;; }.bf1-6 { grid-area: 3 / 3 / 5 / 5 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 2;  min-height: 106px;; }.bf1-4 { grid-area: 3 / 5 / 5 / 7 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 2;  min-height: 106px;; }.bf1-9 { 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: 106px;; }.bf1-8 { 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: 106px;; }.bf1-11 { 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: 106px;; }.bf1-10 { 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: 106px;; }.bf1-1 { 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: 106px;; }
@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 );}
.bf1-2 { 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: 106px;; }.bf1-3 { 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: 106px;; }.bf1-5 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 106px;; }.bf1-6 { grid-area: 7 / 1 / 9 / 5 ; -ms-grid-row: 7; -ms-grid-row-span: -2; -ms-grid-column: 1; -ms-grid-column-span: 4;  min-height: 106px;; }.bf1-4 { grid-area: 15 / 1 / 17 / 5 ; -ms-grid-row: 15; -ms-grid-row-span: -10; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 106px;; }.bf1-9 { grid-area: 17 / 1 / 19 / 5 ; -ms-grid-row: 17; -ms-grid-row-span: -10; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 106px;; }.bf1-8 { grid-area: 9 / 1 / 11 / 5 ; -ms-grid-row: 9; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 106px;; }.bf1-11 { 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: 106px;; }.bf1-10 { grid-area: 19 / 1 / 21 / 5 ; -ms-grid-row: 19; -ms-grid-row-span: -6; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 106px;; }.bf1-1 { grid-area: 13 / 1 / 15 / 5 ; -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 106px;; }
}
@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 );}
.bf1-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: 106px;; }.bf1-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: 106px;; }.bf1-5 { 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: 106px;; }.bf1-6 { 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: 106px;; }.bf1-4 { 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: 106px;; }.bf1-9 { 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: 106px;; }.bf1-8 { 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: 106px;; }.bf1-11 { 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: 106px;; }.bf1-10 { grid-area: 19 / 1 / 21 / 3 ; -ms-grid-row: 19; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 106px;; }.bf1-1 { 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: 106px;; }
}