mobile header changes

HI,
Seems like after every update, my mobile header settings get messed up. I am using this code:

@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 55px !important; margin-top: 3px!important;}
.responsive .logo { margin-left:-10px!important; }
}

@media only screen and (max-width: 767px) {
#advanced_menu_toggle {
display: block;
right: -15px;
top: 40px; }
}

.logo img {
margin-top: 5px;
}

.header-scrolled .logo img {
margin-top: 0;
}

which was fine before the 3.04 update, but now the logo is displaying at the wrong aspect ratio (see attached image).
Can you help me fix this?
Thanks!
Nancy