.cbp-hrmenu {	width: 100%;	margin-top: 0; background: #F0B732;}
/* general ul style */
.cbp-hrmenu ul {	margin: 0;	padding: 0;	list-style-type: none;}
/* first level ul style */
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {	width: 98%;	max-width: 70em;	margin: 0 auto;	padding: 0 20px;}
.cbp-hrmenu > ul > li {	display: inline-block;}
.cbp-hrmenu > ul > li > a {	font-weight: 700;	padding:10px;	color: #201E1E;	display: inline-block;}
.cbp-hrmenu > ul > li > a:hover {	color: #21B354;}
.cbp-hrmenu > ul > li.cbp-hropen a,.cbp-hrmenu > ul > li.cbp-hropen > a:hover {	color: #fff;	background: #21B354;}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {background:#21B354;	display: none;	position: absolute;		width: 100%;	left: 0; z-index:10000;}
.cbp-hropen .cbp-hrsub {	display: block;	padding-bottom: 3em;}
.cbp-hrmenu .cbp-hrsub-inner > div {	width: 25%;	float: left;	padding:2em 0;}
.cbp-hrmenu .cbp-hrsub-inner:before,.cbp-hrmenu .cbp-hrsub-inner:after {	content: " ";	display: table;}
.cbp-hrmenu .cbp-hrsub-inner:after {	clear: both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {background:none;	line-height: 2em;}
.cbp-hrsub h4 {	color: #F0B732;	padding:10px 5px 10px 0;	margin: 0; font-weight:500;}

/* Examples for media queries */

@media screen and (max-width: 52.75em) 
	{ 
		.cbp-hrmenu {}
	}

@media screen and (max-width: 43em) 
	{ 
		.cbp-hrmenu {border: none;	}
		.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 100%; padding: 0;	}
		.cbp-hrmenu .cbp-hrsub-inner { padding: 0 2em;	}
		.cbp-hrmenu > ul > li { display: block; border-bottom: 2px solid #F0B732;	}
		.cbp-hrmenu > ul > li > a { display: block; padding: 1em 3em;	}
		.cbp-hrmenu .cbp-hrsub { position: relative;	}
		.cbp-hrsub h4 { padding-top: 0.6em;	}
	}

@media screen and (max-width: 36em) 
	{ 
		.cbp-hrmenu .cbp-hrsub-inner > div {		width: 100%;		float: none;		padding: 0 2em;	}
	}