@media only screen and (min-width: 320px) {
    /*Article list*/
    .article-list .gb-query-loop-wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        row-gap:20px;
    }
    .article-list .gb-query-loop-item{
        width:48%;
        background:white;
        padding:20px;
        font-size:11px;
    }
    .article-list .gb-query-loop-item h3{
        font-size:12px;
    }
    .article-list .post-scroller-reading-time{
        margin-top:0px;
        font-size:9px;
        align-items: center;
    }
    .gb-query-loop-item .gb-block-image img {
        object-fit: cover;
        height: 250px;
        width: 100%;
    }

    /*Reference list*/
    .reference-list .gb-query-loop-wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        row-gap:40px;
        column-gap:2%;
    }
    .reference-list .gb-query-loop-item{
        width:100%;
    }

    /*Pagination*/
   .gb-query-loop-pagination{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        column-gap:10px;
   }
   .gb-query-loop-pagination .gb-button{
        background:black;
        color:white;
        display:none;
        align-items:center;
        justify-content:center;
        height:30px;
        border:none;
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
   }
   .gb-query-loop-pagination .page-numbers{
        width:30px;
        padding:0px;
        display: flex;
   }
   .gb-query-loop-pagination .gb-button:hover, .gb-query-loop-pagination span.gb-button{
        opacity:1;
        background:var(--green);
        color:black;
   }
}
@media only screen and (min-width: 540px) {
    .reference-list .gb-query-loop-item{
        width:48%;
    }
}


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

    .article-list .gb-query-loop-wrapper{
        row-gap:40px;
    }
    .article-list .gb-query-loop-item{
        width:23%;
    }
    .gb-query-loop-item .gb-block-image img {
        object-fit: cover;
        height: 200px;
        width: 100%;
    }
    /*Reference list*/
    .reference-list .gb-query-loop-wrapper{
        row-gap:40px;
    }
    .reference-list .gb-query-loop-item{
        width:23%;
    }
    .reference-list .gb-query-loop-item .gb-block-image img {
        object-fit: cover;
        height: 200px;
        width: 100%;
    }
    /*Pagination*/
    .gb-query-loop-pagination .page-numbers{
        width:40px;
    }
    .gb-query-loop-pagination .gb-button{
        height:40px;
        font-size:14px;
    }
}


@media only screen and (min-width: 990px) {
    .article-list .gb-query-loop-item{
        font-size:14px;
    }
    .article-list .gb-query-loop-item h3{
        font-size:14px;
    }
    .article-list .post-scroller-reading-time{
        font-size:12px;
    }
    .article-list .article-list-item:hover h3{

    }
}


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