.sidenav {height:340px;width: 0;display:block;position: absolute;z-index: 99999;top: 42px;right: 48px;overflow: hidden;transition: 0.5s;padding: 5px 0 15px 0;/*box-shadow: 500px 500px 500px #000;*/line-height: initial;background: url("../images/right-side-bar.png") right top;background-repeat: no-repeat;}

.window-locked{

	overflow: hidden !important;

}

.sidenav ul {

	height: 100%;

	padding: 15px 0;

	width: 244px;

	float: right;

}

.sidenav a {

	text-decoration: none;

	font-size: 14px;

	color: #c4c4c4;

	display: block;

	transition: 0.3s;

	text-transform: uppercase;

	font-family: 'robotoregular';

}

.sidenav ul li a{

	padding: 6px 6px 9px 68px;

}

.sidenav ul li.active a{color: #8e54e9;}

.sidenav a:hover, .offcanvas a:focus {color: #8e54e9;}

.closebtn {font-size: 28px;margin-left: 0;font-weight: bold;width: auto;text-align: center;z-index: 9999;float: right;color: #000;transition: 0.3s;line-height: initial;padding: 0px 12px;}

.closebtn:hover, :focus{

	color: #fff;

}



.onclick-nab_button {font-size: 15px;cursor: pointer;float: right;width: 46px;padding: 3px 12px;display: inline-block;}

.sidenav-holder{

	position: relative;

	max-width: 1170px;

	margin: 0 auto;

}

.hiden-text{

	visibility: hidden;

}

@media screen and (max-width: 1199px) {

	.sidenav-holder {max-width: 100%;}

}

@media screen and (max-width: 991px) {

	.sidenav {

		right: 38px;

	}

	.container{

		width: 100%;

		overflow: hidden !important;

	}

	body{

		overflow-x: hidden !important;

		width: 100%;

	}

	.window-locked{

		overflow: hidden !important;

	}

}

@media screen and (max-width: 767px) {

	.sidenav ul li a {padding: 7px 6px 7px 20px;font-size: 12px;}

	.sidenav a {

		font-size: 15px;

	}

	.sidenav{

		top: 32px;

	}

	.sidenav ul {

		height: 100%;

		padding: 15px 0;

		margin-top: 0;

	}

	.sidenav {right: 0;top: 60px;position: fixed;height: 100%;background: url(../images/footer-bg-image.png);}

	.sidenav ul {height: 100%;padding: 25px 0 0 15px;margin-top: 0;float: left;width: 100%;}

	.closebtn{margin-top: -8px;}

	/*.sidenav .closebtn{*/

	/*text-align: right;*/

	/*padding: 0 10px;*/

	/*margin-top: -10px;*/

	/*}*/

}