.header-submenu {
    display: none;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 80px;
    left: -20px;
}
.header-submenu-list {
    background: #FFFFFF;
    padding: 5px 20px 20px 20px;
}
.header-menu-item {
    position: relative;
}
.header-submenu-item {
    margin: 15px 0 0 0;
    display: block;
    height: auto;
    line-height: 1;
    color: #2e2e2e;
    text-transform: none;
}
.header-submenu-item.active {
    color: #4896cf;
}
.header-menu-item:hover .header-submenu {
    display: block;
}
@media screen and (max-width: 959px) {
    .header-menu-new {
        display: none;
        order: 2;
    }
    .header-submenu {
        position: relative;
        top: 0;
        left: 0;
    }
    .header-submenu-list {
        padding: 0 0 20px;
    }
    .header-menu-item .header-menu-name {
        position: relative;
    }
    .header-menu-item .header-menu-name:before,
    .header-menu-item .header-menu-name:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 110%;
        display: block;
        width: 7px;
        height: 2px;
        background: #2e2e2e;
        transition: all 0.3s ease 0s;
    }
    .header-menu-item .header-menu-name:before {
        transform: translate(0, -50%) rotateZ(35deg);
    }
    .header-menu-item .header-menu-name:after {
        transform: translate(5px, -50%) rotateZ(-35deg);
    }
    .header-menu-item.active .header-menu-name:before {
        transform: translate(0, -50%) rotateZ(-35deg);
    }
    .header-menu-item.active .header-menu-name:after {
        transform: translate(5px, -50%) rotateZ(35deg);
    }
    .header-menu-item:hover .header-submenu {
        display: none;
    }
    /* .header-menu-item.active .header-submenu {
        display: block;
    } */
}

@media screen and (max-width: 719px) {
    .header-menu {
        text-align: left;
    }
}


@media (max-width: 719px) {
    .header-logo {
        width: auto;
    }
}

@media (max-width: 480px) {
    .header-logo {
        width: 100px;
    }
    .header-logo img {
        width: 100%;
    }
}

@media (max-width: 959px) {
    .header-lang {
        margin: 0 0 0 auto;
    }
}

@media (max-width: 719px) {
    .header-lang {
        width: auto;
    }
}

@media (max-width: 480px) {
    .header-lang .dropdown-val-txt {
        font-size: 11px;
    }
}


.header-hamburger-wrap {
    display: none;
}

@media (max-width: 959px) {
	.header-hamburger-wrap {
        display: block;
	}
}

.header-hamburger {
	position: relative;
	width: 31px;
	height: 31px;
	margin: -0.3em 0 0 20px;
	border: 1px solid #ecf0f1;
    border-radius: 2px;
	cursor: pointer;
	display: none;
    vertical-align: middle;
}

@media (max-width: 959px) {
	.header-hamburger {
        display: inline-block;
	}
}

@media (max-width: 480px) {
    .header-hamburger {
        margin: -0.3em 0 0 10px;
    }
}

.header-hamburger span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 50%;
	height: 2px;
	background: #2e2e2e;
	transition: all 0.3s ease 0s;
	opacity: 1;
}

.header-hamburger span:nth-child(1) {
	transform: translate(-50%, calc(-50% - 5px));
}
.header-hamburger span:nth-child(3) {
	transform: translate(-50%, calc(-50% + 5px));
}

.header-hamburger.active span:nth-child(1) {
	transform: translate(-50%, -50%) rotateZ(45deg);
}
.header-hamburger.active span:nth-child(2) {
	opacity: 0;
}
.header-hamburger.active span:nth-child(3) {
	transform: translate(-50%, -50%) rotateZ(-45deg);
}