section.recent_posts {
    margin-bottom: 80px;
}

section.recent_posts.tiled_collage {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "one two"
        "one three"
        "one four";
    padding-left: 20px;
    padding-right: 20px;
}

section.recent_posts.tiled_collage article.loop_post_card.item-1 {
    grid-area: one;
}

section.recent_posts.tiled_collage article.loop_post_card.item-2 {
    grid-area: two;
}

section.recent_posts.tiled_collage article.loop_post_card.item-3 {
    grid-area: three;
}

section.recent_posts.tiled_collage article.loop_post_card.item-4 {
    grid-area: four;
}


.recent_posts.loop_posts article {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 12px;
}

.recent_posts.loop_posts article a.featured_image {
    width: 50%;
    padding-right: 15px;
}

.recent_posts.loop_posts article .mobile_content {
    display: none;
}

.recent_posts.loop_posts .big_post a.featured_image {
    width: 100%;
    padding-right: 0;
}

.recent_posts.loop_posts article .post_meta {
    margin-top: 5px;
}

.loop_posts .big_post h2 {
    font-size: 28px;
}

.recent_posts.loop_posts article .loop_content {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-left: 15px;
}

.recent_posts.loop_posts .big_post .loop_content {
    width: 100%;
    padding-left: 0;
}



@media only screen and (max-width: 1024px) {

/*
.recent_posts .loop_posts article .loop_content {
    padding-left: 0;
}

.recent_posts .loop_posts article .post_meta {
    margin-bottom: 0;
}

.recent_posts .loop_posts article .loop_content h2 {
    margin-bottom: 0;
}

.loop_posts.small_posts article {
    margin-bottom: 37px;
}*/

section.recent_posts.tiled_collage {
    grid-template-areas:
        "one three"
        "two four";
}

.recent_posts.loop_posts article .mobile_content {
    display: block;
}

.recent_posts.loop_posts article .desktop_content {
    display: none;
}

.recent_posts.loop_posts article a.featured_image {
    width: 100%;
    padding-right: 0;
}

.loop_posts .big_post h2 {
    font-size: 20px;
}

.recent_posts.loop_posts article .loop_content {
    margin-top: 15px;
    width: 100%;
    padding-left: 0;
}

}


@media only screen and (max-width: 767px) {

html.bsui, body {
    overflow-x: hidden;
}

/*
section.recent_posts.tiled_collage {
    grid-template-areas:
        "one"
        "two"
        "three"
        "four";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}*/

section.recent_posts.tiled_collage {
    display: block;
    margin-bottom: 50px;
    overflow: hidden;
    padding-right: 45px;
}


section.recent_posts.tiled_collage .slick-list {
    overflow: visible;
}


.recent_posts.loop_posts article {
    padding: 0 30px 0 0;
}

}