Adding searchbar i use for the desktop version to my mobile version?

[store095]

Hi, i want to use the searchbar i use for my desktop version also for my mobile version.

It should look like this:

 Is that possible?

url: https://ba571d-cc.myshopify.com

Dawn theme 15.0.0

Thank you.

[Dan-From-Ryviu · Accepted solution]

Please use this code 

@media (max-width: 767px) {
    .mobile-search {
        display: none !important;
    }
    .desktop-search {
        display: block !important;
    }
    .header--mobile-left {
        grid-template-columns: auto 2fr 4fr !important;
    }
    .header { padding: 10px 3px !important; }
}

[store095]

Its working.

Thank you.