Google Adsense allows you to make campaings with responsive advertisments, add this code into your framework or just include the css. it works like a charm.
(prefix xs-)
phones, screens smaller than 480px. each class name is consisted of the respective prefix specific for the screen size where it will be activated and the ad. size. the b in front stands for block.
Additional classes.
You can use .center if you want to center the ad or (prefix)-hide if you want to hide it on a certain size range. In the following example we will have an ad that is centered and is visible only on mobile screens and tablets.
168px by 42px (.xs-b168x42) 216px by 54px (.xs-b216x54) 300px by 50px (.xs-b300x50) 300px by 70px (.xs-b300x70) 300px by 250px (.xs-b300x250) 250px by 250px (.xs-b250x250) 200px by 200px (.xs-b200x200)
Small tablets and phones with screens larger than 480px to 768 it includes iPad in landscape mode.
300px by 75px (.sm-b300x75) 320px by 50px (.sm-b300x75) 300px by 250px (.sm-b300x75) 336px by 280px (.sm-b300x75) 250px by 250px (.sm-b300x75) 200px by 200px (.sm-b300x75) Hide the ad for this size range (am-hide).
(prefix md-) Tablets and Screens up to 1200px.
300px by 75px (.md-b300x75) 320px by 50px (.md-b320x50) 300px by 250px (.md-b300x250) 336px by 280px (.md-b336x280) 120px by 600px (.md-b120x600) 160px by 600px (.md-b160x600) 250px by 250px (.md-b250x250) 200px by 200px (.md-b200x200) 720px by 90px (.md-b720x90)
(prefix lg-)
Screens larger than 1200px
Example: This ad will be visible on small medium and large screen and hidden on mobile devices.
Every block holding the ad code should have first .adv class then you add the specific classes that would make the a visible on your desired contexts.