Hide whitespace created by Breadcrumb container on mobile

Hi

I have added breadcrumbs in a text box but have hidden it on mobile screens with this code …

@media only screen and (max-width: 990px) { 
.title_container .breadcrumb {
  display: none;
}}

But when the site is displayed on a mobile or tablet, it still leaves a large white gap where the breadcrumbs would have been.

http://screencast.com/t/y8fw7mnkEyn

http://dev2.electrixinternational.com/products/electrical-enclosures/push-button-enclosures/