Remove padding on Mobile

@media (max-width: 978px) {
.container {
padding:0;
margin:0;
}

body {
padding:0;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-left: 0;
margin-right: 0;
margin-bottom:0;
}
}

Reference:
http://stackoverflow.com/questions/16410659/bootstrap-removing-padding-or-margin-when-screen-size-is-smaller