/*********************************************
 * Page Blog Detail
**********************************************/
.site-content__wrapper {
    --bd-width-media:175px;
    --vii-spacing-default:60px;
    --vii-spacing-60:35px;
    --vii-spacing-45:60px;
    --vii-spacing-20:30px;
    max-width:1065px;
}
.site-content__main {
    width:calc(100% - var(--bd-width-media));
    max-width:calc(770px + var(--vii-gap-container)); padding-right:var(--vii-gap-container);
}
.site-content__wrapper aside {width:var(--bd-width-media);}

/* Button back */
.site-content__back {
    text-align:right;
    padding-top:20px; border-top:1px solid rgba(0, 0, 0, .2);
}

/* Related blog */
.vii-related-blog {--vii-spacing-default:0px;}


/*********************************************
 * Page Blog Detail Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .site-content__wrapper {flex-direction:column; --vii-spacing-default:45px;}
    .site-content__main {padding-right:0; width:100%;}
    .site-content__wrapper aside {
        width:100%; margin:20px 0 10px;
        display:flex; justify-content:center;
    }
}