/*
|--------------------------------------------------------------------------
| Render
|--------------------------------------------------------------------------
*/

.render-row{
    display:grid;
    gap:24px;
    margin:0 0 24px;
}

.render-row.columns-1{
    grid-template-columns:1fr;
}

.render-row.columns-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.render-row.columns-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.render-row.columns-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.render-column{
    min-width:0;
}

.render-panel{
    position:relative;
    width:100%;
}

.render-panel img{
    display:block;
    max-width:100%;
    height:auto;
}

@media (max-width:991px){

    .render-row.columns-2,
    .render-row.columns-3,
    .render-row.columns-4{
        grid-template-columns:1fr;
    }

}