.mobile-nav-icon {
	display: none;
}

.mobile-header-nav {
	display: none;
}
  
@media (max-width: 1023px) {


.mobile-nav-icon {
	display: block;
	width: 34px;
	height: 27px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	position: relative;
	z-index: 3000;
	padding: 0;
	right: 0;
	float: right;
}

.mobile-nav-icon:hover, .mobile-nav-icon:focus  {
	background: none;
	color: inherit;
}

.mobile-nav-icon.show-nav {
	left: 0;
}

.mobile-nav-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--e-global-color-text);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/* Icon 3 */

.mobile-nav-icon span:nth-child(1) {
	top: 0px;
}

.mobile-nav-icon span:nth-child(2),.mobile-nav-icon span:nth-child(3) {
	top: 11px;
}

.mobile-nav-icon span:nth-child(4) {
	top: 22px;
}

.mobile-nav-icon.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.mobile-nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobile-nav-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}




.mobile-header-nav {
	max-width: 400px;
	position: fixed;
	top: 0px;
	padding: 78px 40px 50px 40px;
	height: 100%;
	width: 100vw;
	background: #fff;
	transition: right 0.6s ease-out;
	z-index: 2500;
	right: -100%;
	display: block;
}


.mobile-header-nav.show-nav {
	right: 0;
	overflow-y: auto;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
	overflow-x: hidden;
  }

  .header-nav.mobile-header-nav .menu {
	display: block;
}

.header-nav.mobile-header-nav .menu > .menu-item:hover .mega-container, 
.header-nav.mobile-header-nav .menu > .menu-item:focus .mega-container {
	display: none;
}


.header-nav.mobile-header-nav .menu .menu-item {
	justify-content: space-between;
	display: flex;
	align-items: center;
	padding-bottom: 0px;
	padding-top: 0px;

}

.header-nav.mobile-header-nav .menu .menu-level-one .menu-item {
 display: block;
}


.mobile-header-nav.header-nav .menu-item > a, .mobile-header-nav.header-nav .menu-item > .top-item {
	font-size: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.mobile-header-nav .mobile-nav-inner {
	background: #ffffff;
	display: block;
	right: -100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	transition: right 0.6s ease-out;
	width: 100%;
	max-width: 400px;
	padding: 34px 40px 50px 40px;
	z-index: 1;
}


.mobile-header-nav .mobile-nav-inner.show-nav  {
	right: 0;
  }



.header-nav.mobile-header-nav .menu .col-100 {
	display: block;
	padding-bottom: 10px;
	padding-top: 20px;
}

.header-nav.mobile-header-nav .menu .col-100 > span{
	margin-bottom: 10px;
	display: block;
	font-size: 20px;
}

.header-nav.mobile-header-nav .menu .col-100 .menu-item {
	padding: 0px 0px;
}

.header-nav.mobile-header-nav .menu .col-100 .menu-item a{
	padding-top: 8px;
	padding-bottom: 8px;
}

.mobile-header-nav .col-100 ul {
	margin-left: 20px;
}


.mobile-header-nav button {
	padding: 0;
}


.mobile-header-nav button:hover, .mobile-header-nav button:focus {
	background: none;
	color: inherit;
}

.mobile-header-nav .prev-item{
	margin-bottom: 15px;
	font-size: 18px;
}


.mobile-header-nav .cyber-green .menu-columns li span {
	color: #0066FF;
}


.mobile-header-nav .cloud-blue .menu-columns li span, 
.mobile-header-nav .core-yellow .menu-columns li .menu-level-one-title  {
	color: #0066FF;
}


.mobile-header-nav .connectivity-purple .menu-columns li span {
	color: #6633FF;
}


.mobile-header-nav .filled-btn {
	background: var(--e-global-color-accent);
	margin-top: 30px;
}


/*CNS Styles*/

.mobile-header-nav.dark-style, .mobile-header-nav.dark-style .mobile-nav-inner {
	background: #282828;
  }


  .mobile-header-nav.dark-style button, .dark-style.mobile-nav-icon {
	color: #fff;
	background: transparent;
  }

 .dark-style.mobile-nav-icon span{
	background: #fff;
  }


}



@media (max-width: 540px) {
	.mobile-header-nav, .mobile-header-nav .mobile-nav-inner {
		max-width: 100%;
	}


	.mobile-header-nav {
		top: 66px;
		padding: 20px 40px 50px 40px;
		height: calc(100% - 66px);
	}
	.dark-style.mobile-header-nav {
		top: 98px;
		height: calc(100% - 98px);
	}


	.admin-bar .mobile-header-nav {
		top: 110px;
		height: calc(100% - 110px);
	}
	.admin-bar .dark-style.mobile-header-nav {
		top: 144px;
		height: calc(100% - 144px);
	}

}