.navBerbar-toggle, .closeNav{ display:none}
.js-hiraku-offcanvas{width:100%}
:focus {outline: none;}
.navbar-toggle{ display:none; }
@media screen and (max-width:991px){
.navbar-toggle{ display:inline-block; border:0px;background-color:transparent; }	
header .navBer ul{list-style:none;display:block!important; margin:0px; padding:0px;}
header .navBer .fm-lg ul{display:block;text-align:left;padding-top:0px}
header .navBer ul li a{font-size:14px;padding:18px 15px; display:block; color: #fffff}
header .navBer ul li.withA > a{padding-right:25px}
header .navBer ul li{width:100%;position:relative;display:block;border-bottom:1px solid #5c5c5c; padding:0px}
header .navBer ul li a{font-size:16px;color:#fff;display:block;font-weight:500;}
header .navBer ul li a.active::before,header .navBer ul li a::before{display:none}
header .navBer ul li a:hover {color:#ffffff;}
header .navBer ul li.withA{ position:relative}
header .navBer ul li.withA ul{ display:none!important}
header .navBer ul li.withA.togClas ul{ display:block!important; background-color:#616161; padding-top:0px !important;}
header .navBer ul li.withA .navBericon{ position:absolute; width:10px; height:10px; top:20px; right:10px;  }
header .navBer ul li.withA .navBericon:before{ border-style: solid;border-width: 0.13em 0.13em 0 0; content: ''; display: inline-block; height:8px; position: absolute; -webkit-transform: rotate(135deg);  -ms-transform: rotate(135deg);  transform: rotate(135deg); vertical-align: top;width:8px; right:10px; color:#fff }
header .navBer ul li.withA.togClas .navBericon:before{ -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);}
header .navBer ul li.with-ul .about-dropdown ul li a{padding:0px 15px 0px 0px; border: 0px}
header .navBer ul li.with-ul .about-dropdown{position: relative;top: 0px;}
header .navBer ul li.with-ul> a{background-image: url(../images/white-arrow-down.svg); background-repeat:no-repeat; background-size: auto 8px;background-position: right 15px center;}
header .navBer ul li.with-ul .about-dropdown{ left:0px; }
.navBerbar-toggle{display:inline-block;float:left;padding:30px 15px 30px 0px;border:0;   background-color:transparent;z-index:9 }
.closeNav{ display:block;transition: .1s all;padding:15px; color:#ffffff!important;font-weight: normal;font-size:24px; z-index:9999; position:relative}
.closeNav.close{opacity: 1;  z-index:9999; position:relative; text-align: right;}
.js-hiraku-offcanvas-active {	position: fixed;	z-index: 100001;	top: 0;	right: 0;	bottom: 0;	left: 0;	display: none;	width: 100%;	height: 100%;	background: rgba(0, 0, 0, .4);}
.js-hiraku-offcanvas-open {	display: block;}
.js-hiraku-offcanvas-body {	z-index: 0;	left: 0;	width: 100%;	transition: left .3s ease-in-out;}
.js-hiraku-offcanvas-body-right {	position: fixed;	left: -70%;	overflow-y: hidden;}
.js-hiraku-offcanvas-body-left {	position: fixed;	left:250px;	overflow-y: hidden;}
.js-hiraku-offcanvas-body-moving {	position: fixed;	left: 0;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar{position:fixed;z-index:10002;top:0;bottom: 0;display: block;overflow-y:scroll;box-sizing: border-box;width:250px;max-width:100%;background-color:#404041}
.js-hiraku-offcanvas:focus {	background-color: rgba(0, 0, 0, .3);}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right {	right: 0;	left: auto;	margin-right: -70%;	transition: margin-right .3s ease-in-out;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left {	right: auto;	left: 0;	margin-left: -70%;	transition: margin-left .3s ease-in-out;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active {	margin-right: 0;	transition: margin-right .3s ease-in-out;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active {	margin-left: 0;	transition: margin-left .3s ease-in-out;}
.js-hiraku-header-fixed {	position: fixed;	top: 0;	left: 0;	width: 100%;	transition: margin-left .3s ease-in-out;	z-index:9999}
.js-hiraku-offcanvas-body-right,.js-hiraku-offcanvas-body-left {overflow: hidden;}
.js-hiraku-offcanvas-close-btn {	position: absolute;	overflow: hidden;	clip: rect(0 0 0 0);	width: 1px;	height: 1px;	margin: -1px;	padding: 0;	border: 0;}
.hiraku-open-btn {	padding: 6px;	cursor: pointer;	border: 1px solid #ccc;	border-radius: 3px;	background: transparent;}
.hiraku-open-btn-line {	position: relative;	display: block;	width: 18px;	height: 2px;	margin: 6px 0;	transition: .1s all;	border-radius: 1px;	background-color:#3f4345;}
.hiraku-open-btn-line:before,.hiraku-open-btn-line:after {position: absolute;display: block;width: 100%;height: 2px;content: '';transition: .3s all;border-radius: 1px;	background-color: #3f4345;}
.hiraku-open-btn-line:before {top: -6px;}
.hiraku-open-btn-line:after {bottom: -6px}
.navbar-toggle{margin-right:15px;}
}