On mobile view, Search button needs space from top.

After fixing issue

Hi @alok_singh,

Thank you for providing an MR. I applied MR!14, it was applied smoothly and the changes were reflected.

➜  porto_theme git:(1.5.4) curl https://git.drupalcode.org/project/porto_theme/-/merge_requests/14.diff | patch -p1
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 51971    0 51971    0     0  52831      0 --:--:-- --:--:-- --:--:-- 52816
patching file .gitlab-ci.yml
patching file css/custom.css
➜  porto_theme git:(1.5.4) ✗

Before:

After:

Issue/Concern

1. The space between the Search Button and the "About searching" link is a bit small.
   
2. Make the "Your search yielded no results." bolder. It looks like it is passive.
   
3. There is an inconsistency in the mobile responsiveness. If the screen width is 472px to 749px, the display of the search field and the button is inline. Please note that the stacked display will start from 500px and below (except for the mentioned widths). Please refer to the video attached.
4. In tablet view, the spacing between the search field and the button is small.
   

Please check and advise.
Thank you.