@media (min-width: 1200px) {
    body[data-layout=horizontal] .topnav {
        padding-left: 0;
        padding-right: 0;
    }

    body[data-layout=horizontal] .topnav .container-fluid {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: calc(24px / 2);
    }
}

@media (min-width: 992px) {
    .topnav .navbar {
        flex-wrap: nowrap;
    }

    .topnav .navbar-collapse {
        flex: 1 1 auto;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        overscroll-behavior-x: contain;
    }

    .topnav .navbar-nav {
        flex-wrap: nowrap;
        flex-shrink: 0;
    }

    .topnav .navbar-nav > .nav-link,
    .topnav .navbar-nav > .nav-item {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .topnav .navbar-collapse::-webkit-scrollbar {
        height: 6px;
    }

    .topnav .navbar-collapse::-webkit-scrollbar-thumb {
        background: #c1c9d2;
        border-radius: 4px;
    }

    .topnav .navbar-collapse::-webkit-scrollbar-track {
        background: transparent;
    }
}