/* General styles for all menus */
.cbp-spmenu {background: #f4f7f9; position: fixed; overflow: scroll; }
.cbp-spmenu a {display: block; color: #614a8e; font-size: 12px;	font-weight:bold; text-transform:uppercase;	font-family: 'Open Sans', sans-serif; 	text-decoration:none;}
.cbp-spmenu a:hover {background: #614a8e; color:#FFF;}
.cbp-spmenu a:active {background: #614a8e; color: #fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {width: 240px;	height: 100%; top: 0; z-index: 1000;}
.cbp-spmenu-vertical a {border-bottom: 1px solid #dfe7eb; padding: 10px 15px;}
.cbp-spmenu-horizontal {width: 100%; height: 150px;	right: 0; z-index: 1000; overflow: hidden;}
.cbp-spmenu-horizontal h3 {height: 100%; width: 20%; float: left;}
.cbp-spmenu-horizontal a {float: left; width: 20%; padding: 0.8em; border-left: 1px solid #dfe7eb;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {right: -240px;}
.cbp-spmenu-right {right: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {right: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top: -150px;}
.cbp-spmenu-bottom {bottom: -150px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}
/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden; position: relative; right: 0;}
.cbp-spmenu-push-toright {right: 240px;}
.cbp-spmenu-push-toleft {right: -240px;}
/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}




 

/* Example media queries */

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

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		right: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		right: 190px;
	}
}