strange issue with mobile logo

hi to recap this is my resolved thread from yesterday

Since I’ve had a message come through that both logos are displaying on a samsung s3 mini device. I have a screenshot showing this at

https://www.dropbox.com/s/mjcn3quvu0ww097/20150219_124620.jpg?dl=0

My css is

@media only screen and (min-width: 480px) {
.second-logo { display: none; }}
@media only screen and (max-width: 480px) {
.homepageslider {display: none!important;}
.logo a { display: none!important; }
.logo a.second-logo {
display: block!important;
}
}

What should I do?

The original logo shouldn’t display above 480 as it has the important rule