.cbp-hrmenu {
	width: 100%;
	/* margin-top: 2em;
	border-bottom: 4px solid #47a3da; 
  margin-top: 10px;
  border-top: 1px dotted #47a3da;
  border-bottom: 1px dotted #47a3da; */
}

/* 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: 90%;
	max-width: 70em; */
	margin: 0 auto;
	/* padding: 0 1.875em; */
}

.cbp-hrmenu > ul > li {
	display: inline-block;
  width: 100%;
}

.cbp-hrmenu > ul > li > a {
	font-weight: 700;
	padding: 0em 2em;
	color: black;
	display: block;
  padding-left: 20px;
  white-space: nowrap;
}

.cbp-hrmenu > ul > li > a:hover {
	background-color: #FFFFE5; 
}

.cbp-hrmenu h3 a,
.cbp-hrmenu h3 a:hover {
	/* color: #fff;
	background: #47a3da; 
  color: black;
	background: white;   */
  color: #E47911;
  font-weight: 600;
  font-size: 18px;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	/* background: #47a3da; */
  background: white;
	width: 313%;
	left: 100%;
  top: -1px;
  border: 1px solid black;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 3em;
  z-index: 90000;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	/* width: 20%;
	float: left;
	padding: 0 2em 0;
  min-height: 180px; */
}

.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;   
}

.cbp-hrmenu .cbp-hrsub-inner > div a:hover {
  background-color: #FFFFE5; 	
}

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

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		/* font-size: 80%; */
	}

}

@media (min-width: 10px) {

  .cbp-hrmenu .cbp-hrsub {
    width: 100%;
    left: 0px;
    top: inherit; 
  }
  
  /* .cbp-hrmenu {
    text-align: center;
  }  */
  
  .cbp-hrmenu > ul > li {
    width: initial;
  }
      
}

@media (min-width: 768px) {  
  .cbp-hrmenu {
    text-align: center;
  }      
}

@media (min-width: 991px) {

  .cbp-hrmenu .cbp-hrsub {
    width: 313%;
    left: 100%;
    top: -1px; 
  }
  
  .cbp-hrmenu {
    text-align: left;
  }
  
  .cbp-hrmenu > ul > li {
    width: 100%;
    border-bottom: 1px dotted lightgray;
  }
      
}

@media screen and (max-width: 767px) { 

	.cbp-hrmenu {
		font-size: 100%;
		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: 1px dotted gray;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 5px 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; */
	}
}