Align To Center Child Divs Inside Parent Div

I'm trying to align a DIV in the middle of the page when the size is less than 768px I have one parent DIV that contains three different DIVs. So I used media queries and within on

Solution 1:

try this:

@media screen and (max-width: 768px)
{
    .display_type, .buttons, .products 
    {
        float:none;
        margin:auto;
    }
}