.cbp-spmenu {
   -ms-overflow-style: none; 
	position: fixed;
	overflow: auto;
}

::-webkit-scrollbar {
display:none;
}

.cbp-spmenu-vertical {
	top: 0px; width: 300px; height: 100%; z-index: 1000;
}
.cbp-spmenu-vertical a {
	
}
.cbp-spmenu-horizontal {
	left: 0px; width: 100%; height: 150px; overflow: hidden; z-index: 1000;
}
.cbp-spmenu-horizontal h3 {
	width: 20%; height: 100%; float: left;
}
.cbp-spmenu-horizontal a {
}
.cbp-spmenu-left {
	left: -300px;
}
.cbp-spmenu-right {
	right: -300px;
}
.cbp-spmenu-open.cbp-spmenu-left {
	left: 0px;
}
.cbp-spmenu-open.cbp-spmenu-right {
	right: 0px;
}
.cbp-spmenu-top {
	top: -150px;
}
.cbp-spmenu-bottom {
	bottom: -150px;
}
.cbp-spmenu-open.cbp-spmenu-top {
	top: 0px;
}
.cbp-spmenu-open.cbp-spmenu-bottom {
	bottom: 0px;
}
.cbp-spmenu-push {
	left: 0px; position: relative; -ms-overflow-x: hidden;
}
.cbp-spmenu-push-toright {
	left: 300px;
}
.cbp-spmenu-push-toleft {
	left: -300px;
}
.cbp-spmenu {
	transition:0.3s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.cbp-spmenu-push {
	transition:0.3s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
@media screen and (max-width:55.18em)
{
.cbp-spmenu-horizontal {
	height: 110px;
}
.cbp-spmenu-top {
	top: -110px;
}
.cbp-spmenu-bottom {
	bottom: -110px;
}
}
@media screen and (max-height:26.37em)
{
.cbp-spmenu-vertical {
	width: 190px;
}
.cbp-spmenu-left {
	left: -190px;
}
.cbp-spmenu-push-toleft {
	left: -190px;
}
.cbp-spmenu-right {
	right: -190px;
}
.cbp-spmenu-push-toright {
	left: 190px;
}
}