.post-blog__item {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.post-blog__item-post{
    flex-basis: calc((100% - 48px)/4);
}

.post-blog__head{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post-blog .post-blog__heading {
    margin: 0;
}

.post-blog__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.post-blog__pagination ul{
    display: flex;
    align-items: center;
}

.post-blog__pagination ul li a{
    display: flex;
}

.pagination-numbers {
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid #0D1922;
}

.pagination-numbers li a, .pagination-numbers li span{
    font-size: 16px;
    color: #202029;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-numbers li span {
    background: #0D1922;
    color: #FFFFFF;
}

.pagination-next a, .pagination-prev a {
    display: flex;
    border: 1px solid #0D1922;
    border-radius: 100px;
}


@media screen and (min-width: 1023.98px) and (max-width: 1200px) {
    .post-blog__item-post{
        flex-basis: calc((100% - 32px)/3);
    }
}

@media screen and (min-width: 767px) and (max-width: 1022px) {
    .post-blog__item-post{
        flex-basis: calc((100% - 16px)/2);
    }
}

@media screen and (min-width: 1023.98px) {
    .post-blog__pagination {
        margin-top: 30px;
    }

    .pagination-next a, .pagination-prev a {
        padding: 11px 32px;
    }

}

@media screen and (max-width: 1023.99px) {
.post-blog__head{
    margin-bottom: 24px;
}

    .post-blog__pagination {
        margin-top: 24px;
    }

    .pagination-next a, .pagination-prev a {
        padding: 11px 24px;
    }

    .post-blog__head {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

}

@media screen and (max-width: 766.98px) {
    .post-blog__item{
        flex-direction: column;
        gap: 14px;
    }

}

@media screen and (max-width: 375px) {
    .post-blog .std-filter .select2 {
        min-width: 171px !important;
    }

    .post-blog .std-filter .select2-selection__rendered {
        max-width: 120px !important;
    }
}