@media screen and (max-width: 1349px) { .menu--trigger {
z-index: 10000;
display: block;
height: 50px;
width: 50px;
bottom: 30px;
left: calc(50% - 25px);
position: fixed;
background-color: var(--yellow);
border-radius: var(--radius);
box-shadow: 0px 10px 30px #18181C66;
background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/ys_icon_open_menu.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px auto;
}
.menu--trigger.active{
background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/ys_icon_close_menu.svg);
}
.menu--trigger.inactive:not(.active){
left: -200%;
}
.site-header.active .site-menu{
display: block;
} .site-menu {
z-index: -1;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
background-color: var(--grey1);
padding-top: 25px;
margin-top: var(--header-height);
height: calc( 100vh - var(--header-height) ) ;
overflow-y: auto;
padding-bottom: 110px;
min-height: calc( 100vh - var(--header-height) - 110px) ;
}
.menu{
display: flex;
flex-direction: column;
max-height: calc( 100vh - var(--header-height) ) ;
overflow-y: auto;
padding: 20px;
}
.submenu{
display: flex;
flex-direction: column;
}
.menu__item--title span:not(.menu-item__new):not(.arrow),
.menu__item > a,
.submenu__title,
.submenu__item a,
.submenu--options__item a{
position: relative;
display: block;
padding: 13px 0;
cursor:  pointer;
}
.menu__item--title span:not(.menu-item__new):not(.arrow)::after,
.submenu__title::after{
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
height: 50px;
width: 50px;
background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/ys_icon_dropdown_arrow.svg);
background-size: 30px;
background-position: center;
background-repeat: no-repeat;
transition: all 0.15s linear;
}
.menu__item--title span.active::after,
.submenu__title.active::after{
transform: rotate(90deg);
}
.submenu__title,
.submenu__item,
.submenu--options__item{
padding-left: 20px;
}
.submenu__item,
.submenu--options__item{
padding-left: 40px;
}
.submenu__item a i,
.submenu--wrap .arrow:not(.blue){
display: none !important;
}
.submenu--thumbnail{
display: none;
}
.submenu--options a{
color: var(--blue);
}
.submenu .menu-item__new{
padding: 4px 8px;
font-size: 1.2rem;
margin-left: 8px;
} .submenu--hardware .submenu__item{
border-top: none;
}
.menu__item,
.submenu__title,
.submenu__item,
.submenu--options__item,
.submenu--hardware .submenu__item:first-of-type{
border-top: 1px solid var(--grey39);
}
.menu__item:last-of-type{
border-bottom: 1px solid var(--grey39);
} .submenu--hardware .submenu--items-wrap{
order: 2;
}
.submenu--hardware .submenu__item{
display: flex;
padding-top: 6px;
padding-bottom: 6px;
}
.submenu--hardware .submenu__item:first-of-type{padding-top: 24px;}
.submenu--hardware .submenu__item:last-of-type{padding-bottom: 24px;}
.submenu--hardware .submenu__item a{
display: flex;
align-items: center;
padding: 13px 0;
}
.submenu--hardware .submenu__item figure{
display: inline-block;
height: 50px;
width: 60px;
margin-right: 20px;
}
.submenu--hardware .submenu__item figure picture{
display: flex;
justify-content: center;
}
.submenu--hardware .submenu__item figure img{
width: auto;
} .submenu--single .submenu__title{
display: none;
}
.submenu--single .submenu__item, 
.submenu--single .submenu--options__item{
padding-left: 20px;
} .submenu--wrap,
.submenu__title ~ ul{
display: none;
}
.menu__item--title.active .submenu--wrap,
.submenu__title.active ~ ul{
display: block;
} .wpml-ls-statics-shortcode_actions{
padding: 0;
margin-top: 10px;
}
.wpml-ls-statics-shortcode_actions ul{
display: flex;
justify-content: center;
column-gap: 25px;
}
.wpml-ls-link span{
display: none;
} .submenu__item--box{
display: flex;
column-gap: 18px;
padding: 24px 0;
align-items: center;
}
.submenu__item--box{
cursor: pointer;
}
.submenu__item--box a:hover{
color: var(--yellow);
}
.submenu__item--box figure{
height: 60px;
width: 60px;
} .menu__item--knowledge.active .submenu--knowledge-insert > ul{
display: block;
}
.menu__item--knowledge .submenu--knowledge{
display: none;
}
}
@media screen and (min-width: 1350px) {
.site-menu {
display: flex;
right: 0;
margin-top: 0;
width: auto;
left: auto;
height: var(--header-height);
}
.menu__item > .submenu--wrap{
display: none;
}
.menu{
display: flex;
position: relative;
padding-right: 30px;
}
.menu__item > span,
.menu__item > a{
position: relative;
display: flex;
align-items: center;
height: var(--header-height);
padding: 0 16px;
cursor: pointer;
font-size: 1.6rem;
white-space: nowrap;
}
.menu__item:not(.menu-item--btn):hover > span::before,
.menu__item:not(.menu-item--btn):hover > a::before{
content: '';
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
display: block;
height: 3px;
background-color: var(--yellow);
}
.menu__item--title:not(.menu-item--btn) > span::after{
content: '';
display: block;
width: 13px;
height: 16px;
margin-left: 6px;
background-position: center 2px;
background-repeat: no-repeat;
background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/sub_menu_arrow.svg);
background-size: 120%;
}
.menu__item:hover > .submenu--wrap,
.menu__item.active > .submenu--wrap{ display: flex;
justify-content: space-between;
position: fixed;
top: var(--header-height);
right: 30px;
padding: 24px 12px;
background-color: var(--grey18);
background-color: var(--grey11);
background-color: var(--grey1e);
border-radius: var(--radius);
}
.menu__item.menu-item--btn{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding-right: 24px;
padding-left: 12px;
}
.menu__item.menu-item--btn a{
height: 48px;
line-height: 48px;
padding: 0 25px;
background-color: var(--yellow);
border-radius: var(--radius);
color: var(--grey1);
font-weight: 600;
}
.menu__item.menu-item--btn a:hover{
background-color: var(--yellow-hover);
}
.submenu{
padding: 0 12px;
}
.submenu__title{
text-transform: uppercase;
font-size: 1.4rem;
margin-bottom: 12px;
color: var(--yellow);
}
.submenu--items-wrap{
display: flex;
flex-direction: column;
Xrow-gap: 24px;
flex-wrap: wrap;
height: 430px;
column-gap: 24px;
}
.submenu__item a{
display: block;
font-size: 1.6rem;
padding: 8px 0;
}
.submenu__item a i{
display: block;
font-size: 1.6rem;
color: var(--grey9);
}
.submenu__item:hover a,
.submenu__item:hover i{
color: var(--yellow);
}
.submenu--options{
display: flex;
padding-top: 24px;
column-gap: 24px;
}
.submenu--options a{
font-size: 1.6rem;
color: var(--blue);
}
.submenu .menu-item__new{
padding: 4px 8px;
font-size: 1.2rem;
margin-left: 8px;
}
.submenu--single,
.submenu--thumbnail{
width: 355px;
}
.submenu--single{
width: 343px;
padding-right: 24px;
}
.submenu--thumbnail figure{
height: 100%;
border-radius: var(--radius);
background-color: var(--grey18);
position: relative;
}
.submenu--thumbnail figure img{
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
} .menu__item--knowledge .submenu--thumbnail{
display: none;
}
.submenu--knowledge .submenu--options{
display: none;
}
.submenu--knowledge .submenu__item::before{
} .submenu__item--box{
display: flex;
column-gap: 18px;
padding: 12px 0;
}
.submenu__item--box{
cursor: pointer;
}
.submenu__item--box a:hover{
color: var(--yellow);
}
.submenu__item--box figure{
height: 60px;
min-width: 60px;
width: 60px;
} .menu__item--lidar .submenu--wrap{
right: 30px;
min-width: 1290px;
max-width: 1600px;
width: 95.555vw;
}
.menu__item--lidar .submenu--wrap{
}
.submenu--hardware .submenu__item{
width: calc( 50% - 12px);
}
.menu__item--lidar .submenu__item figure{
display: none;
}
.submenu--hardware  {width: calc( ( 100% - 355px ) * 0.58 )}
.submenu--software  {width: calc( ( 100% - 355px ) * 0.29 )}
.submenu--support   {width: calc( ( 100% - 355px ) * 0.17 )}
.submenu--hardware  {width: 40%}
.submenu--software  {width: 20%}
.submenu--support   {width: 20%}
.menu__item--lidar .submenu--thumbnail {width: 20%;} .menu .wpml-ls-statics-shortcode_actions{
padding: 0;
}
.menu .wpml-ls-statics-shortcode_actions li.wpml-ls-item{
display: none !important;
align-items: center;
height: calc( var(--header-height) / 2 );
}
.wpml-ls-legacy-list-horizontal > ul{
display: flex;
flex-direction: column;
}
.menu .wpml-ls-statics-shortcode_actions li.wpml-ls-item.wpml-ls-current-language{
height: var(--header-height);
margin-bottom: -27px; 
display: flex !important;
order:  -1;
}
.menu .wpml-ls-statics-shortcode_actions:hover li.wpml-ls-item{
display: flex !important;
}
.menu .wpml-ls-statics-shortcode_actions li.wpml-ls-item a{
display: block;
height: 100%;
}
.wpml-ls-display,
.wpml-ls-native{
display: none;
}
} .arrow{
display: inline-block;
width: 30px;
height: 20px;
padding-left: 4px;
padding-right: 4px;
background-size: 22px 20px;
background-position: 3px 5px;
background-repeat: no-repeat;
transition: background-position-x .21s linear;
}
.arrow.yellow   {background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/arrow_yellow.svg);}
.arrow.blue     {background-image: url(//www.yellowscan.com/wp-content/themes/yellowscan/img/items/arrow_blue.svg);}
a:hover .arrow{
background-position-x: 8px;
}
a .arrow.hover         {visibility: hidden;}
a:hover .arrow.hover   {visibility: visible;}