header {
    position: sticky !important;
    top: 30px;
    z-index: 999;
}
header .site-primary-header-wrap{
    max-width: 1300px;
    padding: 16px 24px;
    background: #fff;
    border-radius: 44px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    transition: max-width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 auto;
}
header .site-primary-header-wrap .site-branding.ast-site-identity,
header .site-primary-header-wrap aside.header-widget-area{
    padding: 0;
}
header .site-primary-header-wrap nav.site-navigation ul.main-header-menu{
    gap: 32px;
}
header .site-primary-header-wrap .ast-builder-grid-row{
    grid-template-columns: auto auto auto !important;
}
header .site-primary-header-wrap .site-branding {
    overflow: hidden !important;
    white-space: nowrap;
    display: inline-block;
    width: 100% !important;
    max-width: 249px !important;
    transition: max-width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
header .site-primary-header-wrap .site-branding img,
header .site-primary-header-wrap .site-branding a {
    width: 249px !important;
    max-width: none !important;
    height: auto;
    /*display: block;*/
    object-fit: cover;
    object-position: left center;
}
header.sticky .site-primary-header-wrap {
    max-width: 960px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
header.sticky .site-branding {
    max-width: 50px !important;
}
@media (min-width: 0px) and (max-width: 480px) {
    header{
        top: 10px;
    }
    header .site-primary-header-wrap .ast-builder-grid-row{
        grid-template-columns: auto auto !important;
    }
    header .site-primary-header-wrap .site-branding img, header .site-primary-header-wrap .site-branding a{
        width: 200px !important;
        max-width: none !important;
        display: inline-block;
        object-fit: contain;
    }
    header .site-primary-header-wrap{
        padding: 6px 24px;
    }
    header.sticky .site-branding{
        max-width: 100% !important;
    }
}