/* Display inputs in custom search as flex */
.custom-search {
    display: flex;
    margin-bottom: 20px;
}
.custom-search input,select {
    border-radius: 0;
    border: 1px solid #DEDFDF;
}
#custom-search-input {
    border-right: 0;
}
#custom-search-category {
    max-width: 200px;
}
#custom-search-reset {
    border-radius: 0;
    text-transform: uppercase;
    background: #D52B1E;
    color: #fff;
}
#custom-search-category:focus, #custom-search-input:focus, #custom-search-reset:focus {
    outline: none !important;
}
#custom-search-input:focus {
    border: 1px solid #000;
}


/* Media query mobile and up */
@media (max-width: 767px) {
    .custom-search {
        flex-direction: column;
    }
    #custom-search-input, #custom-search-category, #custom-search-reset {
        width: 100%;
        margin-bottom: 10px;
    }
    #custom-search-input {
        border-right: 1px solid #DEDFDF;
    }
}