/* NAV BAR */
.sr-navbar {
    background:#000;
    border-bottom:2px solid #ddd;
}

/* RESET MENU */
.sr-menu {
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
    white-space:nowrap;
    font-size:0;
}

/* ITEMS */
.sr-menu li {
    display:inline-block;
}

/* LINKS */
.sr-menu li a {
    display:inline-block;
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:14px 14px;
    text-decoration:none;
    border-right:1px solid rgba(255,255,255,0.25);
    line-height:1;
}

/* LAST BORDER */
.sr-menu li:last-child a {
    border-right:none;
}

/* HOVER */
.sr-menu li a:hover {
    background:#111;
}

/* ===== MOBILE FIX (CRITICAL) ===== */
@media (max-width:768px){

    .sr-menu li a{
        font-size:10px;   /* shrink */
        padding:12px 6px; /* tighten */
    }
}