@media(min-width:992px){
	.navbar-top-wrap {
		height: 4.5rem;
	}
	body .navbar-top  {
		position: absolute;
		position: fixed;
		z-index: 10;
		top: 0px;
		left: 0;
		width: 100%;
	}
	body.admin-bar .navbar-top  {
		top: 32px;
	}
	body .navbar-top.animated-initial {
		top: -100px;	
	}
	body .navbar-top.animated-initial.animated-passed {
		position: fixed;
		transition: 0.35s;	
	}
	body .navbar-top.animated-initial.animated-passed.animated {
		top: 0;
		transition: 0.35s;
	}
	body.admin-bar .navbar-top.animated-initial.animated-passed.animated {
		top: 32px;
	}	
	
	.nav-icon {
		display: none;	
	}
	.arrowdown {
		display: none;
	}
	.navbar-top ul.navbar-nav > li > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li > a:after {
        /* width: 0%;
        height:0.11rem;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0rem;
        margin: 0 auto;
        content: "";
        background-color: var(--main-color);
        transform: scaleX(0);
        transition: all .3s;
        z-index: 999; */
    }
	.navbar-top ul.navbar-nav > li.current-menu-item > a:after, .navbar-top ul.navbar-nav > li:hover > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li.current-menu-item > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li:hover > a:after {
        /* width: 100%;
        transform: scaleX(1); */
    }
}
@media(max-width:991px){
	.navbar-top {
		position: fixed;
	}
	.nav-icon {
		display: block;
		position: relative;
		z-index: 102;
		width: 2rem;
		height: 30px;		
		margin: 0;
		padding: 0;
		border: none;
		border-radius: 0.5rem;
		background-color: var(--blue);
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
		outline: 0;
	}
	.nav-icon span {
		display: block;
		opacity: 1;
		position: absolute;
		left: auto;
		width: 0.9rem;
		height: 2px;
		border-radius: 0;
		background: var(--white);
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}
	.navbar-top a.button:first-child {
		margin-left: 1rem;
	}
	.nav-icon span:nth-child(1) {
		top: 8px;
	}
	.nav-icon span:nth-child(2), 
	.nav-icon span:nth-child(3) {
		top: 14px;
	}
	.nav-icon.open span:nth-child(2), 
	.nav-icon.open span:nth-child(3) {
		width: 0.9rem;
        left: auto;
	}
	.nav-icon span:nth-child(4) {
		top: 20px;
	}
	.nav-icon.open span:nth-child(1) {
		top: 1.1rem;
		width: 0%;
		left: 50%;
	}
	.nav-icon.open span:nth-child(2) {
		transform: rotate(45deg);
	}
	.nav-icon.open span:nth-child(3) {
		transform: rotate(-45deg);
	}
	.nav-icon.open span:nth-child(4) {
		top: 1.1rem;
		width: 0%;
		left: 50%;
	}
	.navbar-top a.button:first-child {
		margin-left: 1rem;
	}
	.navbar-top-wrap {
		height: 3.2rem;
		position: relative;
	}
	body .navbar-top .nav-menu {
		position: fixed;
		top: 63px;
	}
	body.admin-bar .navbar-top .nav-menu {
		top: 6.8rem;
	}
	.navbar-top .nav-menu {
		left: 0;
		transition: 1s;
		background-color: var(--gray-color);
		z-index: 100;
	}
	.navbar-top .nav-menu .navbar-nav-collapse {
		max-height:0;
		height: 0;
		overflow: hidden;
		transition:max-height 0.75s ease-out; 
	}
	.navbar-top .nav-menu.open .navbar-nav-collapse {
		transition: max-height 0.75s ease-out;
		height:auto;
		padding-bottom: 0rem;
		overflow-y: scroll;
		width: 100%;
	}
	body .navbar-top .nav-menu.open .navbar-nav-collapse {
		max-height: calc(100vh - 175px);
	}
	body.admin-bar .navbar-top .nav-menu.open .navbar-nav-collapse {
		max-height: calc(100vh - 112px);
	}
	
}