kod düzenleme hakkında yardım

Merhabalar. aşağıdaki kodu siteme eklediğimde, farklı ekran boyutlarında üst üste geliyor reklamlar, bunu daha önceden Admatic koduyla yapabiliyordum, o kodu eklediğimde tüm ekran boyutlarında site kenarlarına içten doğru sıfır çıkıyordu, fakat admatic kullanmıyorum artık.

Bu kodda bir düzenleme yapıp, tüm masaüstü ekran boyutlarında düzgün (yani sağda solda site ekranına dayalı) görünmesini sağlayabilir miyim? Bu konuda yardımcı olabilecek hocalarıma minnettar olurum. Bu arada sitem blogger alt yapılı. Saygılarımla.

<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:80px;width:600px;height :0px;z-index:1;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:600px;height:10px; line-height:10px;font-size:8px;font-weight:600;top:+5px;left:0;text-align:center;background:#11111;color:#11111;paddin g:0px 0;cursorointer}
@media screen and (min-width:800px) {.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>
<div class='fixed-leftSd'>
<div aria-label='Close Ads' class='close-fixedSd' onclick='this.parentElement.style.display=&quot;no ne&quot;' role='button' tabindex='0'>
reklam kodu
</div>
</div>
<div class='fixed-rightSd'>
<div aria-label='Close Ads' class='close-fixedSd' onclick='this.parentElement.style.display=&quot;no ne&quot;' role='button' tabindex='0'>
reklam kodu
</div>