/****************************
 * Header Detail
*****************************/
.site-banner-image {
    aspect-ratio:1280/720;
    max-height:720px;
}
.site-title {max-width:758px;}
.site-title-date-category .vii-date-category {
    margin-bottom:0;
}
.vii-blog-item__date-category {max-width:max-content;}


/****************************
 * Header Detail Responsive
*****************************/
@media only screen and (min-width:1700px) {
    .site-title {max-width:75%;}
    .site-banner-image {max-height:calc(0.5625 * var(--vii-container));}
}
@media only screen and (max-width:1024px) {
    .site-title {max-width:unset;order:1;margin-top:10px;}
    .vii-blog-item__date-category {max-width:unset;}
}