.odd-filter-block {
    /*padding-left: 8px;
    padding-right: 8px;
    padding-top:8px;
    padding-bottom:8px;
    display: flex;
    align-items: center;
    width:100%;
    column-gap: 16px;*/
    display: grid;  
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    column-gap: 16px;
    padding-top:8px;
    padding-bottom:8px;
    /* padding-left:16px;
    padding-right:16px; */
    width:100%;
}
.odd-filter-block label {
    padding: 16 0 0 16;
}

.odd-filter-button-block {
    list-style: none;
    padding: 0 0 0 16;
    margin: 0;
    display: flex;
    justify-content: end;
}
div.odd-inline-block label {
    display: inline-block;
}
@media only screen and (max-width:601px) {
    .odd-filter-block.odd-block-grid-row {
        margin-bottom:0.25em !important
    }
    .odd-filter-setting {
        padding: 0 4 8 4;
    }

    .odd-filter-block {
        grid-template-columns: 1fr !important;
        row-gap: 0.25em;
    }
}

@media screen and (max-width:1024px) and (min-width:602px) {
    .odd-filter-setting {
        padding: 0 4 8 4;
    }
}

@media screen and (max-width:1180px) and (min-width:1025px) {
    .odd-filter-setting {
        padding: 0 4 8 4;
    }
}

@media screen and (max-width:1920px) and (min-width:1181px) {
    .odd-filter-setting {
        padding: 16 8 8 8;
    }
}

@media only screen and (min-width:1921px) {
    .odd-filter-setting {
        padding: 16 8 8 8;
    }
}