@media screen and (max-width: 949px) {
/*** Responsive menu X icon*********************/
.gn-icon-menu {
display: block;
padding: 23px 15px;
width: 50px;
height:auto;
background:#8B0407;
color:#FFF;
font-size:13px;
}
.gn-icon-menu span {
background: #fff;
display: block;
position: relative;
-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {
width: 100%;
height: .2em;
-moz-transition:       all 0.4s;
-o-transition:         all 0.4s;
-webkit-transition:    all 0.4s;
transition:            all 0.4s;
-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span:before,
.gn-icon-menu span:after {
background: #fff;
content: " ";
margin-top: -.6em;
position: absolute;
}
.gn-icon-menu span:after {
margin-top: .6em;
}
.gn-icon-menu.on span {
background: transparent;
}
.gn-icon-menu.on span:before {
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
-webkit-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.gn-icon-menu.on span:after {
-moz-transform: rotate(-45deg) translate(.45em, -.35em);
-ms-transform: rotate(-45deg) translate(.45em, -.35em);
-o-transform: rotate(-45deg) translate(.45em, -.35em);
-webkit-transform: rotate(-45deg) translate(.45em, -.35em);
transform: rotate(-45deg) translate(.45em, -.35em);
}
/*** Scrollbar *********************/
#menu::-webkit-scrollbar { 
display: none; 
}
/*** Responsive Menu position *********************/
#menu{
transition: all 0.3s ease;
position: fixed;
width: 0%;
top: 0;
right: -300px;
background: rgb(0, 0, 0);
height: 100%;
z-index: 999;
box-shadow: 0px 0px 10px black;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} 
#toggle{
position: fixed;
top: 30px;
right:30px;
z-index: 1000;
}
#toggle:hover{
cursor: pointer;
}
#menu.open{
right: 0;
width: 300px;
display: block;
}
#toggle.open{
right:20px;
}
#menu a{
display: block;
text-decoration: none;
padding:0;
margin:0;
transition: all 0.2s ease;
outline-style:none;
}

/*** Change Menu code from here *********************/ 
#menu ul{ margin:100px 0 0 0; padding:0; list-style:none;}
#menu ul ul{ margin:0 0 0 15px;}
#menu ul li{ margin:0; padding:0; list-style:none; line-height:normal; border-top:1px solid #181818;}
#menu ul li a{ color:#868686; font-size:13px; padding:7px 15px;}
#menu ul li a:hover{ color:#FFFFFF; background:#181818;}