.media-center-search-bar {
    position: relative;
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.media-center-search-bar__search-term.media-center-search-bar__search-term {
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

@media ( min-width: 576px ) {
    .media-center-search-bar {
        width: auto;
        flex: 1 0 0%;
    }
}

@media ( min-width: 992px ) {
    .media-center-search-bar__search-term.media-center-search-bar__search-term {
        height: 50px;
        padding: 0 15px;
    }
}