.search_and_filter_container{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 1% 0;
    background-color: #000;
    border-top: 2px solid #ff3131;
}

.filter_container{
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_form{
    display: flex;
    justify-content: end;
    align-items: center;
    width: 90%;
    margin-right: 2%;
}

#search_button, #open_filter_options{
    padding: 0.8%;
    background-color: #000;
    color: #ff3131;
    border: 2px solid #ff3131;
    border-radius: 10px;
    font-family: verdana;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    cursor: pointer;
}

#open_filter_options{
    padding: 7%;
}

#search_bar{
    width: 60%;
    background-color: #fff;
    height : 22px;    
    color: #000;
    caret-color: #ff3131;
    font-family: verdana;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #ff3131;
    border-radius: 5px;
    margin-right: 1% !important;
}

  @media (max-width: 991px) {
    .search_and_filter_container{
        justify-content: start;
    }   
    
    .search_form{
        width: 75%;
    }
    #search_button, #open_filter_options{
        margin: 0 3%;
        border-radius: 5px;
        padding: 3% 1%;
  }