.main {
    margin-bottom: 60px;
}

.content, .sidebar {
    margin-bottom: 60px;
    margin-top: 60px;
}

.layout-boxed {
    @media (min-width: $screen-sm-min) {
        margin: 0 auto;
        width: $screen-lg !important;

        &.has-sidenav {
            margin-right: auto;
        }
    }

    @media (max-width: $screen-md-max) and (min-width: $screen-md-min) {
        width: $screen-md !important;
    }

    @media (max-width: $screen-sm-max) and (min-width: $screen-sm-min) {
        width: $screen-sm !important;
    }

    @media (max-width: $screen-xs-max) {
        width: 100%;
    }

    .page-wrapper {
        box-shadow: 0 0 14px rgba(map-get($grey, 800), .15);
    }
}