.lgKhtgGridParent {
    display: grid;
    grid-template-columns: auto 510px;
    grid-template-rows: auto;
    width: 100%;
}

.lgKhtgGrid {
    display: grid;
    grid-template-columns: 200px 75px auto 150px;
    grid-template-rows: auto;
    float: left;
    width: 100%;
}

.lgKhtgGrid2 {
    display: grid;
    grid-template-columns: 150px 100px 100px 100px;
    grid-template-rows: auto;
    float: left;
    width: 100%;
}

.lgKhtgGridFlags {
    display: grid;
    grid-template-columns: 150px 50px 50px 150px 50px 50px 15px;
    grid-template-rows: auto;
    align-content: flex-start;
    margin-left: 15px;
    float: right;
    width: 100%;
}

.lgKhtgGridFlagsBold {
    font-weight: bold;
}

.lgKhtgGridFlagsMargin {
    margin: auto;
}

.lgKhtgGridFlagsColumnHeight {
    height: 25px;
}

.lgKhtgGridColumn_1_parent {
    grid-column: 1;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_2_parent {
    grid-column: 2;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_1 {
    grid-column: 1;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_2 {
    grid-column: 2;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_2_3_4 {
    grid-column: 2 / 4;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_3 {
    grid-column: 3;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_4 {
    grid-column: 4;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_5 {
    grid-column: 5;
    margin-bottom: 5px;
}

.lgKhtgGridColumn_6 {
    grid-column: 6;
    margin-bottom: 5px;
}

@media(max-width: 960px) {

    .lgKhtgGridParent {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        width: 100%;
    }

    .lgKhtgGridColumn_2_parent {
        grid-column: 1;
        margin-bottom: 5px;
    }
}