Is there a way I can remove navigation dots at the bottom of a bxSlider?

Hello Dreamweaver Support,

This is probably an easy one for you experts. I have a responsive bxSlider on a page I'm working on. Works just fine, except that with the amount of photos there are too many navigation dots at the bottom. Especially on phone view where they double and triple up. Is there a way to just remove them, altogether?

Here's the page:

http://www.daveharrison.info/testSite/bxSliderTest.html

Thanks for any insight!

Dave

Here's the script, css in the head:

<script type="text/javascript" src="x-javaScript/jQuery.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function() {
$('.slider').bxSlider();
});
</script>

And the script at the bottom of the page:

<script>
$(function() {
$('.bxslider').bxSlider({
mode: 'fade',
captions: true,
slideWidth: 480, /* Changed from 600 */
adaptiveHeight: true
});
});
</script>