İframe mobilde gözükmesini nasıl engellerim

https://www.tekno50.com/sohbet-3/

sitem de iframe ile sohbet bölümü ekledim üst deki chati mobil olmadığı için boşluk olarak çıkıyor üsteki chati masaüstünde gözükecek mobilde değil onun yerine cbox.ws sohbet kutusu çıkmasını istiyorum ama boşluğu gözükmesini mobilde engelleyip yerine sohbet kutusu gözükecek css media kodlarıyla yapamadım

Css kodlarınızda belli bir ekran genişliğinden düşük ise iframe kısmını display: none; yapabilirsiniz, cbox.ws de normal cssinde display: none; olur, mobil olduğu zamanda display: block; yaparak sorunu çözebilirsiniz.

iframe kodları bunlar
1 nci iframe kodu sadece masa üstünde gözükecek

2 nci iframe kodu sadece mobilde gözükecek

tam olarak kodu css ye nasıl ekleyecem ve iframeler de ki kodlar nasıl olacak

<iframe src="https://www.sohbetyap.com/tr-sohbet/?nick=balikk&amp;password=&amp;applet=klasik&amp;submit=SOHBETE+BA%C4%9ELAN" width="100%" style="height: 100vh;"></iframe>


<iframe src="https://www5.cbox.ws/box/?boxid=936028&boxtag=7MpdOg" width="100%" style="height: 100vh;"></iframe>