form[name=search] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

form[name=search] .form-group {
    margin-bottom: 6px;
    padding-right: 6px;
    flex-basis: 25%;
    width: 25%;
}

form[name=search] .input-group {
    margin-bottom: 0;
    width: 100%;
}

@media (max-width: 700px) {
    form[name=search] .form-group {
        flex-basis: 33%;
        width: 33%;
    }
}

@media (max-width: 600px) {
    form[name=search] .form-group {
        flex-basis: 50%;
        width: 50%;
    }
}

@media (max-width: 500px) {
    form[name=search] .form-group {
        flex-basis: 100%;
        width: 100%;
    }
}

form[name=search] .form-group .form-control {
    display: block;
    width: 100%;
}