.mobile-only {display: none !important;}
li .mobile-only {display: none !important;}
.mobile-nav.disable-pointer-events {
    pointer-events: none !important;
}

.mobile-nav {
    z-index: 1;
    font-family: "proxima-nova-extra-condensed",sans-serif;
}

/*.mobile-nav,.mobile-nav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.mobile-nav,.mobile-nav ul {
    margin: 0;
    /*padding: 0;*/
    list-style: none;
    width: 100%;
    float: left;
}

@media screen and (min-width:768px) {
    .mobile-nav,.mobile-nav ul {
        text-align: center;
    }
}

.mobile-nav li {
    float: left;
    width: 100%;
    display: block;
}

@media screen and (min-width:768px) {
    .mobile-nav li {
        float: none;
        display: inline-block;
        *display: block;
        *float: left;
        width: auto;
        margin-left: .4em;
        margin-right: .2em;
    }
}

/*.mobile-nav a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 112.5%;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
    width: 100%;
    background: #f43c12;
    border-bottom: 1px solid white;
    padding: .5em 1em;
    float: left;
}*/

.mobile-nav a:focus {
    background: #ca2d09;
    outline: none;
}


@media screen and (min-width:768px) {
    .mobile-nav .active a {
        -webkit-font-smoothing: subpixel-antialiased;
        color: white;
        background: #f43c12;
    }

    .mobile-nav .active a:hover {
        text-decoration: none;
    }

    .mobile-nav .active a:focus {
        background: #ca2d09;
    }
}

.js .mobile-nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    /*overflow: hidden;*/
}

@media screen and (min-width:768px) {
    .js .mobile-nav {
        position: relative !important;
        max-height: none;
    }
}

.mobile-nav.opened {
    max-height: 9999px;
}

/*.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 70px;
    height: 55px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: #f43c12 url("/_layouts/images/masterPage_SJA/img/hamburger.png") no-repeat 50% 33%;
}*/

@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
    .nav-toggle {
        background-image: url("/_layouts/images/masterPage_SJA/img/hamburger.png");
        -webkit-background-size: 100px 100px !important;
        -moz-background-size: 100px 100px !important;
        -o-background-size: 100px 100px !important;
        background-size: 100px 100px !important;
    }
}

@media screen and (min-width:768px) {
    .nav-toggle {
        display: none;
    }
}
@media screen and (max-width:768px) { .js .mobile-nav { overflow: hidden; } }