.main {
    display: grid;
}
.main__box {
    width: calc(100% - 0px);
}

.main__sidebar {
    display: flex;
    flex-direction: column;
    width: calc(100% - 0px);
    margin: 20px 0 20px 0;
    /*margin-left: 15px;*/
}
@media (min-width : 768px) {
    .main {
        grid-template-columns: auto 256px;
        margin-right: 15px;
        max-width: 1150px;
    }

    .main__sidebar {
        display: flex;
        flex-direction: column;
        width: calc(100% - 0px);
        margin: 0 15px 0 15px;
        /*margin-left: 15px;*/
    }
}
@media (min-width : 1280px) {
    .main {

        margin: 0 auto;
    }
    .main__content, .main__posts, .main__posts-box {
        grid-template-rows: auto;
    }
}
.pagination {
    margin-top: 20px;
}