.header-navigation {
    display: flex;
	gap: 20px;
	
    flex: 1;
    justify-content: space-between;
	
	
    border: 1px solid #E8E8F1;
    padding: 16px 32px;
    transform: skew(calc(-1 * var(--angle-inclination-common)));
    border-radius: 16px;
}

.header-navigation > * {
	transform: skew(var(--angle-inclination-common));
}

.site-logo {
	min-width: 76px;
}


.inside-header.grid-container {
    justify-content: space-between;
    align-items: stretch;
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: unset;
}

.header-navigation__wrapper {
	display: flex;
    align-items: center;
}

.header-navigation-contacts {
	margin: 0;
    list-style-type: none;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
}

li.header-navigation-contacts__item a {
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    font-size: 18px;
}

#primary-menu {
    padding-left: 40px;
}

.main-navigation .main-nav ul {
    gap: 30px;
}

.main-navigation .main-nav ul li a {
	padding: 0;
    line-height: 18px;
    font-size: 18px;
}


#masthead aside.widget {
	height: 100%;
}

button#btn-header-modal span {
	width: fit-content;
	text-wrap: nowrap;
}


#menu-menu-2 {
	display: flex;
	gap: 25px;
}

/* .mobile-menu {
	padding: 60px 20px;
    transform: translateX(-1080px);
} */

#mobile-menu-close {
	transform: skew(0);
}

.textwidget.custom-html-widget {
	display: grid;
}

.textwidget.custom-html-widget #mobile-menu-close {
	justify-self: end;
}


ul#menu-menu-1 {
	margin: 0;
	list-style: none;
	
    display: flex;
    flex-direction: column;
    gap: 25px;
}

ul#menu-menu-1 a {
	text-decoration: none;
}






@media all and (max-width: 1600px) {
	.header-navigation-contacts {
		gap: 8px;
	}

	.main-navigation .main-nav ul li a,
	li.header-navigation-contacts__item a {
		font-size: 15px;
		line-height: 15px;
	}
	
	li.header-navigation-contacts__item {
		line-height: 15px;
	}
	
	.main-navigation .main-nav ul {
		gap: 15px;
	}
}

@media all and (max-width: 1024px) {
	header {
		z-index: 100;
	}
	
	#masthead .header-navigation {
		flex: 1;
	}
	
	#masthead .header-widget {
		flex: 0
	}
	
    .site-header .header-widget {
        margin-top: 0;
    }
	
	.header-navigation-menu {
		margin-left: 20px;
	}
	
	
	#primary-menu {
		padding: 0;
	}
	
	nav#site-navigation {
		display: none;
	}
	
	nav#site-navigation.toggled {
		display: flex;
		position: absolute;
		left: 50%;

	}
	
	nav#site-navigation.toggled div.inside-navigation {
		background-color: white;
		border: 1px solid #E8E8F1;
		border-radius: 10px;
	}

	
	.has-inline-mobile-toggle #site-navigation.toggled {
		margin-top: 2.5em;
	}
	
	nav#site-navigation .inside-navigation {
		padding: 40px;
	}
	
	nav#site-navigation ul#menu-menu-1 {
		display: flex;
		gap: 25px;
	}
	
	button.menu-toggle {
		transform: skew(0);
	}
	
	button.menu-toggle > span.gp-icon {
		transform: skew(0);
	}
	
	
	button#btn-header-modal {
		padding: 0 45px;
	}
	
	nav#mobile-menu-control-wrapper button.menu-toggle {
		line-height: 0;
		padding: 11px;
	}
	
	nav#mobile-menu-control-wrapper button.menu-toggle span {
		width: 15px;
	}
	
	#masthead .header-navigation {
		padding: 14px 28px;
	}
	
	#masthead button#btn-header-modal span {
		font-size: 14px;
		font-weight: 500;
	}
	
	li.header-navigation-contacts__item a {
        font-size: 14px;
        line-height: 14px;
    }
	
	
}

@media all and (max-width: 768px) {
	.widget button#btn-header-modal {
		padding: 0 45px;
	}
	
	#masthead .header-widget {
	    margin-left: 15px;
	}
	

}

@media all and (max-width: 660px) {
/* 	.header-navigation-contacts__item.email {
		display: none;
	} */
	
	.header-widget {
		display: none;
	}
	
	header .inside-header {
		border-bottom: 1px solid var(--color-light-border);
	}
	
	header#masthead .inside-header .header-navigation {
		padding: 0;
		border: 0;
	}
	
	nav#site-navigation.toggled {
		display: none;
	}
	
	
	button#btn-header-modal {
		width: fit-content;
		padding: 16px 26px;
    	border-radius: 8px;
	}
	
	button#btn-header-modal span {
		font-size: 14px;
	}
	
	.mobile-menu .header-navigation-contacts {
		flex-direction: column;
		align-items: start;
		padding: 35px 0;
		gap: 15px;
	}
	
    .mobile-menu li.header-navigation-contacts__item a {
        font-size: 20px;
        line-height: 20px;
    }
	
}


@media all and (max-width: 480px) {
	/* Скрыть везде кроме мобильного меню */
	.header-navigation-contacts__item.email:not(.mobile-menu *) {
		display: none;
	}
}
@media(max-width: 479px){
	.site-header .header-image {
    width: 73px;
	}	
	.header-navigation-menu {
        margin-left: 5px;
    }
}