#kwp_KoboSideNav.tapNavContainer .tapNav {
	display: none;
}

@media only screen and (min-width: 0em) and (max-width: 63.99em) {
	/*RESETS*/
	#kwp_KoboSideNav {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #404040;
		line-height: 1.4;
		background: none;
		border: 0;
		padding-top: 0;
	}
	.kobo-layout .col2-left-layout .sidebar {
		width: 100%;
	}
	
	/*Tap Nav*/
	#kwp_KoboSideNav.tapNavContainer {
		margin-bottom: 10px;
		width: 100%;
		display: block;
		position: relative;
	}
	#kwp_KoboSideNav.tapNavContainer .tapNav {
		display: block;
		cursor: pointer;
		padding: 10px;
		text-align: center;
		color: #fff;
		font-size: 1em;
		background-color: #727272; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(top,  #727272 0%, #333333 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #727272 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #727272 0%,#333333 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #727272 0%,#333333 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #727272 0%,#333333 100%); /* W3C */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	#kwp_KoboSideNav.tapNavContainer .tapNav p {
		text-transform: uppercase;
	}
	#kwp_KoboSideNav.tapNavContainer .tapNav p span img {
	    margin: 6px 0 0 8px;
	    width: auto;
	}
	#kwp_KoboSideNav.tapNavContainer .tapNav p:last-child, 
	#kwp_KoboSideNav.tapNavContainer .tapNavDropContainer, 
	#kwp_KoboSideNav .tapNavContainer ul, 
	#kwp_KoboSideNav.tapNavContainer h2  {
		display: none;
	}
	#kwp_KoboSideNav.tapNavContainer .tapNavDropContainer {
		font-size:16px;
		margin-bottom:1em;
	}
	#kwp_KoboSideNav .tapNavDropContainer ul {
		list-style: none;
		width: auto;
		margin: 0;
		padding: 0 5px;
	}
	#kwp_KoboSideNav ul li:first-child {
		border-bottom: 1px solid #FFFFFF;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li:after {
		content: '';
		font-size: 0;
		margin: 0;
		padding: 0;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li {
		border-bottom: 1px solid #fff;
		text-align:center;
		float: none;
		background: #e5e5e5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height:auto; /*2.5em*/
		width: 100%;
		padding: 0;
		font-size: 13px;
	}
	#kwp_KoboSideNav ul li a {
		display: block;
		width: 100%;
		color: #000;
		text-decoration: none;		
		cursor: pointer;
		padding:0.67em 0;
	}
	
	
	/*States*/
	/*#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li:hover {
		padding: 0;
	}*/
	
	#kwp_KoboSideNav.tapNavContainer.expand  ul li:hover a,
	#kwp_KoboSideNav.tapNavContainer.expand  ul li.activeNav a,
	#kwp_KoboSideNav.tapNavContainer.expand  ul li.selected a {
		background-color: #727272; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(top,  #727272 0%, #333333 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top,  #727272 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  #727272 0%,#333333 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  #727272 0%,#333333 100%); /* IE10+ */
		background-image: linear-gradient(to bottom,  #727272 0%,#333333 100%); /* W3C */
		padding: 0.67em 0;
	}
	#kwp_KoboSideNav.tapNavContainer.expand  ul li:hover a,
	#kwp_KoboSideNav.tapNavContainer.expand  ul li.activeNav a,
	#kwp_KoboSideNav.tapNavContainer.expand  ul li.selected  a, 
	#kwp_KoboSideNav.tapNavContainer.expand ul li.showDropdown ul li a {
		color: #fff;
		width: 100%;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li ul {
		display: none;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul {
		display: block;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.showDropdown ul {
		display: block;
		max-width: 990px;
		background-color: #717171;
		text-align: center;
		padding: 10px 8px;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.showDropdown ul li {
		width: auto;
		float: none;
		display: inline;
		border-bottom: 0; 
		background: none;
		/*padding: 0 5px;*/
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li:hover, #kwp_KoboSideNav.tapNavContainer.expand ul li.showDropdown ul li:hover {
		color: #e5e5e5;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li:before, #kwp_KoboSideNav.tapNavContainer.expand ul li.showDropdown ul li:before {
		content: '|   ';
		color: #e5e5e5;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li:first-child:before, #kwp_KoboSideNav.tapNavContainer.expand ul li.showDropdown ul li:first-child:before {
		content: ' ';
	}
	
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li a, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.showDropdown ul li a {
		display: inline;
		width: auto;
		padding-left: 6px;
		background: none;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li a:hover, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.selected ul li.selected a, #kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer ul li.showDropdown ul li a:hover {
		color: #63c8d5;
	}
	
	/*Expanded view*/
	#kwp_KoboSideNav.tapNavContainer.expand .tapNav p:first-child {
		display: none;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNav p:last-child, 
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer {
		display: block;
	}
	#kwp_KoboSideNav.tapNavContainer.expand .tapNavDropContainer {
		position: absolute;
		width: 100%;
		padding: 0;
		z-index: 9; /* Mainly for comics page or any other page with absolute content right below this nav */
	}


}