._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: 0px;; }.bf3-4 { 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: 0px;; }.bf3-5 { grid-area: 5 / 1 / 8 / 7 ; -ms-grid-row: 5; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 0px;; }.bf3-7 { grid-area: 8 / 1 / 10 / 3 ; -ms-grid-row: 8; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 0px;; }.bf3-1 { grid-area: 10 / 1 / 12 / 2 ; -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1;  min-height: 0px;; }
@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-1 { 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: 0px;; }.bf3-2 { 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: 0px;; }.bf3-4 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 0px;; }.bf3-5 { grid-area: 7 / 1 / 10 / 5 ; -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 0px;; }.bf3-7 { grid-area: 10 / 1 / 12 / 5 ; -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1;  min-height: 0px;; }
}
@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-1 { 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: 0px;; }.bf3-2 { 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: 0px;; }.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: 0px;; }.bf3-5 { 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: 0px;; }.bf3-7 { grid-area: 10 / 1 / 12 / 3 ; -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 0px;; }
}