Untitled

update the below  code so that for mobile screens , the search bar and button should come one below another. 

<div className="row align-items-center">
                <div className="col-lg-11 col-md-9 col-sm-12 mb-sm-0 d-flex align-items-center">
                    <Textbox
                        name="question"
                        className="w-100 ux-rfi-search-bar"
                        model="hhsSearchRFI.search"
                        appendIcon="search"
                        placeholder="Search"></Textbox>
                    <Button
                        id="submit-btn"
                        className="ux-rfi-green-button ml-5 mt-2 w-auto"
                        click={() => handleSearchRFI(hhsSearchRFI.search)}
                        labelKey="search_btn"></Button>
                </div>
            </div>