Mini Shell

<style type="text/css">
<?php echo $idcss ?>{width: 100%; float: left; padding: 0px; background: <?php echo $cor1 ?>;}
<?php echo $idcss ?> h3{color: #fff; font-size: 16px; margin: 0}
<?php echo $idcss ?> .flex{display: flex; justify-content: space-between; align-items: center;}
<?php echo $idcss ?> .grade-icons{color: #777; text-align: center; float: left; display: flex; justify-content: center; align-items: center; margin: 0px 5px; padding: 15px 0}
<?php echo $idcss ?> .grade-icons img{margin: auto; margin-right: 15px;}

@media(max-width: 767px){
    <?php echo $idcss ?> h3{color: #fff; font-size: 14px;}
    <?php echo $idcss ?> .flex{flex-wrap: wrap;}
    <?php echo $idcss ?> .grade-icons{text-align: center !important;}
}

</style>

<div class="clear"></div>
<section id="<?php echo $idCss ?>">
    <div class="container">
        <div class="flex">
            <?php 
            $query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg LIMIT 8";
            $registros = mysqli_query($config, $query) or die(mysqli_error());
            while($row_registros = mysqli_fetch_assoc($registros)){ ?>
                <div class="" data-mh="mygroup">
                    <div class="grade-icons">
                        <img src="<?php echo RAIZ."timthumb.php?src=".RAIZ_UP.$row_registros['registros_imagem'] ?>&zc=2&w=35&h=35" class="img-fluid">
                        <h3><?php echo $row_registros['registros_titulo'] ?></h3>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</section>