@media (max-width: 979px) {
    /* Полностью скрываем мобильную кнопку-гамбургер */
    a.btn-navbar, 
    .btn-navbar, 
    .btn-navbar.collapsed {
        display: none !important;
    }
    
    /* Принудительно раскрываем контейнер с пунктами меню */
    .nav-collapse, 
    .nav-collapse.collapse, 
    div.nav-collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Отменяем вертикальное схлопывание списка */
    .navigation .nav-pills {
        display: block !important;
        float: none !important;
    }
    
    /* Выстраиваем пункты меню горизонтально (в ряд), как на ПК */
    .navigation .nav-pills > li {
        float: left !important;
        display: block !important;
        margin-bottom: 4px !important;
    }
    
    /* Добавляем аккуратные отступы кнопкам-вкладкам */
    .navigation .nav-pills > li > a {
        padding: 8px 10px !important;
        display: block !important;
        margin-right: 4px !important;
    }
}

@media (max-width: 979px) {
    /* Скрываем кнопку-гамбургер */
    a.btn-navbar, 
    .btn-navbar, 
    .btn-navbar.collapsed {
        display: none !important;
    }
    
    /* Раскрываем контейнер */
    .nav-collapse, 
    .nav-collapse.collapse, 
    div.nav-collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* ВКЛЮЧАЕМ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ */
    .navigation .nav-pills {
        display: block !important;
        float: none !important;
        white-space: nowrap !important; /* Запрещаем пунктам переноситься на новую строку */
        overflow-x: auto !important;    /* Включаем горизонтальную прокрутку */
        overflow-y: hidden !important;  /* Прячем вертикальную прокрутку */
        -webkit-overflow-scrolling: touch !important; /* Делаем скролл на iPhone плавным */
        padding-bottom: 5px !important; /* Небольшой отступ снизу, чтобы не прижималось */
    }
    
    /* Корректируем элементы меню */
    .navigation .nav-pills > li {
        float: none !important;         /* Отменяем float, чтобы white-space работал правильно */
        display: inline-block !important; /* Выстраиваем в одну линию */
        vertical-align: top !important;
    }
    
    /* Оформляем ссылки-вкладки */
    .navigation .nav-pills > li > a {
        padding: 8px 10px !important;
        margin-right: 5px !important;
        display: block !important;
    }
	
.nav-pills > li > a {padding-left:8px; padding-right:8px;}
    
    /* Дополнительно: прячем стандартный полосу прокрутки (скроллбар) для красоты */
    .navigation .nav-pills::-webkit-scrollbar {
        display: none !important; 
    }
}