header.sticky{
    top:0px;
}
@media(max-width:1024px){
    .main {
        padding-top: 235px;
    }
    header{
        top: 105px;
    }
     header::after{
        content: '';
        position: absolute;
        top:-110px;
        left:0px;
        background: #fff;
        width: 100%;
        height: 110px;
        z-index: -1;
    }
    .header-trigger .close-trigger{
		bottom: 420%;
    }
    header:not(.sticky) ~ .main .header-nav.active{
        top: 166px;
    }
    .header-nav {
		top: 61px;
    }
    .sticky + .main .header-nav.active{
        top: 64px;
    }    header:not(.sticky) #bx-panel{
        top: 105px !important;
    }
}

@media(min-width:1025px) {
    header:not(.sticky) #bx-panel{
        top: 105px !important;
    }
    .main {
        padding-top: 210px;
    }
    header{
        top: 105px;
    }
    header::after{
        content: '';
        position: absolute;
        top:-110px;
        left:0px;
        background: #f5f5f5;
        width: 100%;
        height: 110px;
        z-index: -1;
    }
}