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