@media screen and (min-width: 992px) {
    header .layui-container>.flex{
        padding-top: 0;
    }
    header .layui-container>.flex .secondary-nav {
        padding-top: var(--size-24);
    }
    .header-nav .layui-nav .layui-nav-item>a{
        padding: var(--size-18) 0;
    }
    .header-main  .layui-nav.nav-horizon .layui-nav-item{
        margin: 0 var(--size-12);
    }
    
    .header-white header.fixed .header-main{
        position: unset;
        box-shadow: unset;
    }
    .header-white header.fixed{
        position: fixed;
        top: 0;
        background-color: var(--color-primary);
        box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    }
}

@media screen and (max-width: 1439px) {
    .layui-nav.nav-horizon .layui-nav-more{
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    header .logo img{
        height: var(--size-48);
    }
}
@media screen and (max-width: 1199px) and (min-width: 991px) {
    
    .header-main  .layui-nav.nav-horizon .layui-nav-item{
        margin: 0 var(--size-9);
    }
}

@media screen and (max-width: 991.9px) {
    .header-main {
        right: 0;
        top: 0;
        bottom: 0;
        height: unset;
    }
    header .layui-container > .flex{
        align-items: center;
    }
    header .header-nav .layui-nav{
        height: 100vh;
    }
}