.pnlFilterBySearchCriteriaCollapsedMode {
    display: block;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 16px;
}

    .pnlFilterBySearchCriteriaCollapsedMode.active {
        display: block;
    }

    .pnlFilterBySearchCriteriaCollapsedMode.inactive {
        display: none;
    }

    .pnlFilterBySearchCriteriaCollapsedMode .panel {
        margin-bottom: 0px;
    }

    .pnlFilterBySearchCriteriaCollapsedMode .panel-heading {
        padding: 10px 6px;
    }

.pnlFilterBySearchCriteriaExpandedMode {
    margin-right: 16px;
}

    .pnlFilterBySearchCriteriaExpandedMode.inactive {
        display: none;
    }

    .pnlFilterBySearchCriteriaExpandedMode.active {
        flex: 0 1 100%;
        display: block;
    }

@media only screen and (min-width : 768px) {
    
    .pnlFilterBySearchCriteriaExpandedMode,
    .pnlFilterBySearchCriteriaExpandedMode.active {
        flex: 0 1 25%;
        display: block;
    }

    .pnlFilterBySearchCriteriaCollapsedMode {
        display: none;
    }
}
/* end of  min-width : 768px*/