@media only screen and (min-width: 320px) {
    .gb-query-loop-item {
        padding-bottom: 40px;
    }

    .gb-query-loop-item figure img {
        padding-bottom: 10px;
    }

    .gb-query-loop-item h3 {
        margin: 10px 0;
    }

    .gb-query-loop-item p {
        margin-bottom: 5px;
    }

    .gb-query-loop-item .gb-block-image img {
        object-fit: cover;
        height: 330px;
        width: 100%;
        animation:none;
    }
    .gb-query-loop-item:hover img{
        
    }
    .post-list-date{
        font-size:11px;
        font-weight:500;
    }
    .post-list-title{
        font-size:16px;
        font-family:var(--main-font);
        margin-top:0px;
    }
    .post-list-excerpt{
        font-size:12px;
        text-decoration:underline;
    }

    /*Pagination*/
    .gb-query-loop-pagination{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:10px;
    }
    .gb-query-loop-pagination .page-numbers{
        background-color:var(--green);
        color:white;
        border-radius:50px;
        text-decoration:none;
        transition: all 0.3s ease;
        height:40px;
        width:40px;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        font-weight:600;
        padding:0px;
        letter-spacing:unset;
    }
    .gb-query-loop-pagination .page-numbers.gb-block-is-current, .gb-query-loop-pagination .page-numbers:hover{
        background-color:var(--orange);
        color:white;
        opacity:1;
        font-weight:600;
    }
    .gb-query-loop-pagination a.page-numbers:after, .gb-query-loop-pagination a.page-numbers:before{
        display:none;
    }
}
@media only screen and (min-width: 540px) {
}


@media only screen and (min-width: 768px) {
    
}


@media only screen and (min-width: 990px) {
    
}


@media only screen and (min-width: 1280px) {
    
}