/* SCROLL HORIZONTAL SOLO PARA NAVEGACION */

@media (max-width: 768px) {

    .top-primary-nav,
    .nav-tabs-bar {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .top-primary-nav::-webkit-scrollbar,
    .nav-tabs-bar::-webkit-scrollbar {
        display: none;
    }

    .top-primary-nav ul,
    .nav-tabs-bar ul {
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
    }

    .top-primary-nav li,
    .nav-tabs-bar a {
        flex-shrink: 0;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
    }
}