Disable Java in the footer

So this is my site.
https://www.applewood.ca/

And I am having trouble disabling the JS(the JS is teh live chat, which will take up the entire screen sace on a mobile so that the users will not be able to navigate it).

Here’s the code that I need to disable on mobile devices. How do I do that?

script type="text/javascript">
  var _bcvma = _bcvma || [];
  _bcvma.push(["setAccountID", "984362872993571532"]);
  _bcvma.push(["setParameter", "WebsiteDefID", "8359441341062114808"]);
  _bcvma.push(["setParameter", "InvitationDefID", "5669190252038772528"]);
  _bcvma.push(["setParameter", "VisitName", ""]);
  _bcvma.push(["setParameter", "VisitEmail", ""]);
  _bcvma.push(["setParameter", "VisitRef", "Applewood Group"]);
  _bcvma.push(["setParameter", "VisitInfo", ""]);
  _bcvma.push(["setParameter", "CustomUrl", ""]);
  _bcvma.push(["setParameter", "WindowParameters", ""]);
  _bcvma.push(["addFloat", {type: "chat", id: "5123186526495717702"}]);
  _bcvma.push(["pageViewed"]);
  (function(){
    var vms = document.createElement("script"); vms.type = "text/javascript"; vms.async = true;
    vms.src = ('https:'==document.location.protocol?'https://':'https://') + "vmss.boldchat.com/aid/984362872993571532/bc.vms4/vms.js";
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vms, s);
  })();
</script>
<noscript>
<a href="https://www.boldchat.com" title="Live Chat Software"><img alt="Live Chat Software" src="https://vms.boldchat.com/aid/984362872993571532/bc.vmi?wdid=8359441341062114808&vr=Applewood Group&vi=&vn=&vp=&ve=&curl=" border="0" width="1" height="1" /></a>
</noscript>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]