.page-wrap {
    padding-left: $logged-out-sidebar-width;
    transition: padding-left ease 0.5s;
    .has-header & {
        padding-top: $header-height;
    }
    .logged-out.has-header & {
        padding-top: 0;
    }
    .logged-in & {
        padding-left: $logged-in-sidebar-width;
    }
    .sidebar-hidden & {
        padding-left: 0;
    }
}
@media only screen and (max-width: $media-maxW-md) {
    .page-wrap {
        .logged-out.has-header & {
            padding-top: $header-height;
            padding-left: 0;
        }
    }
}

@media only screen and (max-width: $media-maxW-md) {
    .logged-in .page-wrap {
        padding-left: 0;
    }
}