html.openNav, html.openNav body {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        height: 100%;
    }
#panel #closepanel {
	display: none;
}
body.panelopen #panel, .openNav #panel {
	width: auto;
	display: block;
	position: fixed;
	top: 48px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 998;
	background: none;
	border-right: none;
}
body.panelopen #main-wrap, .openNav #main-wrap {
	left: auto;
}

#hamburger {
	padding: 12px;
	background-size: 18px 13px;
	background-position: center center;
	top: 3px;
	left: 0px;
	-webkit-backface-visibility: hidden;
} /* TC */
	body.panelopen #hamburger, .openNav #hamburger {
		top:1px;
		background-image:url('../images/whitexclose.png');
		padding: 12px;
		background-size: 18px 18px;
		background-position: center center;
	} /* TC */

@media(max-width:949px) {
	#hdr-main {
		background:#AF2124;
		padding:0 0;
		height: 48px;
	} /* TC */
	#search {
		margin: 0;
		z-index: 999;
		position: fixed;
		width:100%;
		float:none;
		box-sizing: border-box;
		top: 48px;
	}
	#cat-title {
		font-size:1.2em;
		color:#fff;
		margin-bottom: 0;
		padding-top: 15px;
	} /* TC */
	a#mob-search, a#mob-search-close {
		padding: 12px;
		background-size: 18px 18px;
		background-position: center center;
		right: 0;
		top: 3px;
		-webkit-backface-visibility: hidden;
	} /* TC */
}
#cl-menu-panel {
        height: 100%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    .openNav #cl-menu-panel, #panel #cl-menu-panel {
        width: 100%;
    }
		#cl-menu-panel ul.nav {
				margin: 0;
				padding: 0;
				width: 100%;
				display: block;
				float: none;
				height: auto;
				padding: 0;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
			#cl-menu-panel > ul.nav {
			
			}
			#cl-menu-panel ul.nav li {
				width: 100%;
				display: block;
				float: none;
				height: auto;
				padding: 0;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
				#cl-menu-panel ul.nav li a {
					display: block;
					text-decoration: none;
					color: #000;
					box-sizing: border-box;
					line-height:  1.2em;
				}
/* copied code from previous for styling css */
#cl-menu-panel ul.nav li.active > a {
    
}
	#cl-menu-panel ul.nav li.active.isparent > a {
		color: #af2124;
		background: white;
	}
		#cl-menu-panel ul.nav ul.nav li.active.isparent > a {
			color: #af2124;
			background: #f6f6f6;
		}
	#cl-menu-panel ul.nav ul.nav li.active.self > a {
		color: white;
		background: #af2124;
	}
#cl-menu-panel > ul.nav > li > a {
    background: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 0.8em;
	border-bottom: 1px solid #d4d4d4;
}

#cl-menu-panel > ul.nav > li.active {
}

#cl-menu-panel > ul.nav > li.active > a {
    background: #fff;
    border-right: 0;
    border-bottom: 1px solid #d4d4d4;
}

#cl-menu-panel > ul.nav > li.active > ul.nav {
    background: #f6f6f6;
    padding: .6em 0;
    border-top: none;
    border-bottom: 1px solid #d4d4d4;
}

#cl-menu-panel > ul.nav ul.nav li a {
    padding: .4em .8em;
    font-size: 1.1em;
}
	#cl-menu-panel > ul.nav ul.nav ul.nav li a {
	    padding: .4em 1.6em;
	     font-size: 1em;
	}
		#cl-menu-panel > ul.nav ul.nav ul.nav ul.nav li a {
		    padding: .4em 2.4em;
		}
#cl-menu-panel ul.nav ul.nav ul.nav {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}