.f-blog {
    padding-bottom: 100px
}

@media screen and (max-width: 1023px) {
    .f-blog {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 639px) {
    .f-blog {
        padding-bottom: 60px
    }
}

.f-blog__list {
    gap: 30px
}

@media screen and (max-width: 639px) {
    .f-blog__list {
        gap: 30px 16px
    }
}

.f-blog--sidebar-left .f-row, .f-blog--sidebar-right .f-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.f-blog--sidebar-left .f-blog__wrapper, .f-blog--sidebar-right .f-blog__wrapper {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 1024px) {
    .f-blog--sidebar-left .f-blog__wrapper, .f-blog--sidebar-right .f-blog__wrapper {
        width: 75%
    }
}

.f-blog--sidebar-left .f-row {
    flex-direction: row-reverse
}

.f-blog .f-pagination {
    margin-top: 60px
}

@media screen and (max-width: 639px) {
    .f-blog .f-pagination {
        margin-top: 30px
    }
}