Logo not changing in mobile view

[Leah]

Leah

July 2, 2016 at 4:32 am

Hi,
The website I am working on has two sub-brands, and I have used CSS to change out the logo on several pages e.g.

.page-id-4221 .kad-standard-logo.kad-lg {
background-image: url('*Login to see link ') !important;
}

This is working fine (except page-4291 for some reason) – until it is viewed on a mobile device. It goes back to the default logo.

Could you please point me in the right direction as to what I need to adjust?
I tried this, but am obviously not getting it quite right:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) }
.page-id-4221 #kad-banner #logo .kad-standard-logo {
background-image: url('*Login to see link ') !important;
}
}

You can access the under-development site with this link
You can then go to this page to see an example of what I mean.
Both desktop and mobile should have Personal Stylist, not Activewear as the tagline for the logo.

Thanks