@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.nav-collapse,
.nav-collapse * {

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;

}

.nav-collapse li {
    float: left;
    width: 100%;
        /*background: none repeat scroll 0 0 #527BD9;*/
    background: #3e6db1; /* Old browsers */
    background: -moz-linear-gradient(top, #3e6db1 0%, #6396d8 52%, #3e6db1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e6db1), color-stop(52%, #6396d8), color-stop(100%, #3e6db1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3e6db1 0%, #6396d8 52%, #3e6db1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3e6db1 0%, #6396d8 52%, #3e6db1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3e6db1 0%, #6396d8 52%, #3e6db1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3e6db1 0%, #6396d8 52%, #3e6db1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3e6db1', endColorstr = '#3e6db1', GradientType = 0); /* IE6-9 */
    border-bottom:1px solid #FFFFFF;
}

@media screen and (min-width: 768px) {
    .nav-collapse li {
        width: 25%;
        *width: 24.9%; /* IE7 Hack */
        _width: 19%; /* IE6 Hack */
    }
}

.nav-collapse a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    padding: 0.7em 1em;
    float: left;
}
.nav-collapse a:hover {
   opacity:0.9;
}


@media screen and (min-width: 768px) {
    .nav-collapse a {
        margin: 0;
        padding: 1em;
        float: left;
        text-align: center;
        border-bottom: 0;
        border-right: 1px solid white;
    }
}

.nav-collapse ul ul a {
    background: #ca3716;
    padding-left: 2em;
}


@media screen and (min-width: 768px) {
    .nav-collapse ul ul a {
        display: none;
    }
}

.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 92px;
    margin-top: 112px;
    height: 46px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;

}

.nav-collapse.opened {
    margin-top: 3px;
}

@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("/Images/Common/user-ico.png");
    }
}