.filter-form .col {
    flex-basis: 20%;
    max-width: 20%;
}

#kt_subheader_filter {
    margin-left: 0;
    margin-right: 0;
}

    #kt_subheader_filter .filter-input {
        flex: auto;
        max-width: 25%;
    }

@media (max-width: 1381px) {
    .filter__buttons {
        margin-top: 10px
    }
}

@media (max-width: 1149px) {
    .sort_block {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .showfilter-button {
        display: inline !important;
    }

    .sort_block > .filter-input {
        margin-top: 10px !important;
    }
}

@media (max-width: 767px) {
    .filter-form .filter-input {
        flex-basis: 50%;
        max-width: 50% !important;
        padding: 0 10px;
    }

    .filter div:nth-child(3) {
        margin-top: 10px;
    }
}

@media (max-width: 684px) {
    .filter .ant-select, .filter .filter-input {
        width: 100% !important;
    }
}

@media (max-width: 564px) {
    .filter__buttons .ant-btn {
        width: 100%;
        margin-top: 15px;
    }

    .filter .filter__buttons {
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    #kt_subheader_filter .filter-input {
        flex: 0 0 100%;
        max-width: 100% !important;
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .header-fixed.subheader-fixed .subheader.filter-bar {
        top: 0px;
    }

    .header-fixed.subheader-fixed .subheader {
        top: 0px;
    }
}

.subheader .general-filters .filter-input {
    display: flex;
    align-items: center;
    margin: 0 1rem 0 0;
}

.subheader .general-filters label {
    font-weight: 500;
    margin: 0 1rem;
    white-space: nowrap;
}

.subheader .general-filters .ant-radio-group label {
    font-weight: 500;
    margin: 0;
}

.filter-expanded.flex-column-fluid {
    cursor: pointer;
}

    .filter-expanded.flex-column-fluid .container-fluid {
        pointer-events: none;
    }

@media (min-width: 1382px) {
    .filter {
        flex-wrap: nowrap !important;
    }
}

@media (min-width: 992px) {

    .filter__buttons {
        display: flex !important;
        width: 20% !important;
        justify-content: space-between !important;
    }

    .sort_block {
        display: flex;
    }

    .filter__buttons .ant-btn-primary {
        margin-left: 1.2rem;
    }
}

@media (max-width: 480px) {
    #kt_subheader_filter .filter-input {
        flex: 0 0 100%;
        max-width: 100% !important;
        padding: 0 10px;
    }
}