﻿@media screen and (max-width:480px) {
    .grid-container {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    /* Grid >> Global
    ----------------------------------------------------------------------------------------------------*/


    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4 {
        display: block;
        float: none;
        position: static;
        margin: 0;
    }


    /*
    .push-1, .pull-1,
    .push-2, .pull-2,
    .push-3, .pull-3,
    .push-4, .pull-4 {
	    position:relative;
    }

    */

    /* Grid >> 4 Columns
    ----------------------------------------------------------------------------------------------------*/


    .grid-container .grid-1,
    .grid-container .grid-2,
    .grid-container .grid-3,
    .grid-container .grid-4 {
        width: auto;
    }




    /* Prefix Extra Space >> 4 Columns
    ----------------------------------------------------------------------------------------------------*/

    /*
    .grid-container .prefix-1 {
	    padding-left:240px;
    }

    .grid-container .prefix-2 {
	    padding-left:480px;
    }

    .grid-container .prefix-3 {
	    padding-left:720px;
    }

    */

    /* Suffix Extra Space >> 4 Columns
    ----------------------------------------------------------------------------------------------------*/

    /*
    .grid-container .suffix-1 {
	    padding-right:240px;
    }

    .grid-container .suffix-2 {
	    padding-right:480px;
    }

    .grid-container .suffix-3 {
	    padding-right:720px;
    }
    */


    /* Push Space >> 4 Columns
    ----------------------------------------------------------------------------------------------------*/

    /*
    .grid-container .push-1 {
	    left:240px;
    }

    .grid-container .push-2 {
	    left:480px;
    }

    .grid-container .push-3 {
	    left:720px;
    }
    */


    /* Pull Space >> 4 Columns
    ----------------------------------------------------------------------------------------------------*/

    /*
    .grid-container .pull-1 {
	    left:-240px;
    }

    .grid-container .pull-2 {
	    left:-480px;
    }

    .grid-container .pull-3 {
	    left:-720px;
    }
    */
}
