Search icon out of the header in small screens after update 3.0.2

Hi,

I was provided the following Quick CSS for the search icon to appear in small screens, and it was working fine; but now that I´ve installed update 3.0.2 the icon appears out of the Logo section. My site is http://www.formulas-excel.com.

/*SHOW SEARCH ICON IN MOBILE MODE*/
@media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate {
display: block!important;
}
#top #menu-item-search { right: -100%; }}

@media only screen and (max-width: 767px) {
.responsive .main_menu {
position: relative;
}
#top #menu-item-search { display: block !important; }
#top .main_menu .menu li { display: none; }
.responsive #header .main_menu ul {
display: block;
}}

@media only screen and (max-width: 480px) {
.main_menu, #header_main_alternate {
display: block;
}}

@media only screen and (max-width: 767px) {
#top #menu-item-search {
display: block !important;
position: absolute;
right: 70px;
top: 20px;
}
}

Regards,

Chapdes