.cbp-hrmenu {width:100%; margin:0;}

/* 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:100%; max-width:1000px; margin:0 auto; padding:0;}
.cbp-hrmenu > ul > li {display:inline-block; border-right:1px solid #d7d7d7; width:162px; height:43px; margin:0; padding:0; text-align:center;}
.cbp-hrmenu > ul > li > a {font-weight:bolder; font-size:17px; padding:13px 0 0 0; height:30px; color:#fff; display:inline-block; letter-spacing:-0.05em;}
.cbp-hrmenu > ul > li > a:hover {color:#333;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#333; /*background: #ff0000;*/}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {display: none; position: absolute; background:#3e393d; width: 100%; left: 0; z-index:999;}
.cbp-hropen .cbp-hrsub {display: block; padding:0; height:62px;}

.cbp-hrmenu .cbp-hrsub-inner > div {float: left; padding:20px 0 0 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 {/*line-height: 2em;*/ color:#fff;}

/*.cbp-hrsub h4 {color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300;}*/

.cbp_list {margin:0; padding:0; list-style:none;}
.cbp_list li {margin:0; padding:0; float:left; font-size:15px; color:#fff;}
.cbp_list li a {display:block; font-size:15px; font-weight:normal; padding:0 20px; color:#fff;}

.cbp_list .m:link {color:#fff; text-decoration:none;}
.cbp_list .m:visited {color:#fff; text-decoration:none;}
.cbp_list .m:hover {color:#fff; text-decoration:none;}
.cbp_list .m:active {color:#fff; text-decoration:none;}



/* Examples for media queries */

@media screen and (max-width: 52.75em) { 
	.cbp-hrmenu {font-size: 80%;}
}

@media screen and (max-width: 43em) { 
	.cbp-hrmenu {font-size: 120%; border: none;}
	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {width: 100%; padding: 0;}
	.cbp-hrmenu .cbp-hrsub-inner {padding: 0 2em; font-size: 75%;}
	.cbp-hrmenu > ul > li {display: block; border-bottom: 4px solid #47a3da;}
	.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;}
}