Code nur für Deskop version einbinden.

Servus.

Wie kann ich diesen Code für die Desktop version einbinden , und so das dieser nicht auf Mobile aktiv ist.
Wiederrum wie kann ich ein Code für Mobile einbinden,wo dieser aber nicht auf Desktop zu sehen ist.

Es handelt sich um ein popup!

<div id="dp_layer" style="display:none;">
  <div id="dp_line"><span onclick="dplayer(0)"><img src="link.com"></span></div>
   <div id="dp_inhalt">
    <script src="katze.js" type="text/javascript"></script>
    <script type="text/javascript">
   dplayer("inhalt") // Layer Inhalt
  </script>
 </div>
</div>

Wer kann mir helfen ?

mfg

------------------------------------------------------------------------------------------
ist das im ansatz richtig ?

@media only screen and (min-width: 801px) {
/ <div id="dp_layer" style="display:none;">
  <div id="dp_line"><span onclick="dplayer(0)"><img src="http://fun-automat.com/backup/round_red_close_button.jpg"></span></div>
   <div id="dp_inhalt">
    <script src="fisch.js" type="text/javascript"></script>
    <script type="text/javascript">
   dplayer("inhalt") // Layer Inhalt
  </script>
 </div>
</div>/
}

So Tom hat geholfen,

@media screen and (max-width: 800px) {
#dp_layer { display:none !important;}
}

Danke,ich hoffe andere können den zusammenhang verstehen ,für den eigennutzen