@media screen and (max-width: 1920px) {
  .navbar-fixed-top {
    width:100%;
  }
  .navbar-fixed-top .navbar-collapse, 
  .navbar-fixed-bottom .navbar-collapse {
    max-height:none;
  }
  .navbar-nav {
    margin:0;
  }
  .navbar-form {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
    visibility:visible;
	background:url(../images/side-menu-bg.jpg) top center no-repeat #000;
	padding-top:30px;
	text-align:center;
  }
  .navbar-fixed-top .cbp-spmenu {
    bottom:0;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 570px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 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 #258ecd;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -570px;
  }
  .cbp-spmenu-right {
    right: -570px;
  }
  .cbp-spmenu-left.cbp-spmenu-open,
  .cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .cbp-spmenu-right.cbp-spmenu-open,
  .cbp-spmenu-push-toleft .navbar-fixed-top .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;
    left: 0;
  }
  .cbp-spmenu-push-toright,
  .cbp-spmenu-push-toright .navbar-fixed-top {
    left: 570px;
  }
  .cbp-spmenu-push-toleft,
  .cbp-spmenu-push-toleft .navbar-fixed-top {
    left: -570px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push,
  .navbar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

/* content style */
.cbp-spmenu ul {
	margin:60px 0;
	padding: 0;
	list-style: none;
	width:100%;
	float:left;
	position:relative;
	z-index:99999;
}
.cbp-spmenu ul li{ 
	width:100%;
	float:left;}
	
.cbp-spmenu ul li > a {
	display:inline-block;
	padding: 25px 0;
	outline: none;
	color:#666;
	font-size:47px;
	font-weight:300;
	letter-spacing:10px;
	text-indent:7px;
    line-height: 37px;
	
}
.cbp-spmenu ul li > a:hover{
	text-decoration:none;
	color:#fff;
	background:none;
	}
.cbp-spmenu ul li > a:focus{
	color:#fff;
	text-decoration:none;
	background:none;
	}	
.cbp-spmenu ul li ul{ width:100%; float:left; background:none; text-align:center; margin:0; padding:0;}
.cbp-spmenu ul li ul li{ background:none;}
.cbp-spmenu .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ background:none;}
	
.cbp-spmenu .copyright{font-size:13px; font-family:"Times New Roman", Times, serif; color:#fff; font-style:italic;}
.cbp-spmenu-push-toright:after{content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.3); z-index:20;}


@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {

.cbp-spmenu-vertical {
    width: 360px;
  }
  .cbp-spmenu-left {
    left: -360px;
  }
  .cbp-spmenu-right {
    right: -360px;
  }
	
}