#top-bar {
    position: relative;
    background-color: $primaryColor;
    font-size: 12px;
    border-bottom: 1px solid $primaryColor;
    padding: 6px 0;
    color: #fff;
    .column-left {
        &.col {
            @include mediaQuery(767px) {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 100%;
                max-width: 100%;
            }
        }
    }
    .column-right {
        &.col {
            @include mediaQuery(767px) {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 100%;
                max-width: 100%;
            }
        }
    }
    .column-middle {
        &.col {
            @include mediaQuery(767px) {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 100%;
                max-width: 100%;
            }
        }
    }
    p {
        margin: 0px;
        font-size: 1em;
        color: #fff;
        line-height: 23px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -1px;
        text-transform: none
    }
    ul.social-links {
        // @include horizontal-list;
        text-align: right;
        margin: 0px;
    }
    ul.social-links {
        li {
            color: #fff;
            margin: 0 7px 0 0;
            display: inline-block;
            a {
                color: #fff;
            }
        }
    }
}