@media only screen and (max-width:1024px){
	.header-mobile{
		background: #620604;
	    position: fixed;
	    top: 0;
	    left: 0;
	    height: 50px;
	    width: 100%;
	    z-index: 6;
	    box-shadow:0px 0px 16px 10px var(--black10);
	}
	.header-mobile.open{position:static;}
	.header-mobile__logo{
		display: block;
	    width: 100% !important;
    	height: 50px !important;
    	padding:5px;
	}
	.header-mobile__logo > img{width:100%;height:100%; object-fit:contain;}
	.header-container{
	  width: 100%;
	  height: auto;  
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  background: radial-gradient(circle, #B10129 40%, #99002E 100%);
	  overflow-x: hidden;
	  transform: translate3d(0px, -100%, 0px);
	  transition: transform 0.35s;
	  /*display: flex;
	  align-items: center;
	  flex-direction: column;
	  padding-bottom: 100px;
	  padding-top:10px;*/
	}
	 .header-container.open{
	    transform: translate3d(0, 0, 0);
	    transition: transform .35s;
	}
	.bg-overlay{
	    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--primary-2) 90%);
	    width: 100%;
	    height: 30%;
	    left: 0;
	    bottom: 0;
	    display: none;
	    position: fixed;
	    z-index: 5;
	    pointer-events: none;
	}
	.bg-overlay.open{
	    display: block;
	}
	.header-logo{
		margin:10px auto;
		display: block;
	    width: 100% !important;
	    height: 79px !important;
	    padding: 5px;
	}
	.header-logo img{
		width: 100%;
	    height: 100%;
	    object-fit: contain;
	}
	.navbar{
		margin:32px;
		padding:16px;
		position:relative;
		border-radius:16px;
		margin-bottom:100px;
	}
	.navbar li a img{
		width:32px;
		height:32px;
		margin-right:10px;
	}
	.navbar li a{
		display:block;
		padding:8px 0;
		color:#FFBB00;
		font-weight:700;
		position:relative;
	}
	.navbar .separator{
		display:flex;
		align-items:center;
		column-gap:.5rem;
		color:var(--primary);
		font-weight:600;
		font-size:20px;
		padding:10px 0;
	}
	.navbar .separator img{
		width:32px;
		height:auto;
	}
	.navbar li.level1 > a{font-size:20px;}
	.navbar li.level2 > a{
		font-weight:600;
		color:var(--primary-2);
		margin-left:16px;
	}
	.navbar li.parent > a::before,
	.navbar li.parent > a::after{
		position:absolute;
		content: '';
		width:10px;
		height:2px;
		top:50%;
		right:0;
		background-color:var(--primary-2);
	}
	.navbar li.parent > a::before{
		opacity:1;
		transform: rotate(-90deg);
		transition:opacity .35s;
	}
	.navbar li.parent.open > a::before{opacity:0;transition:opacity .35s;}
	.navbar li.parent.open > a::after{background-color:var(--primary-2);}
	.navbar li.active > a{color:var(--primary);}
	.navbar li .submenu{display:none;}	
}

@media screen and (min-width:1025px){
.header-nav-mobile-only{display:none;}
.header-container{
	background-color:#620604;;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    /*max-width:1200px;*/
    margin: 0 auto;
    max-height:80px;
    padding: 0 calc((100vw - 1200px) / 2);
    box-shadow:0px 10px 10px rgb(0 0 0 / 5%);
}
.header-container.topfixed{
	position: fixed;
    top: 0;
    left: 0;
}
.header-logo{
	flex-shrink:0;
	padding:5px;
}
.header-logo > img{
	width:100%;
	height:100%;
	object-fit:fill;
}
.navbar{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 0 auto;
}
.navbar img{
	width:32px;
	height:auto;
}
.navbar a{
	color:var(--primary);
	padding:10px 16px;
	line-height:1.5;
	display:block;
}

.navbar .level1 > a{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:600;
	height:80px;
}
.navbar .level1.parent > a{padding-right:20px;}
.navbar .level1:hover > a,
.navbar .level1 > a:hover,
.navbar .level1.active > a{
	color:#edd5a3;
}
.navbar .separator{
	display:flex;
	align-items:center;
	column-gap:.5rem;
	color:var(--primary);
	font-weight:600;
	padding:10px 15px;
}
.navbar .level2 > a{
	color:var(--primary-2);
	font-weight:600;
}
.navbar .parent.level2 > a:hover{background-color:unset;}
.navbar .level2 a:hover{
	background-color:#f6f6f7;
	border-radius:10px;
}

.navbar .level1.parent > a:after{
	position: absolute;
	content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: .13em;
    border-color: var(--primary) var(--primary) transparent transparent;
    top: calc(50% - 6px);
    right: 5px;
    transform: rotate(135deg);
    transition: transform .3s;
}
.navbar .level1.parent:hover > a:after,
.navbar .level1.parent.active > a:after{
	border-color:var(--primary) var(--primary) transparent transparent;
	top: 50%;
	transform: rotate(315deg);
	transition: transform .3s;
}

#maximenuck442 li.level1 > .submenu {
	position:absolute;
	background-color:var(--white);
	z-index:2;
	transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 15%);
    border-radius: 0 0 14px 14px;
    padding:1rem;
    max-width:var(--submenu-width);
}
#maximenuck442 li.level1:hover > .submenu {
	transform: scaleY(1);
}

#maximenuck442 li.level1 > .submenu-full{
	display:flex;
	flex-wrap:wrap;
	left:0;
	right:0;
	padding: 20px calc((100vw - 1200px) / 2);
}

#maximenuck442 li.level1 > .submenu-left{
	min-width:200px;
	padding:10px;
	column-count: var(--column);
}

.navbar .submenu-2{
	display:flex;
	flex-wrap:wrap;
}
.navbar .submenu-1 li,
.navbar .submenu-2 li{
	width:calc(100% / var(--column));
}

.navbar .level3 a{font-size:14px;display:block;color:var(--primary-2);}

/* contact */
.header-right{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.header-hotline__icon,
.header-form__icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 10px;
    flex:0 0 auto;
    animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
    <!-- filter: invert(51%) sepia(93%) saturate(421%) hue-rotate(155deg) brightness(74%) contrast(112%); -->
}
.header-form__icon{
	animation:1s ease-in-out 0s normal none infinite running tada;
}
.header-hotline__content span{display:block;font-size:12px;line-height:1.3;}
.header-hotline__content a{
	font-weight:600; 
	font-size:22px;
	background: linear-gradient(-90deg, rgb(201, 14, 14), rgb(187, 115, 8));
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    color: #fff;
}
.header-hotline__content a svg{
	animation:1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
.header-form a{line-height:1.2;}
}/* end style desktop */