@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;
	}

}
@media(max-width:991px){
	.navbar-top {
		position: fixed;
	}
	.nav-icon {
		display: block;
		position: relative;
		z-index: 102;
		width: 2rem;
		height: 1.8rem;
		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: 0.125rem;
		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: 0.55rem;
	}
	.nav-icon span:nth-child(2), 
	.nav-icon span:nth-child(3) {
		top: 0.9rem;
	}
	.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: 1.2rem;
	}
	.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-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);
	}
	
}