Cambiar el tamaño del ancho del div en el teléfono móvil

Tengo dos divs. Uno es el 15% y el otro el 76%. Quiero ocultar el div del 16% en los teléfonos móviles. Eso se está logrando usando esto.

class="navbar hidden-xs"

Y el código es el siguiente

#right {
  top: -1px;
  position: fixed;
  background: blue;
  width: 15%;
}

Sin embargo, cuando cambio el tamaño de la pantalla, el cuadro se oculta pero el espacio permanece allí. Quiero que el ancho del contenido sea del 100% solo en dispositivos móviles. ¿Cómo puedo conseguir esto? Mi código para el contenido es el siguiente:

#content {
      float: right;
      width: 76%;
}