Media Query for 480px not responsive

Our website is not responsive at the 480px size. We are using the Parallax Pro Theme in WP. All other media query sizes seem to be responsive and adjust/contain our information within each of the homepage header sections, but I cannot figure out why the 480px query will not (after many hours of research). I apologize if this has been asked before, but I was unable to find any information that would help solve this problem.

Here is the code I have in the media query for 480px. Our website is: https://www.southsuburban.com

@media only screen and (max-width: 480px) {

.nav-primary .responsive-menu-icon {
margin-top: 5px;
}

.footer-widgets .widget-title,
.home-even .widget-title,
.home-odd .widget-title {
font-size: 12px;
}

.home-even,
.home-odd {
font-size: 10px;
}

.site-inner,
.wrap {
max-width: 480px;
}

}