#menucat li, #menucat_small li {
 	list-style: none;
 }
 .cmenu{
	position:absolute;
	top:-3px;
	min-height: 100%;
	z-index:998;	
	background: white;
	border: 1px solid #ddd;
	box-shadow: 7px 6px 20px -3px #eee;
	overflow:auto;
}
.cmenu>div{
	padding:10px;
}
.cmenu > h2{
	display: block;  
    border-bottom: 2px solid lightgray;
    padding: 10px;
	font-size: 16px;
}
.cmenu > h2 > a{
	font-size: 16px;
}

.cmenu > div{
  -webkit-columns: 3 ;
     -moz-columns: 3 ;
          columns: 3;
}
.cmenu > div > div {
    display: inline-table;
    width: 100%;
    margin-bottom: 10px;
}

.cmenu>div>div>a {
	display:block;
	font-weight:bold;
	padding: 4px;
	text-transform: capitalize;
}

.cmenu>div>div>span{
	float: left;
	padding: 0 4px 4px 10px;
}

.cmenu>div>div>span>a {
	display:block;
	padding: 4px;
}
.cmenu>div>div>span>a>p{
	display:inline;
	font-size:10px;
	margin-left: 6px;
	color: #888;
}

@media screen and (max-width: 700px) {
	.cmenu{
		width: 100%;
		max-height:100%;
		overflow:auto;
	}
	.cmenu>div{
		padding:3px;
	}
	.cmenu>h2{
		display: block;
		border-bottom: 1px solid silver;		
	}
	.cmenu>h2>a{
		display:block;
	}
	.cmenu > div{
  -webkit-columns: 2 !important;
     -moz-columns: 2 !important ;
          columns: 2 !important;
	}
	.cmenu>div>div{
		width:auto;
	}	
	.cmenu >div>div>span>a>p{
		display:none;
		font-size:10px;
		margin:0 8px;
	}
}