#mega-navxs .is-hidden {
    display: none !important;
}

#mega-navxs .see-all-link>a,
#mega-navxs .go-back {
	line-height: 40px;
}

.last-floor li>a {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.primary-nav {
    visibility: hidden;
    -webkit-transition: visibility 0s .3s;
    transition: visibility 0s .3s;
    
    /*bigger than the z-index value of #msdrpdd20_msdd (a customer select element in product detail page)*/
    z-index: 1001 !important;
}
.primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 2s 2ms;
    transition: visibility 2s 2ms;
    z-index: 101;
}
.mega-nav .primary-nav.nav-is-visible a {
    color: gray;
    padding-right: 1.875rem;
    font-size: 1rem;
    font-weight: normal;
    /*text-transform: uppercase;*/
}
.mega-nav, .primary-nav {
    font-family: 'source_sans_proregular', sans-serif;
}
.mega-nav, .primary-nav {
	padding-left: 0rem;
	padding-right: 0rem;
}
.mega-nav a {
    text-decoration: none;
}
.go-back a, .has-children>a {
    position: relative;
}
.primary-nav ul.is-hidden, .primary-nav.is-hidden {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.primary-nav, .primary-nav ul {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.sm-menu-border-bottom {
	border-bottom: 1px solid #f5f5f5;
}
.last-floor a {
	border-bottom: 1px solid #f5f5f5;
}
.primary-nav a, .primary-nav ul a {
    display: block;
    line-height: 50px;
    padding: 0 1.25rem;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: inherit; /*ellipsis;*/
    white-space: nowrap;
    
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform,opacity;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
}

#mega-navxs li {
    cursor: pointer;
}

#mega-nav .parenttitle {
    text-transform: uppercase;
    cursor: pointer;
}
.mega-nav li {
    text-transform: none;
}

@media (min-width: 768px){
    .mega-nav, .primary-nav {
        background: #fff;
        z-index: 13;
    }
    .mega-nav, .primary-nav {
        position: static;
    }
    .primary-nav {
        position: static;
        padding: 0 9.375rem 0 0;
        height: auto;
        width: auto;
        overflow: visible;
        visibility: visible;       
        font-family: 'source_sans_proregular', sans-serif;
        border: none !important;
        background-color: #ebebeb;
       
    }    
    .primary-nav > li {
        margin-left: 0;
        float: left;
    }
    .primary-nav li {
        text-align: center;
    }
    .primary-nav>li {
        float: left;
        margin-left: 0.625rem;
    }
    .primary-nav>li {
        visibility: visible;
        /*width: 15%;*/
        width: auto;
        font-size: 0.75rem;
    }
    .primary-nav li.primary-nav-item > a {
        display: block;
        /*
        display: table-cell;
        vertical-align: middle;
        line-height: 1.2;
        width: 16.66%;
        height: 60px;*/
        white-space: normal;
        text-overflow: inherit;
        color: #000;
        border-bottom: 0;
    }
    /*
    .primary-nav li.primary-nav-item > a {
        font-size: 0.8125rem;
    }
    */
    .primary-nav > li > a {
        padding: 0 0.625rem;
    }
    .primary-nav>li>a {
        position: relative;
        display: inline-block;
        height: 40px;
        line-height: 36px;
        padding: 0 0.625rem;
        color: #2e3233;
        overflow: visible;
        border-bottom: 0;
    }
    
    .primary-nav a, .primary-nav ul a {
        white-space: normal;
        text-overflow: unset;
    }
    .primary-nav a, .primary-nav ul a, .primary-nav .secondary-nav a {
        height: auto;
        line-height: 1.2;
        color: #000;
    }
    .primary-nav a, .primary-nav ul a {
        padding: 0;
    }
    .primary-nav .secondary-nav > li a:hover {
    	color: #111;
	}
    .primary-nav ul.is-hidden {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .primary-nav .secondary-nav {
        padding: 1.25rem;
        top: 60px;
    }
    .primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: 0;
        overflow: visible;
        z-index: 3;
    }
    .secondary-nav {
        width: auto;
    }
    .primary-nav .secondary-nav > li.nav-promos {
        float: right;
        width: 100%;
        margin-right: 0;
    }
    /*
    .primary-nav .secondary-nav > li {
        width: 100%;
        float: left;
    }
    */
    .primary-nav li li {
        text-align: left;
    }
    .secondary-nav > li {
        margin-bottom: 0.25rem;
    }
    .primary-nav li {
        text-align: center;
    }
    /* .primary-nav .secondary-nav .has-children > a {
        border-bottom: 1px solid #e0ded9;
    }*/
    .primary-nav .secondary-nav .has-children > a {
		/*margin-bottom: 1rem;*/
	}
	
	ul.secondary-nav ul>li {
		margin-top: 0.25rem;
	}
    .primary-nav .secondary-nav>li>a {
        color: #000;
    }
    .secondary-nav li>span>b {
    	color: rgb(108, 108, 108);
	}
}

@media only screen and (min-width: 768px){
    .primary-nav>li {
        float: left;
        margin-left: 0.625rem;
    }
    .primary-nav>li>a {
        position: relative;
        display: inline-block;
        height: 35px;
        line-height: 36px;
        padding: 0 0.625rem;
        color: #2e3233;
        overflow: visible;
        border-bottom: 0;
    }
    .primary-nav a, .primary-nav ul a {
        padding: 0;
    }
    .primary-nav .secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
    }
    .primary-nav ul.is-hidden {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .primary-nav .secondary-nav {
        position: absolute;
        top: auto;
        background: #fff;
        border: 1px solid #aaa;
        padding: 0.9375rem;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        width: 100%;
    }
    .primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: 0;
        overflow: visible;
        z-index: 3;
    }
    .primary-nav .secondary-nav>li {
        /*width: 20%;*/
        float: left;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .primary-nav .secondary-nav>li>a {
        color: #666;
        font-weight: 700;
    }
    .primary-nav .secondary-nav a {
        /*height: 20px;*/
        line-height: 15px;
        color: rgb(108, 108, 108);
        border-bottom: 0;
        padding: 2px;
    }
    .primary-nav .secondary-nav ul {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .primary-nav>li.has-children>a.selected {
        background: #aaa;
        border: none;
        color: #fff;
    }
}

@media (min-width: 992px){
	.primary-nav>li {
		visibility: visible;
        width: auto;
        font-size: 1rem;
	}
}
#mega-navxs ul.top-show-logo {
	position: relative;
}