#khpi_zno_lookup_form
{

}

#khpi_zno_lookup_form label input, #khpi_zno_lookup_form input {
    width: 100%;
}

#khpi_zno_lookup_form {
    width: 50%;

}

/* grid */
.zno_row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
    margin-bottom: 10px;
}
.zno_row:last-child {
    margin-bottom: 0;
}
[class*="zno_col-"] {
    padding: 10px;
    width: 100%;
}

@media all and ( min-width: 600px ) {

    /* set col widths */
    .zno_col-2-3 {
        width: 66.66%;
    }
    .zno_col-1-2 {
        width: 50%;
    }
    .zno_col-1-3 {
        width: 33.33%;
    }
    .zno_col-1-4 {
        width: 25%;
    }
    .zno_col-3-4 {
        width: 75%;
    }
    .zno_col-1-8 {
        width: 12.5%;
    }
}