Custom Ads size by CSS was overridden by theme

In Newsmag, I use CSS to define the size of ads by custom css, but it seems the theme override the custom css.
How to change it back?

My adsense code

<style>
.ads1 { width: 728px; height: 90px; }
@media only screen and (min-width: 0px) and (max-width: 321px) { .ads1 { width: 320px; height: 50px; } }
@media only screen and (min-width: 322px) and (max-width: 479px) { .ads1 { width: 320px; height: 100px; } }
@media only screen and (min-width: 480px) and (max-width: 1100px) { .ads1 { width: 468px; height: 60px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ads1"
     style="display:inline-block"
     data-ad-client="ca-pub-12345"
     data-ad-slot="67890"
     data-ad-region="enterpr1se_head"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

The theme will change to

!-- A generated by theme --> 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><div class="td-g-rec td-g-rec-id-header">
<script type="text/javascript">var td_screen_width=document.body.clientWidth;if(td_screen_width>=1024){document.write('<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-12345" data-ad-slot="67890"></ins>');(adsbygoogle=window.adsbygoogle||[]).push({});}
if(td_screen_width>=768&&td_screen_width<1024){document.write('<ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-12345" data-ad-slot="67890"></ins>');(adsbygoogle=window.adsbygoogle||[]).push({});}
if(td_screen_width<768){document.write('<ins class="adsbygoogle" style="display:inline-block;width:320px;height:100px" data-ad-client="ca-pub-12345" data-ad-slot="67890"></ins>');(adsbygoogle=window.adsbygoogle||[]).push({});}</script>
</div>

 <!-- end A --> 

• This topic was modified 11 years by enterpr1se.