Responsive search box
The responsive search box gives you control to show different search boxes, one for mobile and one for desktop and choose when to display either based on a browser width which is called breakpoint.
Breakpoint– specify a browser width at which the desktop search changes into mobile search.
Here is an example illustrating this-
At 781px width, you can see the difference between mobile and desktop search UI in StackOverflow