Is there a way to get the position properties from the css for responsive design?

I have edited the css for the notications to fit into my page design, but I can't quite figure out how to get the javascript to play nicely with my media queries for my responsive design. I need the start position to be at top 70px on desktop and 80px on mobile. I can do this easily with CSS, but the js only has one start position to play with.

Also, I don't suppose there's an easy way to have it do something more like a jQuery slideDown rather than moving in from the top of the screen, is there? I'ds like to have it appear to slide out from under my top header. (wishful thinking :-) )

THANKS!