Wordpress de Responsive Form CSS?

Selamlar,

Anasayfada http://goo.gl/1glbpC slider ın altındaki Arama formunu nasıl responsive yapabilirim. CSS kodları şu andaki aşağıdadır. çünkü mobilden vs girince aynı boyutunda kalıyor, tema responsive, formu sonradan ekledim (

/* Search Form2 */
#top .search-form2 {
float: right;
}
.search-form2 {
margin-top: 15px;
position: relative;
}
.search-form2 input {
background: #555555;
border: none;
font-size: 12px;
letter-spacing: 1px;
width: 1034px;
height: 30px;
}
.search-form2 input:focus {
background: #ffffff;
border: none;
}
.search-form2 button,
.search-form2 button:hover {
font-size: 12px;
font-weight: normal;
height: 30px;
padding: 0 10px;
letter-spacing: 0;
}

.search-form2 input {
background: #555555;
border: none;
font-size: 12px;
letter-spacing: 1px;
max-width: 1034px;
height: 30px;
width: 90%;
}

çok teşekkürler hocam