How to Correctly Display Google Search Box For Mobile Browsers?

Hi
We are using a google search plugin on our website . It looks great in desktop browsers. However it looks so long in Mobile browsers. How can we make this mobile compatible?
We are using custom css.

Our website: Click here

Please help about fixing this css for mobile browsers.

Here is the custom css:

.wgs_wrapper {
width: 700px;
margin-left: 30px;
}

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: 30px;
height: 30px;
margin-left: 25px;
}

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
padding: 2px;
}

#widget .wgs_wrapper tr td {
padding: 0 2px 0 0;
}

td.gsc-search-button {
width: 50px;
}