.sidenav {display: none; opacity: 0; position:fixed; z-index: 9999; height:0%; width:0%; top:0; left: 0; background-color:#000;overflow-x:scroll; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.nav-active .sidenav{display: block; opacity: 1; height:100%; width:50%; /*padding: 28px 0 0 122px;*/}

.sidenav ul{padding-left:0px;}
.sidenav li{margin:20px;background:url(../images/arrownewimg.png) no-repeat 0px 10px;list-style:none; padding-left:40px;}
.sidenav a {text-decoration:none; font-size:35px; color:#fff;transition:0.3s;font-weight:400;}
.sidenav li a:hover,.sidenav li a.active {border-bottom:solid 4px #a04a34;color:#fff;}
.sidenav a::after {content:''; display:block; width:0; background:#fff; transition:width .3s;}
.sidenav a:hover::after,.sidenav a.active::after {width:100%;}
.sidenav .closebtn {position:absolute; top:0; right:25px; font-size:36px; margin-left:50px;}

/*.cross {margin: 20px 135px 0 0;}
.about-logo {margin: 76px 0 0 10px;}*/

@media (max-width: 767.98px){
	.nav-active .sidenav{width:100%;}
}
@media screen and (max-height: 450px) {
  
}