.mec-col-8.captainu-mec-age-group-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.captainu-mec-age-group-field {
    flex: 1 1 120px;
    min-width: 100px;
}

.captainu-mec-age-group-field label {
    display: block;
    margin-bottom: 0.25rem;
}

.captainu-mec-age-group-field select {
    width: 100%;
    max-width: 100%;
}

/* Calendar search: Gender + Age range row, sized like the Type / Location / Sport / Price row. */
.mec-search-form .mec-event-fields-row {
    display: flex;
    flex-wrap: wrap;
}

.mec-search-form .mec-event-fields-row > .mec-dropdown-search {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

.mec-wrap .mec-search-form .mec-event-fields-row .mec-dropdown-search select {
    width: calc(100% - 36px);
    margin-bottom: 20px !important;
}

.mec-search-form .mec-event-fields-row span.select2 .selection .select2-selection {
    min-height: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    font-size: 13px;
    color: #777;
    border: 1px solid #efefef;
    margin: 0 0 10px -1px;
    padding: 0 5px;
    font-family: inherit;
    border-radius: 0 var(--mec-secondary-border-radius) var(--mec-secondary-border-radius) 0;
    width: 100%;
}

.mec-search-form .mec-event-fields-row span.select2 .selection .select2-selection .select2-selection__rendered {
    color: #777;
    line-height: 34px;
    padding: 0 0 0 5px;
}

.mec-search-form .mec-event-fields-row span.select2 .selection .select2-selection .select2-selection__arrow {
    height: 34px;
}

.mec-search-form .captainu-mec-age-selects {
    display: flex;
    float: left;
    width: calc(100% - 36px);
}

.mec-wrap .mec-search-form .captainu-mec-age-selects select:not(.select2-hidden-accessible),
.mec-search-form .captainu-mec-age-selects .select2-container {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

.mec-search-form .captainu-mec-age-selects .select2-container + select + .select2-container,
.mec-search-form .captainu-mec-age-selects select + select {
    margin-left: 8px;
}

@media only screen and (max-width: 960px) {
    .mec-search-form .mec-event-fields-row > .mec-dropdown-search {
        width: 50%;
    }
}

@media only screen and (max-width: 780px) {
    .mec-search-form .mec-event-fields-row > .mec-dropdown-search {
        width: 100%;
    }
}