<style>
div[data-record-type="410"] {
   width: calc(100%/4); /*4-кол-во в ряду*/
   padding: 0 20px;
   box-sizing: border-box;
}
.glwrapper {
    background-color: #f000;
    padding-top: 10px;
    padding-bottom: 100px;
}
.maingl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.t410 .t-col {
    margin:0 auto;
    float: none;
    display: block;
}
.maingl:before, .maingl:after{
    display:none;
}
@media screen and (max-width: 1200px){
div[data-record-type="410"] { padding: 0 10px;}
}
@media screen and (max-width: 960px){
.maingl {display: block}
div[data-record-type="410"] { width: auto; padding: 0;}
}
</style>

<script>
$(document).ready(function(){
    $('div[data-record-type="410"]').wrapAll('<div class="glwrapper"><div class="maingl t-container"></div></div>');
});
</script>