/******************************************************************************
 *
 *  GENERAL GRID STATEMENTS.
 *
 */

    /**
     * Generic, clearing containers. 
     */

    .clear, 
    .row, 
    .panel,
    .container {
        width: auto;
        min-height: 1px;
    }

    .clear::after, 
    .row::after,
    .panel::after,
    .container::after,
    [class*="column"]::after {
        content: "";
        display: table;
        clear: both;
    }
    


    /**
     * Grid rows and columns. 
     */

    .row .row {
        margin: 0 -3rem; 
    }

    .row > .row {
        margin: 0 auto; 
    }

    [class*="column"] {
        float: left;
        min-height: 1px;
        padding: 0 3rem;
    }



    /**
     * Grid column contents.
     */
    
    .panel {
        width: 100%;
        margin: 0 auto;
        padding: 0 3rem;
    }



    /**
     * The nexus, a clean grid with no horizontal gutters.
     */

    .nexus .row, 
    .row.nexus {
        margin: 0 auto;
    }

    .nexus [class*="column"], 
    [class*="column"].nexus {
        padding-left: 0;
        padding-right: 0;
    }

/*
 *  END GENERAL GRID STATEMENTS.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * GENERIC (BIG) SCREEN SIZE.
 *
 */

    /**
     * Structural elements generic big screen size.
     */

    .hidden {
        display: none;
    }

    .block {
        float: none;
        display: block;
        width: 100%; 
    }

    .inline {
        float: none;
        display: inline-block;
        width: auto;
        max-width: none;
    }

    .center {
        margin-left: auto; 
        margin-right: auto; 
        float: none;
        display: block;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }



    /**
     * Grid columns generic big screen screen size.
     */

    .column-5,
    .column-1-20 {
        width: 5%;
    }

    .column-10,
    .column-2-20,
    .column-1-10 {
        width: 10%;
    }

    .column-12,
    .column-1-8 {
        width: 12.5%;
    }

    .column-15 {
        width: 15%;
    }

    .column-17,
    .column-1-6 {
        width: 16.666666%;
    }

    .column-20,
    .column-2-10,
    .column-1-5 {
        width: 20%;
    }

    .column-25,
    .column-5-20,
    .column-2-8,
    .column-1-4,
    .column-quarter {
        width: 25%;
    }

    .column-30,
    .column-6-20,
    .column-3-10 {
        width: 30%;
    }

    .column-33,
    .column-2-6,
    .column-1-3,
    .column-third {
        width: 33.333333%;
    }

    .column-35 {
        width: 35%;
    }

    .column-37,
    .column-3-8 {
        width: 37.5%;
    }

    .column-40,
    .column-8-20,
    .column-4-10,
    .column-2-5 {
        width: 40%;
    }

    .column-45 {
        width: 45%;
    }

    .column-50,
    .column-10-20,
    .column-5-10,
    .column-4-8,
    .column-3-6,
    .column-2-4,
    .column-1-2,
    .column-half {
        width: 50%;
    }

    .column-55 {
        width: 55%;
    }

    .column-60,
    .column-12-20,
    .column-6-10,
    .column-3-5 {
        width: 60%;
    }

    .column-63,
    .column-5-8 {
        width: 62.5%;
    }

    .column-65 {
        width: 65%;
    }

    .column-67,
    .column-4-6,
    .column-2-3,
    .column-two-thirds {
        width: 66.666666%;
    }

    .column-70,
    .column-14-20,
    .column-7-10 {
        width: 70%;
    }

    .column-75,
    .column-15-20,
    .column-6-8,
    .column-3-4,
    .column-three-quarters {
        width: 75%;
    }

    .column-80,
    .column-16-20,
    .column-8-10,
    .column-4-5 {
        width: 80%;
    }

    .column-84,
    .column-5-6 {
        width: 83.333333%;
    }

    .column-85 {
        width: 85%;
    }

    .column-87-5,
    .column-7-8 {
        width: 87.5%;
    }

    .column-90,
    .column-18-20,
    .column-9-10 {
        width: 90%;
    }

    .column-95 {
        width: 95%;
    }

    .column-100,
    .column-full {
        width: 100%;
    }



    /**
     * Grid margins generic big screen size.
     */

    .margin-0 {
        margin-left: 0;
    }

    .margin-5,
    .margin-1-20 {
        margin-left: 5%;
    }

    .margin-10,
    .margin-2-20,
    .margin-1-10 {
        margin-left: 10%;
    }

    .margin-15 {
        margin-left: 15%;
    }

    .margin-12,
    .margin-1-8 {
        margin-left: 12.5%;
    }

    .margin-15 {
        margin-left: 15%;
    }

    .margin-17,
    .margin-1-6 {
        margin-left: 16.666666%;
    }

    .margin-20,
    .margin-2-10,
    .margin-1-5 {
        margin-left: 20%;
    }

    .margin-25,
    .margin-5-20,
    .margin-2-8,
    .margin-1-4 {
        margin-left: 25%;
    }

    .margin-30,
    .margin-6-20,
    .margin-3-10 {
        margin-left: 30%;
    }

    .margin-33,
    .margin-2-6,
    .margin-1-3 {
        margin-left: 33.333333%;
    }

    .margin-35 {
        margin-left: 35%;
    }

    .margin-37,
    .margin-3-8 {
        margin-left: 37.5%;
    }

    .margin-40,
    .margin-8-20,
    .margin-4-10,
    .margin-2-5 {
        margin-left: 40%;
    }

    .margin-45 {
        margin-left: 45%;
    }

    .margin-50,
    .margin-10-20,
    .margin-5-10,
    .margin-4-8,
    .margin-3-6,
    .margin-2-4,
    .margin-1-2 {
        margin-left: 50%;
    }

    .margin-55 {
        margin-left: 55%;
    }

    .margin-60,
    .margin-12-20,
    .margin-6-10,
    .margin-3-5 {
        margin-left: 60%;
    }

    .margin-63,
    .margin-5-8 {
        margin-left: 62.5%;
    }

    .margin-65 {
        margin-left: 65%;
    }

    .margin-67,
    .margin-4-6,
    .margin-2-3 {
        margin-left: 66.666666%;
    }

    .margin-70,
    .margin-14-20,
    .margin-7-10 {
        margin-left: 70%;
    }

    .margin-75,
    .margin-15-20,
    .margin-6-8,
    .margin-3-4 {
        margin-left: 75%;
    }

    .margin-80,
    .margin-16-20,
    .margin-8-10,
    .margin-4-5 {
        margin-left: 80%;
    }

    .margin-84,
    .margin-5-6 {
        margin-left: 83.333333%;
    }

    .margin-85 {
        margin-left: 85%;
    }

    .margin-87-5,
    .margin-7-8 {
        margin-left: 87.5%;
    }

    .margin-90,
    .margin-18-20,
    .margin-9-10 {
        margin-left: 90%;
    }

    .margin-95 {
        margin-left: 95%;
    }

/*
 *  END GENERIC (BIG) SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 *  EXTRA LARGE DESKTOP SCREEN SIZE.
 *
 */

    @media screen and (min-width: 1601px) {

        /**
         * Structural elements xlarge screen size.
         */

        .xlarge-hidden {
            display: none;
        }

        .xlarge-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .xlarge-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .xlarge-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .xlarge-left {
            float: left;
        }

        .xlarge-right {
            float: right;
        }



        /**
         * Grid columns xlarge screen size.
         */

        .xlarge-column-5,
        .xlarge-column-1-20 {
            width: 5%;
        }

        .xlarge-column-10,
        .xlarge-column-2-20,
        .xlarge-column-1-10 {
            width: 10%;
        }

        .xlarge-column-12,
        .xlarge-column-1-8 {
            width: 12.5%;
        }

        .xlarge-column-15 {
            width: 15%;
        }

        .xlarge-column-17,
        .xlarge-column-1-6 {
            width: 16.666666%;
        }

        .xlarge-column-20,
        .xlarge-column-2-10,
        .xlarge-column-1-5 {
            width: 20%;
        }

        .xlarge-column-25,
        .xlarge-column-5-20,
        .xlarge-column-2-8,
        .xlarge-column-1-4 {
            width: 25%;
        }

        .xlarge-column-30,
        .xlarge-column-6-20,
        .xlarge-column-3-10 {
            width: 30%;
        }

        .xlarge-column-33,
        .xlarge-column-2-6,
        .xlarge-column-1-3 {
            width: 33.333333%;
        }

        .xlarge-column-35 {
            width: 35%;
        }

        .xlarge-column-37,
        .xlarge-column-3-8 {
            width: 37.5%;
        }

        .xlarge-column-40,
        .xlarge-column-8-20,
        .xlarge-column-4-10,
        .xlarge-column-2-5 {
            width: 40%;
        }

        .xlarge-column-45 {
            width: 45%;
        }

        .xlarge-column-50,
        .xlarge-column-10-20,
        .xlarge-column-5-10,
        .xlarge-column-4-8,
        .xlarge-column-3-6,
        .xlarge-column-2-4,
        .xlarge-column-1-2 {
            width: 50%;
        }

        .xlarge-column-55 {
            width: 55%;
        }

        .xlarge-column-60,
        .xlarge-column-12-20,
        .xlarge-column-6-10,
        .xlarge-column-3-5 {
            width: 60%;
        }

        .xlarge-column-63,
        .xlarge-column-5-8 {
            width: 62.5%;
        }

        .xlarge-column-65 {
            width: 65%;
        }

        .xlarge-column-67,
        .xlarge-column-4-6,
        .xlarge-column-2-3 {
            width: 66.666666%;
        }

        .xlarge-column-70,
        .xlarge-column-14-20,
        .xlarge-column-7-10 {
            width: 70%;
        }

        .xlarge-column-75,
        .xlarge-column-15-20,
        .xlarge-column-6-8,
        .xlarge-column-3-4 {
            width: 75%;
        }

        .xlarge-column-80,
        .xlarge-column-16-20,
        .xlarge-column-8-10,
        .xlarge-column-4-5 {
            width: 80%;
        }

        .xlarge-column-84,
        .xlarge-column-5-6 {
            width: 83.333333%;
        }

        .xlarge-column-85 {
            width: 85%;
        }

        .xlarge-column-87-5,
        .xlarge-column-7-8 {
            width: 87.5%;
        }

        .xlarge-column-90,
        .xlarge-column-18-20,
        .xlarge-column-9-10 {
            width: 90%;
        }

        .xlarge-column-95 {
            width: 95%;
        }

        .xlarge-column-100 {
            width: 100%;
        }



        /**
         * Grid margins xlarge screen size.
         */

        .xlarge-margin-0 {
            margin-left: 0;
        }

        .xlarge-margin-5,
        .xlarge-margin-1-20 {
            margin-left: 5%;
        }

        .xlarge-margin-10,
        .xlarge-margin-2-20,
        .xlarge-margin-1-10 {
            margin-left: 10%;
        }

        .xlarge-margin-15 {
            margin-left: 15%;
        }

        .xlarge-margin-12,
        .xlarge-margin-1-8 {
            margin-left: 12.5%;
        }

        .xlarge-margin-15 {
            margin-left: 15%;
        }

        .xlarge-margin-17,
        .xlarge-margin-1-6 {
            margin-left: 16.666666%;
        }

        .xlarge-margin-20,
        .xlarge-margin-2-10,
        .xlarge-margin-1-5 {
            margin-left: 20%;
        }

        .xlarge-margin-25,
        .xlarge-margin-5-20,
        .xlarge-margin-2-8,
        .xlarge-margin-1-4 {
            margin-left: 25%;
        }

        .xlarge-margin-30,
        .xlarge-margin-6-20,
        .xlarge-margin-3-10 {
            margin-left: 30%;
        }

        .xlarge-margin-33,
        .xlarge-margin-2-6,
        .xlarge-margin-1-3 {
            margin-left: 33.333333%;
        }

        .xlarge-margin-35 {
            margin-left: 35%;
        }

        .xlarge-margin-37,
        .xlarge-margin-3-8 {
            margin-left: 37.5%;
        }

        .xlarge-margin-4,
        .xlarge-margin-8-20,
        .xlarge-margin-4-10,
        .xlarge-margin-2-5 {
            margin-left: 40%;
        }

        .xlarge-margin-45 {
            margin-left: 45%;
        }

        .xlarge-margin-50,
        .xlarge-margin-10-20,
        .xlarge-margin-5-10,
        .xlarge-margin-4-8,
        .xlarge-margin-3-6,
        .xlarge-margin-2-4,
        .xlarge-margin-1-2 {
            margin-left: 50%;
        }

        .xlarge-margin-55 {
            margin-left: 55%;
        }

        .xlarge-margin-60,
        .xlarge-margin-12-20,
        .xlarge-margin-6-10,
        .xlarge-margin-3-5 {
            margin-left: 60%;
        }

        .xlarge-margin-63,
        .xlarge-margin-5-8 {
            margin-left: 62.5%;
        }

        .xlarge-margin-65 {
            margin-left: 65%;
        }

        .xlarge-margin-67,
        .xlarge-margin-4-6,
        .xlarge-margin-2-3 {
            margin-left: 66.666666%;
        }

        .xlarge-margin-70,
        .xlarge-margin-14-20,
        .xlarge-margin-7-10 {
            margin-left: 70%;
        }

        .xlarge-margin-75,
        .xlarge-margin-15-20,
        .xlarge-margin-6-8,
        .xlarge-margin-3-4 {
            margin-left: 75%;
        }

        .xlarge-margin-80,
        .xlarge-margin-16-20,
        .xlarge-margin-8-10,
        .xlarge-margin-4-5 {
            margin-left: 80%;
        }

        .xlarge-margin-84,
        .xlarge-margin-5-6 {
            margin-left: 83.333333%;
        }

        .xlarge-margin-85 {
            margin-left: 85%;
        }

        .xlarge-margin-87-5,
        .xlarge-margin-7-8 {
            margin-left: 87.5%;
        }

        .xlarge-margin-90,
        .xlarge-margin-18-20,
        .xlarge-margin-9-10 {
            margin-left: 90%;
        }

        .xlarge-margin-95 {
            margin-left: 95%;
        }

    }

/*
 *  END EXTRA LARGE DESKTOP SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * LARGE DESKTOP SCREEN SIZE.
 *
 */

    @media screen and (max-width: 1600px) {

        /**
         * Structural elements large screen size.
         */

        .large-hidden {
            display: none;
        }

        .large-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .large-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .large-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .large-left {
            float: left;
        }

        .large-right {
            float: right;
        }



        /**
         * Grid columns large screen size.
         */

        .large-column-5,
        .large-column-1-20 {
            width: 5%;
        }

        .large-column-10,
        .large-column-2-20,
        .large-column-1-10 {
            width: 10%;
        }

        .large-column-12,
        .large-column-1-8 {
            width: 12.5%;
        }

        .large-column-15 {
            width: 15%;
        }

        .large-column-17,
        .large-column-1-6 {
            width: 16.666666%;
        }

        .large-column-20,
        .large-column-2-10,
        .large-column-1-5 {
            width: 20%;
        }

        .large-column-25,
        .large-column-5-20,
        .large-column-2-8,
        .large-column-1-4 {
            width: 25%;
        }

        .large-column-30,
        .large-column-6-20,
        .large-column-3-10 {
            width: 30%;
        }

        .large-column-33,
        .large-column-2-6,
        .large-column-1-3 {
            width: 33.333333%;
        }

        .large-column-35 {
            width: 35%;
        }

        .large-column-37,
        .large-column-3-8 {
            width: 37.5%;
        }

        .large-column-40,
        .large-column-8-20,
        .large-column-4-10,
        .large-column-2-5 {
            width: 40%;
        }

        .large-column-45 {
            width: 45%;
        }

        .large-column-50,
        .large-column-10-20,
        .large-column-5-10,
        .large-column-4-8,
        .large-column-3-6,
        .large-column-2-4,
        .large-column-1-2 {
            width: 50%;
        }

        .large-column-55 {
            width: 55%;
        }

        .large-column-60,
        .large-column-12-20,
        .large-column-6-10,
        .large-column-3-5 {
            width: 60%;
        }

        .large-column-63,
        .large-column-5-8 {
            width: 62.5%;
        }

        .large-column-65 {
            width: 65%;
        }

        .large-column-67,
        .large-column-4-6,
        .large-column-2-3 {
            width: 66.666666%;
        }

        .large-column-70,
        .large-column-14-20,
        .large-column-7-10 {
            width: 70%;
        }

        .large-column-75,
        .large-column-15-20,
        .large-column-6-8,
        .large-column-3-4 {
            width: 75%;
        }

        .large-column-80,
        .large-column-16-20,
        .large-column-8-10,
        .large-column-4-5 {
            width: 80%;
        }

        .large-column-84,
        .large-column-5-6 {
            width: 83.333333%;
        }

        .large-column-85 {
            width: 85%;
        }

        .large-column-87-5,
        .large-column-7-8 {
            width: 87.5%;
        }

        .large-column-90,
        .large-column-18-20,
        .large-column-9-10 {
            width: 90%;
        }

        .large-column-95 {
            width: 95%;
        }

        .large-column-100 {
            width: 100%;
        }



        /**
         * Grid margins large screen size.
         */

        .large-margin-0 {
            margin-left: 0;
        }

        .large-margin-5,
        .large-margin-1-20 {
            margin-left: 5%;
        }

        .large-margin-10,
        .large-margin-2-20,
        .large-margin-1-10 {
            margin-left: 10%;
        }

        .large-margin-15 {
            margin-left: 15%;
        }

        .large-margin-12,
        .large-margin-1-8 {
            margin-left: 12.5%;
        }

        .large-margin-15 {
            margin-left: 15%;
        }

        .large-margin-17,
        .large-margin-1-6 {
            margin-left: 16.666666%;
        }

        .large-margin-20,
        .large-margin-2-10,
        .large-margin-1-5 {
            margin-left: 20%;
        }

        .large-margin-25,
        .large-margin-5-20,
        .large-margin-2-8,
        .large-margin-1-4 {
            margin-left: 25%;
        }

        .large-margin-30,
        .large-margin-6-20,
        .large-margin-3-10 {
            margin-left: 30%;
        }

        .large-margin-33,
        .large-margin-2-6,
        .large-margin-1-3 {
            margin-left: 33.333333%;
        }

        .large-margin-35 {
            margin-left: 35%;
        }

        .large-margin-37,
        .large-margin-3-8 {
            margin-left: 37.5%;
        }

        .large-margin-4,
        .large-margin-8-20,
        .large-margin-4-10,
        .large-margin-2-5 {
            margin-left: 40%;
        }

        .large-margin-45 {
            margin-left: 45%;
        }

        .large-margin-50,
        .large-margin-10-20,
        .large-margin-5-10,
        .large-margin-4-8,
        .large-margin-3-6,
        .large-margin-2-4,
        .large-margin-1-2 {
            margin-left: 50%;
        }

        .large-margin-55 {
            margin-left: 55%;
        }

        .large-margin-60,
        .large-margin-12-20,
        .large-margin-6-10,
        .large-margin-3-5 {
            margin-left: 60%;
        }

        .large-margin-63,
        .large-margin-5-8 {
            margin-left: 62.5%;
        }

        .large-margin-65 {
            margin-left: 65%;
        }

        .large-margin-67,
        .large-margin-4-6,
        .large-margin-2-3 {
            margin-left: 66.666666%;
        }

        .large-margin-70,
        .large-margin-14-20,
        .large-margin-7-10 {
            margin-left: 70%;
        }

        .large-margin-75,
        .large-margin-15-20,
        .large-margin-6-8,
        .large-margin-3-4 {
            margin-left: 75%;
        }

        .large-margin-80,
        .large-margin-16-20,
        .large-margin-8-10,
        .large-margin-4-5 {
            margin-left: 80%;
        }

        .large-margin-84,
        .large-margin-5-6 {
            margin-left: 83.333333%;
        }

        .large-margin-85 {
            margin-left: 85%;
        }

        .large-margin-87-5,
        .large-margin-7-8 {
            margin-left: 87.5%;
        }

        .large-margin-90,
        .large-margin-18-20,
        .large-margin-9-10 {
            margin-left: 90%;
        }

        .large-margin-95 {
            margin-left: 95%;
        }

    }

/*
 * END LARGE DESKTOP SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * DESKTOP SCREEN SIZE.
 *
 */

    @media screen and (max-width: 1440px) {

        /**
         * Structural elements desktop screen size.
         */

        .desktop-hidden {
            display: none;
        }

        .desktop-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .desktop-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .desktop-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .desktop-left {
            float: left;
        }

        .desktop-right {
            float: right;
        }



        /**
         * Grid columns desktop screen size.
         */

        .desktop-column-5,
        .desktop-column-1-20 {
            width: 5%;
        }

        .desktop-column-10,
        .desktop-column-2-20,
        .desktop-column-1-10 {
            width: 10%;
        }

        .desktop-column-12,
        .desktop-column-1-8 {
            width: 12.5%;
        }

        .desktop-column-15 {
            width: 15%;
        }

        .desktop-column-17,
        .desktop-column-1-6 {
            width: 16.666666%;
        }

        .desktop-column-20,
        .desktop-column-2-10,
        .desktop-column-1-5 {
            width: 20%;
        }

        .desktop-column-25,
        .desktop-column-5-20,
        .desktop-column-2-8,
        .desktop-column-1-4 {
            width: 25%;
        }

        .desktop-column-30,
        .desktop-column-6-20,
        .desktop-column-3-10 {
            width: 30%;
        }

        .desktop-column-33,
        .desktop-column-2-6,
        .desktop-column-1-3 {
            width: 33.333333%;
        }

        .desktop-column-35 {
            width: 35%;
        }

        .desktop-column-37,
        .desktop-column-3-8 {
            width: 37.5%;
        }

        .desktop-column-40,
        .desktop-column-8-20,
        .desktop-column-4-10,
        .desktop-column-2-5 {
            width: 40%;
        }

        .desktop-column-45 {
            width: 45%;
        }

        .desktop-column-50,
        .desktop-column-10-20,
        .desktop-column-5-10,
        .desktop-column-4-8,
        .desktop-column-3-6,
        .desktop-column-2-4,
        .desktop-column-1-2 {
            width: 50%;
        }

        .desktop-column-55 {
            width: 55%;
        }

        .desktop-column-60,
        .desktop-column-12-20,
        .desktop-column-6-10,
        .desktop-column-3-5 {
            width: 60%;
        }

        .desktop-column-63,
        .desktop-column-5-8 {
            width: 62.5%;
        }

        .desktop-column-65 {
            width: 65%;
        }

        .desktop-column-67,
        .desktop-column-4-6,
        .desktop-column-2-3 {
            width: 66.666666%;
        }

        .desktop-column-70,
        .desktop-column-14-20,
        .desktop-column-7-10 {
            width: 70%;
        }

        .desktop-column-75,
        .desktop-column-15-20,
        .desktop-column-6-8,
        .desktop-column-3-4 {
            width: 75%;
        }

        .desktop-column-80,
        .desktop-column-16-20,
        .desktop-column-8-10,
        .desktop-column-4-5 {
            width: 80%;
        }

        .desktop-column-84,
        .desktop-column-5-6 {
            width: 83.333333%;
        }

        .desktop-column-85 {
            width: 85%;
        }

        .desktop-column-87-5,
        .desktop-column-7-8 {
            width: 87.5%;
        }

        .desktop-column-90,
        .desktop-column-18-20,
        .desktop-column-9-10 {
            width: 90%;
        }

        .desktop-column-95 {
            width: 95%;
        }

        .desktop-column-100 {
            width: 100%;
        }



        /**
         * Grid margins desktop screen size.
         */

        .desktop-margin-0 {
            margin-left: 0;
        }

        .desktop-margin-5,
        .desktop-margin-1-20 {
            margin-left: 5%;
        }

        .desktop-margin-10,
        .desktop-margin-2-20,
        .desktop-margin-1-10 {
            margin-left: 10%;
        }

        .desktop-margin-15 {
            margin-left: 15%;
        }

        .desktop-margin-12,
        .desktop-margin-1-8 {
            margin-left: 12.5%;
        }

        .desktop-margin-15 {
            margin-left: 15%;
        }

        .desktop-margin-17,
        .desktop-margin-1-6 {
            margin-left: 16.666666%;
        }

        .desktop-margin-20,
        .desktop-margin-2-10,
        .desktop-margin-1-5 {
            margin-left: 20%;
        }

        .desktop-margin-25,
        .desktop-margin-5-20,
        .desktop-margin-2-8,
        .desktop-margin-1-4 {
            margin-left: 25%;
        }

        .desktop-margin-30,
        .desktop-margin-6-20,
        .desktop-margin-3-10 {
            margin-left: 30%;
        }

        .desktop-margin-33,
        .desktop-margin-2-6,
        .desktop-margin-1-3 {
            margin-left: 33.333333%;
        }

        .desktop-margin-35 {
            margin-left: 35%;
        }

        .desktop-margin-37,
        .desktop-margin-3-8 {
            margin-left: 37.5%;
        }

        .desktop-margin-4,
        .desktop-margin-8-20,
        .desktop-margin-4-10,
        .desktop-margin-2-5 {
            margin-left: 40%;
        }

        .desktop-margin-45 {
            margin-left: 45%;
        }

        .desktop-margin-50,
        .desktop-margin-10-20,
        .desktop-margin-5-10,
        .desktop-margin-4-8,
        .desktop-margin-3-6,
        .desktop-margin-2-4,
        .desktop-margin-1-2 {
            margin-left: 50%;
        }

        .desktop-margin-55 {
            margin-left: 55%;
        }

        .desktop-margin-60,
        .desktop-margin-12-20,
        .desktop-margin-6-10,
        .desktop-margin-3-5 {
            margin-left: 60%;
        }

        .desktop-margin-63,
        .desktop-margin-5-8 {
            margin-left: 62.5%;
        }

        .desktop-margin-65 {
            margin-left: 65%;
        }

        .desktop-margin-67,
        .desktop-margin-4-6,
        .desktop-margin-2-3 {
            margin-left: 66.666666%;
        }

        .desktop-margin-70,
        .desktop-margin-14-20,
        .desktop-margin-7-10 {
            margin-left: 70%;
        }

        .desktop-margin-75,
        .desktop-margin-15-20,
        .desktop-margin-6-8,
        .desktop-margin-3-4 {
            margin-left: 75%;
        }

        .desktop-margin-80,
        .desktop-margin-16-20,
        .desktop-margin-8-10,
        .desktop-margin-4-5 {
            margin-left: 80%;
        }

        .desktop-margin-84,
        .desktop-margin-5-6 {
            margin-left: 83.333333%;
        }

        .desktop-margin-85 {
            margin-left: 85%;
        }

        .desktop-margin-87-5,
        .desktop-margin-7-8 {
            margin-left: 87.5%;
        }

        .desktop-margin-90,
        .desktop-margin-18-20,
        .desktop-margin-9-10 {
            margin-left: 90%;
        }

        .desktop-margin-95 {
            margin-left: 95%;
        }

    }

/*
 * END DESKTOP SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * LAPTOP SCREEN SIZE.
 *
 */

    @media screen and (max-width: 1280px) {

        /**
         * Structural elements laptop screen size.
         */

        .laptop-hidden {
            display: none;
        }

        .laptop-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .laptop-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .laptop-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .laptop-left {
            float: left;
        }

        .laptop-right {
            float: right;
        }



        /**
         * Grid columns laptop screen size.
         */

        .laptop-column-5,
        .laptop-column-1-20 {
            width: 5%;
        }

        .laptop-column-10,
        .laptop-column-2-20,
        .laptop-column-1-10 {
            width: 10%;
        }

        .laptop-column-12,
        .laptop-column-1-8 {
            width: 12.5%;
        }

        .laptop-column-15 {
            width: 15%;
        }

        .laptop-column-17,
        .laptop-column-1-6 {
            width: 16.666666%;
        }

        .laptop-column-20,
        .laptop-column-2-10,
        .laptop-column-1-5 {
            width: 20%;
        }

        .laptop-column-25,
        .laptop-column-5-20,
        .laptop-column-2-8,
        .laptop-column-1-4 {
            width: 25%;
        }

        .laptop-column-30,
        .laptop-column-6-20,
        .laptop-column-3-10 {
            width: 30%;
        }

        .laptop-column-33,
        .laptop-column-2-6,
        .laptop-column-1-3 {
            width: 33.333333%;
        }

        .laptop-column-35 {
            width: 35%;
        }

        .laptop-column-37,
        .laptop-column-3-8 {
            width: 37.5%;
        }

        .laptop-column-40,
        .laptop-column-8-20,
        .laptop-column-4-10,
        .laptop-column-2-5 {
            width: 40%;
        }

        .laptop-column-45 {
            width: 45%;
        }

        .laptop-column-50,
        .laptop-column-10-20,
        .laptop-column-5-10,
        .laptop-column-4-8,
        .laptop-column-3-6,
        .laptop-column-2-4,
        .laptop-column-1-2 {
            width: 50%;
        }

        .laptop-column-55 {
            width: 55%;
        }

        .laptop-column-60,
        .laptop-column-12-20,
        .laptop-column-6-10,
        .laptop-column-3-5 {
            width: 60%;
        }

        .laptop-column-63,
        .laptop-column-5-8 {
            width: 62.5%;
        }

        .laptop-column-65 {
            width: 65%;
        }

        .laptop-column-67,
        .laptop-column-4-6,
        .laptop-column-2-3 {
            width: 66.666666%;
        }

        .laptop-column-70,
        .laptop-column-14-20,
        .laptop-column-7-10 {
            width: 70%;
        }

        .laptop-column-75,
        .laptop-column-15-20,
        .laptop-column-6-8,
        .laptop-column-3-4 {
            width: 75%;
        }

        .laptop-column-80,
        .laptop-column-16-20,
        .laptop-column-8-10,
        .laptop-column-4-5 {
            width: 80%;
        }

        .laptop-column-84,
        .laptop-column-5-6 {
            width: 83.333333%;
        }

        .laptop-column-85 {
            width: 85%;
        }

        .laptop-column-87-5,
        .laptop-column-7-8 {
            width: 87.5%;
        }

        .laptop-column-90,
        .laptop-column-18-20,
        .laptop-column-9-10 {
            width: 90%;
        }

        .laptop-column-95 {
            width: 95%;
        }

        .laptop-column-100 {
            width: 100%;
        }



        /**
         * Grid margins laptop screen size.
         */

        .laptop-margin-0 {
            margin-left: 0;
        }

        .laptop-margin-5,
        .laptop-margin-1-20 {
            margin-left: 5%;
        }

        .laptop-margin-10,
        .laptop-margin-2-20,
        .laptop-margin-1-10 {
            margin-left: 10%;
        }

        .laptop-margin-15 {
            margin-left: 15%;
        }

        .laptop-margin-12,
        .laptop-margin-1-8 {
            margin-left: 12.5%;
        }

        .laptop-margin-15 {
            margin-left: 15%;
        }

        .laptop-margin-17,
        .laptop-margin-1-6 {
            margin-left: 16.666666%;
        }

        .laptop-margin-20,
        .laptop-margin-2-10,
        .laptop-margin-1-5 {
            margin-left: 20%;
        }

        .laptop-margin-25,
        .laptop-margin-5-20,
        .laptop-margin-2-8,
        .laptop-margin-1-4 {
            margin-left: 25%;
        }

        .laptop-margin-30,
        .laptop-margin-6-20,
        .laptop-margin-3-10 {
            margin-left: 30%;
        }

        .laptop-margin-33,
        .laptop-margin-2-6,
        .laptop-margin-1-3 {
            margin-left: 33.333333%;
        }

        .laptop-margin-35 {
            margin-left: 35%;
        }

        .laptop-margin-37,
        .laptop-margin-3-8 {
            margin-left: 37.5%;
        }

        .laptop-margin-4,
        .laptop-margin-8-20,
        .laptop-margin-4-10,
        .laptop-margin-2-5 {
            margin-left: 40%;
        }

        .laptop-margin-45 {
            margin-left: 45%;
        }

        .laptop-margin-50,
        .laptop-margin-10-20,
        .laptop-margin-5-10,
        .laptop-margin-4-8,
        .laptop-margin-3-6,
        .laptop-margin-2-4,
        .laptop-margin-1-2 {
            margin-left: 50%;
        }

        .laptop-margin-55 {
            margin-left: 55%;
        }

        .laptop-margin-60,
        .laptop-margin-12-20,
        .laptop-margin-6-10,
        .laptop-margin-3-5 {
            margin-left: 60%;
        }

        .laptop-margin-63,
        .laptop-margin-5-8 {
            margin-left: 62.5%;
        }

        .laptop-margin-65 {
            margin-left: 65%;
        }

        .laptop-margin-67,
        .laptop-margin-4-6,
        .laptop-margin-2-3 {
            margin-left: 66.666666%;
        }

        .laptop-margin-70,
        .laptop-margin-14-20,
        .laptop-margin-7-10 {
            margin-left: 70%;
        }

        .laptop-margin-75,
        .laptop-margin-15-20,
        .laptop-margin-6-8,
        .laptop-margin-3-4 {
            margin-left: 75%;
        }

        .laptop-margin-80,
        .laptop-margin-16-20,
        .laptop-margin-8-10,
        .laptop-margin-4-5 {
            margin-left: 80%;
        }

        .laptop-margin-84,
        .laptop-margin-5-6 {
            margin-left: 83.333333%;
        }

        .laptop-margin-85 {
            margin-left: 85%;
        }

        .laptop-margin-87-5,
        .laptop-margin-7-8 {
            margin-left: 87.5%;
        }

        .laptop-margin-90,
        .laptop-margin-18-20,
        .laptop-margin-9-10 {
            margin-left: 90%;
        }

        .laptop-margin-95 {
            margin-left: 95%;
        }

    }

/* 
 * END LAPTOP SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * TABLET SCREEN SIZE.
 *
 */

    @media screen and (max-width: 1023px) {

        /**
         * Structural elements tablet screen size.
         */

        .tablet-hidden {
            display: none;
        }

        .tablet-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .tablet-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .tablet-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .tablet-left {
            float: left;
        }

        .tablet-right {
            float: right;
        }



        /**
         * Grid columns tablet screen size.
         */

        .tablet-column-5,
        .tablet-column-1-20 {
            width: 5%;
        }

        .tablet-column-10,
        .tablet-column-2-20,
        .tablet-column-1-10 {
            width: 10%;
        }

        .tablet-column-12,
        .tablet-column-1-8 {
            width: 12.5%;
        }

        .tablet-column-15 {
            width: 15%;
        }

        .tablet-column-17,
        .tablet-column-1-6 {
            width: 16.666666%;
        }

        .tablet-column-20,
        .tablet-column-2-10,
        .tablet-column-1-5 {
            width: 20%;
        }

        .tablet-column-25,
        .tablet-column-5-20,
        .tablet-column-2-8,
        .tablet-column-1-4 {
            width: 25%;
        }

        .tablet-column-30,
        .tablet-column-6-20,
        .tablet-column-3-10 {
            width: 30%;
        }

        .tablet-column-33,
        .tablet-column-2-6,
        .tablet-column-1-3 {
            width: 33.333333%;
        }

        .tablet-column-35 {
            width: 35%;
        }

        .tablet-column-37,
        .tablet-column-3-8 {
            width: 37.5%;
        }

        .tablet-column-40,
        .tablet-column-8-20,
        .tablet-column-4-10,
        .tablet-column-2-5 {
            width: 40%;
        }

        .tablet-column-45 {
            width: 45%;
        }

        .tablet-column-50,
        .tablet-column-10-20,
        .tablet-column-5-10,
        .tablet-column-4-8,
        .tablet-column-3-6,
        .tablet-column-2-4,
        .tablet-column-1-2 {
            width: 50%;
        }

        .tablet-column-55 {
            width: 55%;
        }

        .tablet-column-60,
        .tablet-column-12-20,
        .tablet-column-6-10,
        .tablet-column-3-5 {
            width: 60%;
        }

        .tablet-column-63,
        .tablet-column-5-8 {
            width: 62.5%;
        }

        .tablet-column-65 {
            width: 65%;
        }

        .tablet-column-67,
        .tablet-column-4-6,
        .tablet-column-2-3 {
            width: 66.666666%;
        }

        .tablet-column-70,
        .tablet-column-14-20,
        .tablet-column-7-10 {
            width: 70%;
        }

        .tablet-column-75,
        .tablet-column-15-20,
        .tablet-column-6-8,
        .tablet-column-3-4 {
            width: 75%;
        }

        .tablet-column-80,
        .tablet-column-16-20,
        .tablet-column-8-10,
        .tablet-column-4-5 {
            width: 80%;
        }

        .tablet-column-84,
        .tablet-column-5-6 {
            width: 83.333333%;
        }

        .tablet-column-85 {
            width: 85%;
        }

        .tablet-column-87-5,
        .tablet-column-7-8 {
            width: 87.5%;
        }

        .tablet-column-90,
        .tablet-column-18-20,
        .tablet-column-9-10 {
            width: 90%;
        }

        .tablet-column-95 {
            width: 95%;
        }

        .tablet-column-100 {
            width: 100%;
        }



        /**
         * Grid margins tablet screen size.
         */

        .tablet-margin-0 {
            margin-left: 0;
        }

        .tablet-margin-5,
        .tablet-margin-1-20 {
            margin-left: 5%;
        }

        .tablet-margin-10,
        .tablet-margin-2-20,
        .tablet-margin-1-10 {
            margin-left: 10%;
        }

        .tablet-margin-15 {
            margin-left: 15%;
        }

        .tablet-margin-12,
        .tablet-margin-1-8 {
            margin-left: 12.5%;
        }

        .tablet-margin-15 {
            margin-left: 15%;
        }

        .tablet-margin-17,
        .tablet-margin-1-6 {
            margin-left: 16.666666%;
        }

        .tablet-margin-20,
        .tablet-margin-2-10,
        .tablet-margin-1-5 {
            margin-left: 20%;
        }

        .tablet-margin-25,
        .tablet-margin-5-20,
        .tablet-margin-2-8,
        .tablet-margin-1-4 {
            margin-left: 25%;
        }

        .tablet-margin-30,
        .tablet-margin-6-20,
        .tablet-margin-3-10 {
            margin-left: 30%;
        }

        .tablet-margin-33,
        .tablet-margin-2-6,
        .tablet-margin-1-3 {
            margin-left: 33.333333%;
        }

        .tablet-margin-35 {
            margin-left: 35%;
        }

        .tablet-margin-37,
        .tablet-margin-3-8 {
            margin-left: 37.5%;
        }

        .tablet-margin-4,
        .tablet-margin-8-20,
        .tablet-margin-4-10,
        .tablet-margin-2-5 {
            margin-left: 40%;
        }

        .tablet-margin-45 {
            margin-left: 45%;
        }

        .tablet-margin-50,
        .tablet-margin-10-20,
        .tablet-margin-5-10,
        .tablet-margin-4-8,
        .tablet-margin-3-6,
        .tablet-margin-2-4,
        .tablet-margin-1-2 {
            margin-left: 50%;
        }

        .tablet-margin-55 {
            margin-left: 55%;
        }

        .tablet-margin-60,
        .tablet-margin-12-20,
        .tablet-margin-6-10,
        .tablet-margin-3-5 {
            margin-left: 60%;
        }

        .tablet-margin-63,
        .tablet-margin-5-8 {
            margin-left: 62.5%;
        }

        .tablet-margin-65 {
            margin-left: 65%;
        }

        .tablet-margin-67,
        .tablet-margin-4-6,
        .tablet-margin-2-3 {
            margin-left: 66.666666%;
        }

        .tablet-margin-70,
        .tablet-margin-14-20,
        .tablet-margin-7-10 {
            margin-left: 70%;
        }

        .tablet-margin-75,
        .tablet-margin-15-20,
        .tablet-margin-6-8,
        .tablet-margin-3-4 {
            margin-left: 75%;
        }

        .tablet-margin-80,
        .tablet-margin-16-20,
        .tablet-margin-8-10,
        .tablet-margin-4-5 {
            margin-left: 80%;
        }

        .tablet-margin-84,
        .tablet-margin-5-6 {
            margin-left: 83.333333%;
        }

        .tablet-margin-85 {
            margin-left: 85%;
        }

        .tablet-margin-87-5,
        .tablet-margin-7-8 {
            margin-left: 87.5%;
        }

        .tablet-margin-90,
        .tablet-margin-18-20,
        .tablet-margin-9-10 {
            margin-left: 90%;
        }

        .tablet-margin-95 {
            margin-left: 95%;
        }

    }

/*
 * END TABLET SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * MOBILE SCREEN SIZE.
 *
 */

    @media screen and (max-width: 600px) {

        /**
         * Structural elements mobile screen size.
         */

        .mobile-hidden {
            display: none;
        }

        .mobile-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .mobile-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .mobile-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .mobile-left {
            float: left;
        }

        .mobile-right {
            float: right;
        }



        /**
         * Grid columns mobile screen size.
         */

        .mobile-column-5,
        .mobile-column-1-20 {
            width: 5%;
        }

        .mobile-column-10,
        .mobile-column-2-20,
        .mobile-column-1-10 {
            width: 10%;
        }

        .mobile-column-12,
        .mobile-column-1-8 {
            width: 12.5%;
        }

        .mobile-column-15 {
            width: 15%;
        }

        .mobile-column-17,
        .mobile-column-1-6 {
            width: 16.666666%;
        }

        .mobile-column-20,
        .mobile-column-2-10,
        .mobile-column-1-5 {
            width: 20%;
        }

        .mobile-column-25,
        .mobile-column-5-20,
        .mobile-column-2-8,
        .mobile-column-1-4 {
            width: 25%;
        }

        .mobile-column-30,
        .mobile-column-6-20,
        .mobile-column-3-10 {
            width: 30%;
        }

        .mobile-column-33,
        .mobile-column-2-6,
        .mobile-column-1-3 {
            width: 33.333333%;
        }

        .mobile-column-35 {
            width: 35%;
        }

        .mobile-column-37,
        .mobile-column-3-8 {
            width: 37.5%;
        }

        .mobile-column-40,
        .mobile-column-8-20,
        .mobile-column-4-10,
        .mobile-column-2-5 {
            width: 40%;
        }

        .mobile-column-45 {
            width: 45%;
        }

        .mobile-column-50,
        .mobile-column-10-20,
        .mobile-column-5-10,
        .mobile-column-4-8,
        .mobile-column-3-6,
        .mobile-column-2-4,
        .mobile-column-1-2 {
            width: 50%;
        }

        .mobile-column-55 {
            width: 55%;
        }

        .mobile-column-60,
        .mobile-column-12-20,
        .mobile-column-6-10,
        .mobile-column-3-5 {
            width: 60%;
        }

        .mobile-column-63,
        .mobile-column-5-8 {
            width: 62.5%;
        }

        .mobile-column-65 {
            width: 65%;
        }

        .mobile-column-67,
        .mobile-column-4-6,
        .mobile-column-2-3 {
            width: 66.666666%;
        }

        .mobile-column-70,
        .mobile-column-14-20,
        .mobile-column-7-10 {
            width: 70%;
        }

        .mobile-column-75,
        .mobile-column-15-20,
        .mobile-column-6-8,
        .mobile-column-3-4 {
            width: 75%;
        }

        .mobile-column-80,
        .mobile-column-16-20,
        .mobile-column-8-10,
        .mobile-column-4-5 {
            width: 80%;
        }

        .mobile-column-84,
        .mobile-column-5-6 {
            width: 83.333333%;
        }

        .mobile-column-85 {
            width: 85%;
        }

        .mobile-column-87-5,
        .mobile-column-7-8 {
            width: 87.5%;
        }

        .mobile-column-90,
        .mobile-column-18-20,
        .mobile-column-9-10 {
            width: 90%;
        }

        .mobile-column-95 {
            width: 95%;
        }

        .mobile-column-100 {
            width: 100%;
        }



        /**
         * Grid margins mobile screen size.
         */

        .mobile-margin-0 {
            margin-left: 0;
        }

        .mobile-margin-5,
        .mobile-margin-1-20 {
            margin-left: 5%;
        }

        .mobile-margin-10,
        .mobile-margin-2-20,
        .mobile-margin-1-10 {
            margin-left: 10%;
        }

        .mobile-margin-15 {
            margin-left: 15%;
        }

        .mobile-margin-12,
        .mobile-margin-1-8 {
            margin-left: 12.5%;
        }

        .mobile-margin-15 {
            margin-left: 15%;
        }

        .mobile-margin-17,
        .mobile-margin-1-6 {
            margin-left: 16.666666%;
        }

        .mobile-margin-20,
        .mobile-margin-2-10,
        .mobile-margin-1-5 {
            margin-left: 20%;
        }

        .mobile-margin-25,
        .mobile-margin-5-20,
        .mobile-margin-2-8,
        .mobile-margin-1-4 {
            margin-left: 25%;
        }

        .mobile-margin-30,
        .mobile-margin-6-20,
        .mobile-margin-3-10 {
            margin-left: 30%;
        }

        .mobile-margin-33,
        .mobile-margin-2-6,
        .mobile-margin-1-3 {
            margin-left: 33.333333%;
        }

        .mobile-margin-35 {
            margin-left: 35%;
        }

        .mobile-margin-37,
        .mobile-margin-3-8 {
            margin-left: 37.5%;
        }

        .mobile-margin-4,
        .mobile-margin-8-20,
        .mobile-margin-4-10,
        .mobile-margin-2-5 {
            margin-left: 40%;
        }

        .mobile-margin-45 {
            margin-left: 45%;
        }

        .mobile-margin-50,
        .mobile-margin-10-20,
        .mobile-margin-5-10,
        .mobile-margin-4-8,
        .mobile-margin-3-6,
        .mobile-margin-2-4,
        .mobile-margin-1-2 {
            margin-left: 50%;
        }

        .mobile-margin-55 {
            margin-left: 55%;
        }

        .mobile-margin-60,
        .mobile-margin-12-20,
        .mobile-margin-6-10,
        .mobile-margin-3-5 {
            margin-left: 60%;
        }

        .mobile-margin-63,
        .mobile-margin-5-8 {
            margin-left: 62.5%;
        }

        .mobile-margin-65 {
            margin-left: 65%;
        }

        .mobile-margin-67,
        .mobile-margin-4-6,
        .mobile-margin-2-3 {
            margin-left: 66.666666%;
        }

        .mobile-margin-70,
        .mobile-margin-14-20,
        .mobile-margin-7-10 {
            margin-left: 70%;
        }

        .mobile-margin-75,
        .mobile-margin-15-20,
        .mobile-margin-6-8,
        .mobile-margin-3-4 {
            margin-left: 75%;
        }

        .mobile-margin-80,
        .mobile-margin-16-20,
        .mobile-margin-8-10,
        .mobile-margin-4-5 {
            margin-left: 80%;
        }

        .mobile-margin-84,
        .mobile-margin-5-6 {
            margin-left: 83.333333%;
        }

        .mobile-margin-85 {
            margin-left: 85%;
        }

        .mobile-margin-87-5,
        .mobile-margin-7-8 {
            margin-left: 87.5%;
        }

        .mobile-margin-90,
        .mobile-margin-18-20,
        .mobile-margin-9-10 {
            margin-left: 90%;
        }

        .mobile-margin-95 {
            margin-left: 95%;
        }

    }

/*
 * END MOBILE SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 * SMALL MOBILE SCREEN SIZE.
 *
 */

    @media screen and (max-width: 320px) {

        /**
         * Structural elements small screen size.
         */

        .small-hidden {
            display: none;
        }

        .small-block {
            float: none;
            display: block;
            width: 100%; 
        }

        .small-inline {
            float: none;
            display: inline-block;
            width: auto;
            max-width: none;
            vertical-align: middle;
        }

        .small-center {
            margin-left: auto; 
            margin-right: auto; 
            float: none;
            display: block;
        }

        .small-left {
            float: left;
        }

        .small-right {
            float: right;
        }



        /**
         * Grid columns small screen size.
         */

        .small-column-5,
        .small-column-1-20 {
            width: 5%;
        }

        .small-column-10,
        .small-column-2-20,
        .small-column-1-10 {
            width: 10%;
        }

        .small-column-12,
        .small-column-1-8 {
            width: 12.5%;
        }

        .small-column-15 {
            width: 15%;
        }

        .small-column-17,
        .small-column-1-6 {
            width: 16.666666%;
        }

        .small-column-20,
        .small-column-2-10,
        .small-column-1-5 {
            width: 20%;
        }

        .small-column-25,
        .small-column-5-20,
        .small-column-2-8,
        .small-column-1-4 {
            width: 25%;
        }

        .small-column-30,
        .small-column-6-20,
        .small-column-3-10 {
            width: 30%;
        }

        .small-column-33,
        .small-column-2-6,
        .small-column-1-3 {
            width: 33.333333%;
        }

        .small-column-35 {
            width: 35%;
        }

        .small-column-37,
        .small-column-3-8 {
            width: 37.5%;
        }

        .small-column-40,
        .small-column-8-20,
        .small-column-4-10,
        .small-column-2-5 {
            width: 40%;
        }

        .small-column-45 {
            width: 45%;
        }

        .small-column-50,
        .small-column-10-20,
        .small-column-5-10,
        .small-column-4-8,
        .small-column-3-6,
        .small-column-2-4,
        .small-column-1-2 {
            width: 50%;
        }

        .small-column-55 {
            width: 55%;
        }

        .small-column-60,
        .small-column-12-20,
        .small-column-6-10,
        .small-column-3-5 {
            width: 60%;
        }

        .small-column-63,
        .small-column-5-8 {
            width: 62.5%;
        }

        .small-column-65 {
            width: 65%;
        }

        .small-column-67,
        .small-column-4-6,
        .small-column-2-3 {
            width: 66.666666%;
        }

        .small-column-70,
        .small-column-14-20,
        .small-column-7-10 {
            width: 70%;
        }

        .small-column-75,
        .small-column-15-20,
        .small-column-6-8,
        .small-column-3-4 {
            width: 75%;
        }

        .small-column-80,
        .small-column-16-20,
        .small-column-8-10,
        .small-column-4-5 {
            width: 80%;
        }

        .small-column-84,
        .small-column-5-6 {
            width: 83.333333%;
        }

        .small-column-85 {
            width: 85%;
        }

        .small-column-87-5,
        .small-column-7-8 {
            width: 87.5%;
        }

        .small-column-90,
        .small-column-18-20,
        .small-column-9-10 {
            width: 90%;
        }

        .small-column-95 {
            width: 95%;
        }

        .small-column-100 {
            width: 100%;
        }



        /**
         * Grid margins small screen size.
         */

        .small-margin-0 {
            margin-left: 0;
        }

        .small-margin-5,
        .small-margin-1-20 {
            margin-left: 5%;
        }

        .small-margin-10,
        .small-margin-2-20,
        .small-margin-1-10 {
            margin-left: 10%;
        }

        .small-margin-15 {
            margin-left: 15%;
        }

        .small-margin-12,
        .small-margin-1-8 {
            margin-left: 12.5%;
        }

        .small-margin-15 {
            margin-left: 15%;
        }

        .small-margin-17,
        .small-margin-1-6 {
            margin-left: 16.666666%;
        }

        .small-margin-20,
        .small-margin-2-10,
        .small-margin-1-5 {
            margin-left: 20%;
        }

        .small-margin-25,
        .small-margin-5-20,
        .small-margin-2-8,
        .small-margin-1-4 {
            margin-left: 25%;
        }

        .small-margin-30,
        .small-margin-6-20,
        .small-margin-3-10 {
            margin-left: 30%;
        }

        .small-margin-33,
        .small-margin-2-6,
        .small-margin-1-3 {
            margin-left: 33.333333%;
        }

        .small-margin-35 {
            margin-left: 35%;
        }

        .small-margin-37,
        .small-margin-3-8 {
            margin-left: 37.5%;
        }

        .small-margin-4,
        .small-margin-8-20,
        .small-margin-4-10,
        .small-margin-2-5 {
            margin-left: 40%;
        }

        .small-margin-45 {
            margin-left: 45%;
        }

        .small-margin-50,
        .small-margin-10-20,
        .small-margin-5-10,
        .small-margin-4-8,
        .small-margin-3-6,
        .small-margin-2-4,
        .small-margin-1-2 {
            margin-left: 50%;
        }

        .small-margin-55 {
            margin-left: 55%;
        }

        .small-margin-60,
        .small-margin-12-20,
        .small-margin-6-10,
        .small-margin-3-5 {
            margin-left: 60%;
        }

        .small-margin-63,
        .small-margin-5-8 {
            margin-left: 62.5%;
        }

        .small-margin-65 {
            margin-left: 65%;
        }

        .small-margin-67,
        .small-margin-4-6,
        .small-margin-2-3 {
            margin-left: 66.666666%;
        }

        .small-margin-70,
        .small-margin-14-20,
        .small-margin-7-10 {
            margin-left: 70%;
        }

        .small-margin-75,
        .small-margin-15-20,
        .small-margin-6-8,
        .small-margin-3-4 {
            margin-left: 75%;
        }

        .small-margin-80,
        .small-margin-16-20,
        .small-margin-8-10,
        .small-margin-4-5 {
            margin-left: 80%;
        }

        .small-margin-84,
        .small-margin-5-6 {
            margin-left: 83.333333%;
        }

        .small-margin-85 {
            margin-left: 85%;
        }

        .small-margin-87-5,
        .small-margin-7-8 {
            margin-left: 87.5%;
        }

        .small-margin-90,
        .small-margin-18-20,
        .small-margin-9-10 {
            margin-left: 90%;
        }

        .small-margin-95 {
            margin-left: 95%;
        }

    }

/*
 * END SMALL MOBILE SCREEN SIZE.
 *
 *****************************************************************************/



/******************************************************************************
 *
 *  CLEARING OF CONSECUTIVE COLUMNS THAT CAN ADD UP TO 100.
 *
 */

/*
    [class$="column-5"]:nth-of-type(20n+1),
    [class$="column-1-20"]:nth-of-type(20n+1),

    [class$="column-10"]:nth-of-type(10n+1),
    [class$="column-2-20"]:nth-of-type(10n+1),
    [class$="column-1-10"]:nth-of-type(10n+1),

    [class$="column-12"]:nth-of-type(8n+1),
    [class$="column-1-8"]:nth-of-type(8n+1),

    [class$="column-16"]:nth-of-type(6n+1),
    [class$="column-1-6"]:nth-of-type(6n+1),

    [class$="column-20"]:nth-of-type(5n+1),
    [class$="column-2-10"]:nth-of-type(5n+1),
    [class$="column-1-5"]:nth-of-type(5n+1),

    [class$="column-25"]:nth-of-type(4n+1),
    [class$="column-5-20"]:nth-of-type(4n+1),
    [class$="column-2-8"]:nth-of-type(4n+1),
    [class$="column-1-4"]:nth-of-type(4n+1),

    [class$="column-33"]:nth-of-type(3n+1),
    [class$="column-2-6"]:nth-of-type(3n+1),
    [class$="column-1-3"]:nth-of-type(3n+1),

    [class$="column-50"]:nth-of-type(2n+1),
    [class$="column-10-20"]:nth-of-type(2n+1),
    [class$="column-5-10"]:nth-of-type(2n+1),
    [class$="column-4-8"]:nth-of-type(2n+1),
    [class$="column-3-6"]:nth-of-type(2n+1),
    [class$="column-2-4"]:nth-of-type(2n+1),
    [class$="column-1-2"]:nth-of-type(2n+1) {
        clear: left;
    }
*/

/*
 *  END CLEARING OF CONSECUTIVE COLUMNS THAT CAN ADD UP TO 100
 *
 *****************************************************************************/