/*nav {
    display: block;
}*/

@media only screen and (min-width:11.250em) and (max-width:47.99em) {


    /******************************************************
	MAIN NAVIGATION
	******************************************************/

    .mobileControl {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .mobileControl a {
        display: block;
        text-decoration: none;
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;

    }

    .mobileControl a.active {}

    nav {
        position: relative;
        top: 10px;
        left: 0;
        right: 0;
        text-align: left;
        white-space: normal;
        z-index: 801;
        padding-bottom: 0px;
    }

    nav .container {
        min-width: 0;
    }

    .mainNav>.sf-menu {
        display: block;
        padding: 0px 0px 0px 0px;
    }

    .mainNav>.sf-menu>li {
        display: block;
        margin: 0;
    }

    .mobileControl .icon-list {
        display: block;
        color: #2e406b;
        font-size: 40px;
    }

    .mobileControl .icon-list.active {
        color: #C41230;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    }

    /* SuperFish menu */

    /*** ESSENTIAL STYLES ***/
    .sf-menu,
    .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu {
        line-height: 1.0;
    }

    .sf-menu a {
        display: block;
        position: relative;
        text-decoration: none;
    }


    /*** Main Menu SKIN ***/

    /* Sub Menu Offset */

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        top: 0px;
    }

    /* Navigation : Main Level */
    .mainNav{margin-top: 50px;}
    .mainNav .sf-menu>li>div,
    .mainNav .sf-menu>#AnonymousViewMB>li>div,
    .mainNav .sf-menu>#MemberViewMB>li>div,
    .mainNav .sf-menu>#MemberViewSRmB>li>div {
        display: block;
    }

    .mainNav .sf-menu>li:last-child>div {
        display: block;
        border-bottom: 0px solid #0f1b35;
    }

    .mainNav .sf-menu > li > div > a {
        display: block;
        position: relative;
        padding: 10px 80px 15px 15px;
        font-family: 'Interstate_Black';
        font-weight: 300;
        font-size: 1.25em;
        line-height: 20px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        text-transform: uppercase;
    }

    .mainNav .sf-menu>li>div>a,
    .mainNav .sf-menu>li>div>a:visited {
        color: #fff;
    }

    /*
	.mainNav .sf-menu > li:first-child > div a,
	.mainNav .sf-menu > li:first-child > div a:visited {color:#ffe400;}

	.mainNav .sf-menu > li ~ li > div a,
	.mainNav .sf-menu > li ~ li > div a:visited {color:#00deff;}

	.mainNav .sf-menu > li ~ li ~ li > div a,
	.mainNav .sf-menu > li ~ li ~ li > div a:visited {color:#06ff00;}

	.mainNav .sf-menu > li ~ li ~ li ~ li > div a,
	.mainNav .sf-menu > li ~ li ~ li ~ li > div a:visited {color:#ffa800;}
	*/

    .mainNav .sf-menu>li:hover>div>a,
    .mainNav .sf-menu>li.on>div>a,
    .mainNav .sf-menu>li.sfHover>div>a {}

    .mainNav .sf-menu>li>div>a>span>span {
        display: inline-block;
        vertical-align: bottom;
        display: block;
    }

    .mainNav .sf-menu>li>div>a>span>span:before {
        display: inline-block;
        vertical-align: bottom;
        font-family: 'icomoon';
        width: 20px;
        padding-right: 10px;
        line-height: 22px;
    }

    /*
	.mainNav .sf-menu > li:first-child > div > a > span > span:before {content:"\e602";}
	.mainNav .sf-menu > li ~ li > div > a > span > span:before {content:"\e603";}
	.mainNav .sf-menu > li ~ li ~ li > div > a > span > span:before {content:"\e601";}
	.mainNav .sf-menu > li ~ li ~ li ~ li > div > a > span > span:before {content:"\e600";}
	.mainNav .sf-menu > li ~ li ~ li ~ li ~ li > div > a > span > span:before {content:"";}
	*/

    .mainNav .sf-menu>li>div>a>span.mobile-anchor {
        display: block;
        position: absolute;
        width: 50px;
        top: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    .mainNav .sf-menu>li>div>a>span.mobile-anchor:after {
        content: "\25bc";
        position: absolute;
        display: block;
        width: 50px;
        font-size: 11px;
        line-height: 16px;
        top: 50%;
        margin-top: -8px;
        text-align: center;
    }

    .mainNav .sf-menu>li.sfHover>div>a>span.mobile-anchor:after {
        content: "\25b2";
    }

    /* Sub - Navigation : First Level */

    .mainNav .sf-menu>li>div>ul {
        display: block;
        padding-top: 0px;
        padding-bottom: 7px;
        background: rgb(222, 21, 31);
        /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlMTUxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDEwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgb(222, 21, 31) 0%, rgb(160, 16, 32) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(222, 21, 31)), color-stop(100%, rgb(160, 16, 32)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(222, 21, 31) 0%, rgb(160, 16, 32) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(222, 21, 31) 0%, rgb(160, 16, 32) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(222, 21, 31) 0%, rgb(160, 16, 32) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgb(222, 21, 31) 0%, rgb(160, 16, 32) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD0B16', endColorstr='#a01020', GradientType=0);
        /* IE6-8 */
    }

    .mainNav .sf-menu>li>div>ul>li {
        display: block;
    }

    .mainNav .sf-menu>li>div>ul>li>div>a,
    .mainNav .sf-menu>li>div>ul>li>div>a:visited {
        font-family: 'Courgette', 'Comic Sans MS', cursive;
        font-weight: 300;
        font-size: 1.88em;
        display: block;
        padding: 5px 15px 5px 20px;
        font-size: 0.94em;
        line-height: 16px;
        color: #fff;
    }

    .mainNav .sf-menu>li>div>ul>li>div>a>span.mobile-anchor {
        display: block;
        position: absolute;
        width: 70px;
        top: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    .mainNav .sf-menu>li>div>ul>li>div>a>span.mobile-anchor:after {
        content: "\25be";
        position: absolute;
        display: block;
        width: 70px;
        font-size: 1.333em;
        line-height: 16px;
        top: 50%;
        margin-top: -8px;
        text-align: center;
    }


    .mainNav .sf-menu>li>div>ul>li:hover>div>a,
    .mainNav .sf-menu>li>div>ul>li.on>div>a,
    .mainNav .sf-menu>li>div>ul>li.sfHover>div>a {
        color: #fff;
        background: #e63b43;
    }

    .mainNav .sf-menu>li>div>ul>li.sfHover>div>a>span.mobile-anchor:after {
        content: "\25b4";
    }

    /* Sub - Navigation : Second Level */

    .mainNav .sf-menu>li>div>ul>li>div>ul {
        display: block;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li {
        display: block;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li>div>a,
    .mainNav .sf-menu>li>div>ul>li>div>ul>li>div>a:visited {
        font-family: 'Courgette', 'Comic Sans MS', cursive;
        font-weight: 300;
        font-size: 0.81em;
        display: block;
        padding: 5px 15px 5px 30px;
        line-height: 16px;
        color: #fff;
    }

    .mainNav .sf-menu li li a,
    .mainNav .sf-menu li li a:visited {
        height: auto;
    }

    .mainNav .sf-menu>li li li:hover a {
        color: #fff !important;
        background: #e63b43;
    }

    .mainNav .sf-menu li:hover,
    .mainNav .sf-menu li.sfHover,
    .mainNav .sf-menu a:focus,
    .mainNav .sf-menu a:hover,
    .mainNav .sf-menu a:active {
        outline: 0;
        text-decoration: none;
    }

}


@media only screen and (min-width:48em) {

    /******************************************************
	MAIN NAVIGATION
	******************************************************/

    .mobileControl {
        display: none;
    }

    nav {
        float: none;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 120px;
    }

    #header-sticky nav {
        float: right;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: none !important;
        display: table;
        vertical-align: bottom;
    }

    .mainNav{margin-right: 10px;}

    .mainNav>.sf-menu {
        display: flex;
        align-items: center;
        justify-content: center;

    }



    .mainNav>.sf-menu>li {
        display: block;

        /*border-right: 1px dashed #beb3b1;*/
    }

    .mainNav>.sf-menu>li div {
        display: table;
        width: 100%;
    }

    .mainNav > ul > li{margin: 0 5px; position: relative;}
    .mainNav > ul > li:last-child:after,
    .mainNav > ul > li:last-child:before{display: none;}
    .mainNav > ul > li:after,
    .mainNav > ul > li:before{
        content: ''; 
        position: absolute;
        width: 0; 
        height: 0;
        border: 3px solid transparent;      
        right: -10px;
    }

    .mainNav > ul > li:after{ border-top-color: #d3212c;  top: 10px;  }
    .mainNav > ul > li:before { top: 4px; border-bottom-color: #d3212c;}



    /*** ESSENTIAL STYLES ***/
    .sf-menu,
    .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sf-menu {
        line-height: 1.0;
    }

    .sf-menu ul {
        position: absolute;
        /*top: -999em;*/
    }

    .sf-menu ul li {
        width: 100%;
    }

    .sf-menu li:hover {
        visibility: inherit;
        /* fixes IE7 'sticky bug' */
    }

    .sf-menu a,
    .sf-menu .searchWrapper {
        display: block;
        position: relative;
        text-decoration: none;
    }


    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        z-index: 99;
    }

    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
        top: -999em;
    }

    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        top: 0;
    }

    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
        top: -999em;
    }

    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
        top: 0;
    }

    .sf-shadow ul {
        background: url('/content/images/layout/menu/shadow.png') no-repeat bottom right;
        padding: 0 9px 9px 0;
    }

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }

    .sf-menu a.sf-with-ul {
        padding-right: 36px;
        min-width: 1px;
        /* trigger IE7 hasLayout so spans position accurately */
    }

    .sf-sub-indicator {
        position: absolute;
        display: block;
        right: .75em;
        top: 1.05em;
        /* IE6 only */
        width: 10px;
        height: 10px;
        text-indent: -999em;
        overflow: hidden;
    }

    a>.sf-sub-indicator {
        /* give all except IE6 the correct values */
        top: .8em;
        background-position: 0 -100px;
        /* use translucent arrow for modern browsers*/
    }

    a:focus>.sf-sub-indicator,
    a:hover>.sf-sub-indicator,
    a:active>.sf-sub-indicator,
    li:hover>a>.sf-sub-indicator,
    li.sfHover>a>.sf-sub-indicator {
        background-position: -10px -100px;
        /* arrow hovers for modern browsers*/
    }

    .sf-menu ul .sf-sub-indicator {
        background-position: -10px 0;
    }

    .sf-menu ul a>.sf-sub-indicator {
        background-position: 0 0;
    }

    .sf-menu ul a:focus>.sf-sub-indicator,
    .sf-menu ul a:hover>.sf-sub-indicator,
    .sf-menu ul a:active>.sf-sub-indicator,
    .sf-menu ul li:hover>a>.sf-sub-indicator,
    .sf-menu ul li.sfHover>a>.sf-sub-indicator {
        background-position: -10px 0;
        /* arrow hovers for modern browsers*/
    }

    /*** Main Menu SKIN ***/

    /* Sub Menu Offset */

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        top: 37px;
    }

    /* Navigation : Main Level */

    .mainNav .sf-menu>li~li {
        padding-left: 1px;
    }

    .mainNav .sf-menu>li~li.on > div > a > span{color:#D22630;}

    .mainNav .sf-menu>li>div {
        padding-bottom: 0px;
    }

    .mainNav .sf-menu>li>div>a{
        width: 100%;
        font-weight: 300;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }


    .privacy .mainNav .sf-menu>li>div>a {
        font-family: 'Verdana', Serif;
        font-size: 1.3em;
    }

    /*.mainNav ul li:nth-child(4) {  
      width: 18%;
    }*/

    /*
	.mainNav .sf-menu > li:first-child > div a,
	.mainNav .sf-menu > li:first-child > div a:visited {color:#ffe400;}

	.mainNav .sf-menu > li ~ li ~ li > div a,
	.mainNav .sf-menu > li ~ li ~ li > div a:visited {color:#06ff00;}

	.mainNav .sf-menu > li ~ li ~ li ~ li > div a,
	.mainNav .sf-menu > li ~ li ~ li ~ li > div a:visited {color:#ffa800;}
	*/

    .mainNav .sf-menu>li>div>a:hover,
    .mainNav .sf-menu>li>div>a:focus,
    .mainNav .sf-menu>li.on>div>a,
    .mainNav .sf-menu>li.sfHover>div>a {
        color: #DD0B16;
    }

/*    .mainNav .sf-menu>li>div>a:focus {
        text-decoration: underline;
    }*/

    .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 18px 0px 18px;
    }

    .mainNav .sf-menu>li:last-child>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 0px 0px 10px;
    }

    #header-sticky .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 20px 0px 20px;
    }

    .mainNav .sf-menu>li>div>a>span>span {
        display: inline-block;
        vertical-align: bottom;
        display: block;
    }

    .mainNav .sf-menu>li>div>a>span>span:before {
        display: inline-block;
        vertical-align: bottom;
        font-family: 'icomoon';
        padding-right: 10px;
        line-height: 18px;
    }

    /*
	.mainNav .sf-menu > li:first-child > div > a > span > span:before {content:"\e602";}
	.mainNav .sf-menu > li ~ li > div > a > span > span:before {content:"\e603";}
	.mainNav .sf-menu > li ~ li ~ li > div > a > span > span:before {content:"\e601";}
	.mainNav .sf-menu > li ~ li ~ li ~ li > div > a > span > span:before {content:"\e600";}
	.mainNav .sf-menu > li ~ li ~ li ~ li ~ li > div > a > span > span:before {content:"";}
	*/

    .mainNav .sf-menu>li>div>a>span.mobile-anchor {
        display: none;
    }

    /* Sub - Navigation : First Level */

    .mainNav .sf-menu>li>div>ul {
        display: none;
        min-width: 220px;
        width: 100%;
        margin-top: -10px;
        -webkit-box-shadow: 0px 4px 6px -4px #000000;
        -moz-box-shadow: 0px 4px 6px -4px #000000;
        box-shadow: 0px 4px 6px -4px #000000;
        border-collapse: separate;
        font-size: 1.25em;
        font-family: 'Interstate_Bold';
        font-weight: bold;
        line-height: 25px;
        padding-top: 10px;
        background: #ffffff;
        border-radius: 0 0 10px 10px;
        text-transform: uppercase;
        font-style: italic;

    }

    .mainNav .sf-menu > li.sfHover > div > ul {
        display: block;
    }

    .mainNav .sf-menu>li>div>ul>li:last-child>div {border-radius: 0 0 10px 10px;}

    .mainNav .sf-menu>li>div>ul>li>div {
        border-bottom: none;
    }

    .mainNav .sf-menu>li>div>ul>li>div>a {
        font-size: 0.8em;
        font-weight: 300;
        padding: 10px 15px;
        text-align: left;
        border-top: 1px solid #ccc;
    }
    .mainNav .sf-menu>li>div>ul>li:first-child>div>a{
        border-top: 0;
    }

    .mainNav .sf-menu>li>div>ul>li:hover>div>a,
    .mainNav .sf-menu>li>div>ul>li.sfHover>div>a {
        color: #fff;
        background: #9d0e15;

    }

    .mainNav .sf-menu>li>div>ul>li>div>a>span.mobile-anchor {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -5px;
    }

    .mainNav .sf-menu>li>div>ul>li>div>a>span.mobile-anchor:after {
        content: "\25B6";
        font-family: sans-serif, "courier new";
        display: block;
        font-size: 10px;
        line-height: 10px;
    }

    .mainNav .sf-menu>li:last-child>div>ul>li>div>a>span.mobile-anchor {
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -5px;
    }

    .mainNav .sf-menu>li:last-child>div>ul>li>div>a>span.mobile-anchor:after {
        content: "\25C0";
        font-family: sans-serif, "courier new";
        display: block;
        font-size: 10px;
        line-height: 10px;
    }

    /* Sub - Navigation : Second Level */

    .mainNav .sf-menu>li>div>ul>li>div>ul {
        left: 100%;
        width: 100%;
        top: -1px;
        -webkit-box-shadow: 0px 4px 6px -4px #000000;
        -moz-box-shadow: 0px 4px 6px -4px #000000;
        box-shadow: 0px 4px 6px -4px #000000;
        border-collapse: separate;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #DD0B16;
        text-align: left;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li:first-child>div {
        border-top: none;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li>div {
        border-bottom: none;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li>div>a {
        font-size: 0.75em;
        font-weight: 300;
        padding: 5px 10px;
    }

    .mainNav .sf-menu>li>div>ul>li>div>ul>li:hover>div>a,
    .mainNav .sf-menu>li>div>ul>li>div>ul>li.sfHover>div>a {
        
        background: #9d0e15;
    }

    .mainNav .sf-menu li li a,
    .mainNav .sf-menu li li a:visited {
        height: auto;
        color: #414042;
    }

    .mainNav .sf-menu li:hover,
    .mainNav .sf-menu li.sfHover,
    .mainNav .sf-menu a:focus,
    .mainNav .sf-menu a:hover,
    .mainNav .sf-menu a:active {
        Xoutline: 0;
        text-decoration: none;
    }



    .mainNav .sf-menu > li > div > a > span {font-family: 'Interstate_Black'; font-style: italic; text-transform: uppercase; font-size: 1em; /*color: #000000;*/}
    .mainNav .sf-menu > li > div > a{color: #000000;}
}

.menu-sec-nav-option ul li a:focus {
    text-decoration: underline !important;
}

@media only screen and (min-width:768px) and (max-width:840px) {

    .site-header-all p.site-logo {
        margin-left: 15px;
    }

    .site-header-all p.site-logo img {
        width: 150px !important;
    }

    .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: left !important;
        display: block;
        width: 100%;
        vertical-align: bottom;
    }

    nav {
        margin-top: 10px;
        margin-right: 7px;
    }

    .mainNav {
        display: table;
        float: none;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .mainNav .sf-menu>li>div>a>span {
        padding: 0px 10px ;
    }

    .mainNav .sf-menu>li>div>a {
        font-size: .75em;
    }

    #header-sticky nav {
        float: right;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    #header-sticky .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: none !important;
        display: table-cell;
        vertical-align: bottom;
    }

    #header-sticky .mainNav>.sf-menu {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    #header-sticky .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 20px 0px 20px;
    }

    #header-sticky .mainNav .sf-menu>li>div>a {
        font-size: 0.88em;
    }



}

@media only screen and (min-width:841px) and (max-width:979px) {

    .site-header-all p.site-logo {
        margin-left: 15px;
    }

    .site-header-all p.site-logo img {
        width: 180px !important;
    }

    .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: left !important;
        display: block;
        width: 100%;
        vertical-align: bottom;
    }

    nav {
        margin-top: 10px;
    }

    .mainNav {
        display: table;
        float: none;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .mainNav .sf-menu>li>div>a>span {
        padding: 0px 10px;
    }

    .mainNav .sf-menu>li>div>a {
        font-size: 1em;
    }

    #header-sticky nav {
        float: right;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    #header-sticky .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: none !important;
        display: table-cell;
        vertical-align: bottom;
    }

    #header-sticky .mainNav>.sf-menu {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    #header-sticky .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 20px 0px 20px;
    }

    #header-sticky .mainNav .sf-menu>li>div>a {
        font-size: 1.05em;
    }

}

@media only screen and (min-width:961px) and (max-width:1060px) {

    nav {
        margin-top: 105px;
    }

    .site-header-all p.site-logo {
        margin-left: 15px;
    }

    .site-header-all p.site-logo img {
        width: 240px !important;
    }

    .mainNav .sf-menu>li>div>a>span {
        padding: 0px 11px 0px 11px;
    }

    .mainNav .sf-menu>li>div>a {
        font-size: .9em;
    }

    #header-sticky nav {
        float: right;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    #header-sticky .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: none !important;
        display: table-cell;
        vertical-align: bottom;
    }

    #header-sticky .mainNav>.sf-menu {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    #header-sticky .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 20px 0px 20px;
    }

    #header-sticky .mainNav .sf-menu>li>div>a {
        font-size: 1.13em;
    }
}

@media only screen and (min-width:1027px) and (max-width:1133px) {
    nav {
        margin-top: 105px;
    }

    .site-header-all p.site-logo {
        margin-left: 15px;
    }

    .site-header-all p.site-logo img {
        width: 240px !important;
    }

    .mainNav .sf-menu>li>div>a>span {
        padding: 0px 10px 0px 10px;
    }

    #header-sticky nav {
        float: right;
        display: block;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    #header-sticky .main-nav-split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px !important;
        float: none !important;
        display: table-cell;
        vertical-align: bottom;
        padding-top: 7px;
    }

    #header-sticky .mainNav>.sf-menu {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    #header-sticky .mainNav .sf-menu>li>div>a>span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding: 0px 15px 0px 15px;
    }

    #header-sticky .mainNav .sf-menu>li>div>a {
        font-size: 1.13em;
    }
}

@media only screen and (min-width:1134px) and (max-width:1309px) {
    nav {
        margin-top: 105px;
    }

    .site-header-all p.site-logo {
        margin-left: 15px;
    }

    .site-header-all p.site-logo img {
        width: 240px !important;
    }

    .mainNav .sf-menu>li>div>a>span {
        padding: 0px 15px 0px 15px;
    }

    .mainNav .sf-menu>li>div>a {
        font-size: 1em;
    }
}

/*
@media only screen and (min-width:1134px) and (max-width:1416px) {
    #header-sticky nav {float: right; display: block; position: relative; z-index: 999; text-align: center;  margin-top: 10px;}   
    .main-nav-split { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:50px !important; float: none !important; display:table-cell; vertical-align: inherit; padding-top: 7px;}
    #header-sticky .main-nav-split { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:50px !important; float: none !important; display:table-cell; vertical-align: inherit; padding-top: 7px;}
	.mainNav > .sf-menu { display: table; table-layout: fixed; width: 100%;}
    #header-sticky .mainNav .sf-menu > li > div > a > span {display:table-cell; text-align:center; vertical-align:middle; width:100%; padding: 0px 15px 0px 15px;}
    #header-sticky .mainNav .sf-menu > li > div > a { font-size: 1.55em;}            
}
*/

@media only screen and (min-width:961px) {
    #header-sticky .site-header-logo {
        float: left !important;
    }

    #header-sticky .main-nav-split {
        max-width: 90%;
    }
}

.menuLink {
    display: none;
    width: 30px;
    height: 36px;
    cursor: pointer;
    z-index: 9999;
    position: relative;
}


.reskin-nav .menuLink{position: absolute; right: 10px; width: 25px;  top: 10px;}
.reskin-nav .menuLink:before,
.reskin-nav .menuLink:after,
.reskin-nav .menuLink>span.icon:before {
   background: #ffffff;
   width: 20px;
   height: 2px;
}
.menuLink:before,
.menuLink:after,
.menuLink>span.icon:before {
    content: " ";
    position: absolute;
    width: 30px;
    height: 3px;
    background: #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 1001;

}
.menuLink:before {
    top: 11px;
}

.menuLink:after {
    top: 18px;
    left: 0px
}

.reskin-nav .menuLink:before {
			transform: rotate(45deg);
			top: 15px;
}

.reskin-nav .menuLink:after {
 	transform: rotate(135deg);
 	top: 15px;
}


.menuLink>span.icon:before {
    top: 25px;
}

.menuLink>span.icon:before {
    top: 25px;
}


/*.ordering-template .menuLink:before,
.ordering-template .menuLink:after,
.ordering-template .menuLink>span.icon:before {
    content: " ";
    margin-left: -10px;
}*/

.menuLink:hover,
.menuLink:focus,
.menuLink.open {}

.menuLink.activeMenu {
    left: 0px;
    width: 10px;
}

.menuLink.activeMenu:before,
.menuLink.activeMenu:after,
.menuLink.activeMenu>span.icon:before {
    content: " ";
    position: absolute;
    width: 30px;
    height: 5px;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 1001;
}

.menuLink-all {
    position: relative;
    z-index: 99999;
}

.ordering-menu-btn .menuLink-all {
    margin-left: 5px;
}




/*.location-template .menuLink {
    display: none;
    position: absolute;
    margin: -3px 0px 0px 0px;
    left: 0px;
    top: 0px;
    padding-left: 15px;
    width: 45px;
    height: 36px;
    cursor: pointer;
    z-index: 9999;
}

.location-template .menuLink.activeMenu .activeBG {
    position: absolute;
    padding-left: 10px;
    width: 45px;
    height: 60px;
    left: 0px;
    top: -12px;
    background: #dd0b16;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    display: block;
}

.location-template .stick-location-header .menuLink {
    margin-left: -20px !important;
}

.ordering-template .menuLink {
    display: none;
    position: absolute;
    margin: 17px 0px 0px 0px;
    left: 0px;
    top: 0px;
    padding-left: 0px;
    width: 45px;
    height: 36px;
    cursor: pointer;
    z-index: 9999;
}

.ordering-template .display-btn .menuLink {
    padding-left: 20px;
}

.ordering-template .menuLink.activeMenu .activeBG {
    position: absolute;
    padding-left: 10px;
    width: 50px;
    height: 60px;
    left: -5px;
    top: -12px;
    background: #dd0b16;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    display: block;
}

.ordering-template .ordering .menuLink {
    margin-left: -20px !important;
}


.active-overlay-bg .active-overlay-bg-on {
    top: 0px;
    position: absolute;
    z-index: 9999;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 1000%;
    height: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}*/

/* Mobile Navigation */
@media only screen and (min-width: 961px) {
    .outer-container { min-height: 100px !important; }
    .mainNav img.nav-image-svg{width: 20px; margin-right: 5px;}
    .mainNav img.nav-image-svg-hover{width: 20px; margin-right: 5px; display: none;}
    .mainNav a.img-nav:hover img.nav-image-svg-hover,
    .mainNav a.img-nav:focus img.nav-image-svg-hover{display: inline-block;}

    .mainNav a.img-nav:hover img.nav-image-svg,
    .mainNav a.img-nav:focus img.nav-image-svg{display: none;}

    .mainNav a.img-nav:hover img.nav-image-svg-hover,
    .mainNav a.img-nav:focus img.nav-image-svg-hover{display: inline-block;}
}

@media only screen and (max-width: 960px) {

    .outer-container {
        position: relative;
    }

    .main-nav-split {
        position: relative;
        height: auto;
        position: absolute;
        left: -80%;
        top: -15px;
        width: 80%;
        z-index: 999;
        background: #DD0B16;
        border-right: 0px solid #4D4D4D;
        padding-top: 20px;
    }

    .menuLink {
        display: inline-block !important;
    }

    .activeMenu .activeBG {
        display: block;
    }

    .menu-nav-drop {
        pointer-events: none;
        cursor: default;
    }

    .site-header-absolute #headerMain {
        display: none;
    }

    .location-header-all .order-here-header {
        display: none;
    }
}
@media only screen and (min-width: 75em){
 .mainNav .sf-menu>li>div>a{font-size: 1.15em;}
 .mainNav > ul > li:after, 
 .mainNav > ul > li:before{border:4px solid transparent; right: -10px;}
 .mainNav > ul > li:after{top: 13px;     border-top-color: #d3212c;}
 .mainNav > ul > li:before{top: 5px;     border-bottom-color: #d3212c;}

}



@media only screen and (min-width: 84em){
 .mainNav > ul > li{margin: 0 10px;}
 .mainNav .sf-menu>li>div>a>span{ padding: 0 15px 0 10px; }
}

@media (min-width: 90em) {
    .mainNav .sf-menu>li>div>a>span{padding: 0 18px 0 10px;}
}

/* Ticket #685251 - ADA Audit Remediations of Severe & High Priority Items | FED Items  */

button.menuLink {
    background: none;
    border: none;
}

.menuLink::before {
    top: 11px;
    left: 0;
}

.menuLink > span.icon::before {
    top: 25px;
    left: 0;
}

/* Ticket #719742 - Menu Navigation Functionality */
@media only screen and (min-width: 48em) {
    .mainNav .sf-menu > li:hover > div > ul {
        display: block;
    }
}