@media only screen and (max-width: 1365px){
    #header-menu-1 .menu-item:not(#menu-item-1206) a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 1199px) {
    .blog-post-item .post-thumbnail img{
        max-width: 230px
    }
}
@media only screen and (max-width: 991px) {
    .blog-post-item {
        flex: 0 0 calc(50% - calc(var(--gap-60) / 2))
    }
    .blog-post-item .post-thumbnail img{
        max-width: 300px
    }
}
@media only screen and (max-width: 768px) {
    .custom-blog-loop{
        padding: 40px 16px
    }
    .blog-post-item {
        flex: 0 0 100%;
        width: 100%
    }
}