@media only screen and (max-width: 768px) {
    .theme-name,
    #header-nav,
    aside,
    section,
    .post,
    .post-format,
    .post-title-box,
    .post-side,
    .post-content-box {
        top: 0;
        left: 0;
        opacity: 1;
    }
    header {
        display: block;
    }
    #burger {
        font-size: 2em;
        cursor: pointer;
    }
    #header-nav nav {
        margin: 0;
    }
    .menu {
        display: none;
    }
    .menu ul {
        padding: 0;
        text-align: center;
    }
    .menu li {
        padding: 5px 0;
        display: block;
    }
    .menu li a {
        margin: 0;
    }
    .wrapper {
        display: block;
    }
    .post {
        margin: 0 5px 60px 5px;
    }
    .post-header {
        height: auto;
    }
    .post-title-box {
        padding: 5px;
    }
    .post-body {
        display: block;
    }
    .post-side {
        top: 0;
        left: 0;
        z-index: 1000;
    }
    .post-date-xs {
        margin-bottom: 0px;
    }
    .post-category-xs {
        margin-bottom: 5px;
    }
    .gallery-item {
        cursor: default;
    }
    .float-left-thumbnail {
        margin: 0;
    }
    footer {
        display: block;
    }
}


/* MD */


/* SM */


/* LG */