/* Вложенные пункты меню на телефоне.

   Раскрытие подменю в шапке висит на mouseover (assets/js/myScript.js),
   а на тач-экране наведения нет, поэтому «Победители», «Выпускники»,
   «Документы» и прочая вторая ступень меню с телефона были недоступны.
   В гамбургере прятать их незачем: показываем сразу вложенным списком.

   767px, а не 768: именно на этой ширине Bootstrap сворачивает меню
   в гамбургер, а на 768 оно ещё горизонтальное и подменю разъезжается. */

@media (max-width: 767px) {
    .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu {
        display: block;
        position: static;
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 4px 0 10px;
        background: none;
        border: 0;
        box-shadow: none;
        text-align: center;
    }

    .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu > li {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu > li > a {
        display: block;
        padding: 7px 0;
        font-size: 0.85em;
        color: #2b2b2b;          /* на светлой подложке гамбургера белый текст не читался */
    }

    .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu > li > a:hover,
    .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu > li > a:focus {
        color: #f20000;
    }
}