/* если ширина окна <= 700px ... */

    @media screen and (max-width: 700px) {
 
      /* Заполняем контентом всю ширину экрана */
 
      #content {
        width: 100%;
      }
 
      /* Удаляем правый отступ у контента */
 
      #content .inner {
        margin-right: 0;
      }
 
      /* Располагаем навигацию над контентом */
 
      #nav {
        float: none;
        width: 100%;
        margin-bottom: 20px;
      }
 
      /* Располагаем элементы навигации в строку */
 
      #nav li {
        float: left;
        width: 24%;
        border-bottom: none;
        border-right: 1px solid rgba(255,255,255,.5);
      }
 
      #nav li:last-child {
        width: 27%;
        border-right: none;
      }
 
      #nav a {
        text-align: center;
        padding-left: 0;
      }
 
      /* Располагаем сайдбар под контентом*/
 
      #sidebar {
        float: none;
        clear: both;
        width: 100%;
        margin: 20px 0;
      }
 
}