@media (max-width: 767px) {
/* General styles for all menus */
.cbp-spmenu {position: fixed;}
.cbp-spmenu h3 {color: #afdefa; font-size: 1.9em; padding: 20px; margin: 0; font-weight: 300; background: #0d77b6;}
.cbp-spmenu a { display: block; color: #fff; font-size: 1.1em; font-weight: 300;}


/* 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 {padding: 1em;}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -240px;}
.cbp-spmenu-left.cbp-spmenu-open { left: 0px;}

/* Push classes applied to the body */
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0;}
.cbp-spmenu-push-toright { left: 240px;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}

@media screen and (max-height: 26.375em){
 .cbp-spmenu-left, .cbp-spmenu-push-toleft {left: -240px;}
 .cbp-spmenu-push-toright {left:240px;}
}