logo size in mobile view

Hi, When I created my website I had an issue with the logo size in mobile view (it was huge).

You told me to use this code:
@media only screen and (max-width: 480px) and (min-width: 200px) {
.navbar > .container .navbar-brand { float: left !important; }
.navbar > .container .navbar-brand img { width: 70px !important; height: 54px !important; margin: 0 !important; }
.navbar-toggle {
float: right !important;
margin-top: 34px !important;
margin-right: 15px !important;
margin-bottom: 34px !important;
}
}

It has been working ok but now it doesn′t work any longer. How can I fix it??

Thank you!!