.navbar-toggle, .closeNav{ display:none}

@media screen and (max-width:1024px){
header nav ul li.with-ul ul {display: none !important; }
header nav ul li.with-ul.togClas ul {display: block !important; background-color: #616161; padding-top:0px;   min-width:inherit !important; position:relative; width:inherit}
header nav ul li.with-ul ul li.with-ul ul {display: none !important; }
header nav ul li.with-ul ul li.with-ul.togClas ul {display: block !important; background-color: #616161; padding-top:0px;   min-width:inherit !important; position:relative; width:inherit; left:0px;}
.navbar-toggle{ display:inline-block; float:left;   padding:18px 5px 15px 15px; background-color:transparent; border:0px; position:relative; z-index:9999}
header nav ul > li.disNon { display: block;}
header nav ul > li{display:block; position:relative; width:100%; }
header nav ul:first-child > li{ border-top:0px;}
.closeNav{ display:block;transition: .1s all;padding:15px; color:#ffffff!important;font-weight: normal;font-size:24px;}
.closeNav.close{opacity: 1;}
.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:#2a3844;
	

}

.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-body-right .js-hiraku-header-fixed {margin-left: - 235px;}
.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed.stick {margin-left: 235px;}
.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:#2a3844;
}

.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: #2a3844;
}
.hiraku-open-btn-line:before {top: -6px;}
.hiraku-open-btn-line:after {bottom: -6px;}
header nav ul > li{border-bottom: 1px solid rgba(0, 0, 0, .1);border-top: 1px solid rgba(255, 255, 255, .1);padding:16px;}
header nav ul > li a{ color:#fff; font-size:16px; }
header nav ul{text-align:left; }	
}