.site-main {
    margin-left: var(--sidebar-width);

    padding-top: var(--header-height);

    min-height: 100vh;

    background: var(--bg-primary);

    transition:
        margin-left 0.2s ease;
}


/*
|--------------------------------------------------------------------------
| Main Inner
|--------------------------------------------------------------------------
*/

.main-inner {
    width: 100%;

    max-width: none;

    margin: 0;

    padding: 16px 24px 40px;

    box-sizing: border-box;
}


/*
|--------------------------------------------------------------------------
| Collapsed Sidebar
|--------------------------------------------------------------------------
*/

body.sidebar-collapsed .site-main {
    margin-left: 72px;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 1100px) {

    .main-inner {
        padding-left: 18px;
        padding-right: 18px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {

    .site-main {
        margin-left: 0;
    }

    .main-inner {
        padding: 12px 12px 30px;
    }

}