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

        /* The Lighter Side */
        .tg-flex tr:not(:first-of-type) {
            display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;      /* TWEENER - IE 10 */
            display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
            display: -webkit-flex;     /* NEW - Chrome */
            display: inline-flex;
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 551px;
            vertical-align: bottom;
        }

        .tg-flex tr + tr {
            width: 60%;
        }

        .tg-flex tr + tr + tr {
            width: 40%;
        }

        .tg-flex td {
            -webkit-box-flex: 1 1 auto;
            -moz-box-flex: 1 1 auto;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;      /* TWEENER - IE 10 */
            display: -webkit-flex;     /* NEW - Chrome */
            display: flex;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
        }

        /* Row 1, child 1 */
        .tg-flex tr + tr td:first-child {
            -moz-flex-basis: 186.67px;
            -webkit-flex-basis: 186.67px;
            -ms-flex-basis: 186.67px;
            flex-basis: 186.67px;
        }

        /* Row 1, child 2 */
        .tg-flex tr + tr td + td {
            -moz-flex-basis: 136.33px;
            -webkit-flex-basis: 136.33px;
            -ms-flex-basis: 136.33px;
            flex-basis: 136.33px;
        }

        /* Row 1, child 3 */
        .tg-flex tr + tr td + td + td {
            -moz-flex-basis: 228px;
            -webkit-flex-basis: 228px;
            -ms-flex-basis: 228px;
            flex-basis: 228px;
        }

        /* Row 2, child 1 */
        .tg-flex tr + tr + tr td:first-child {
            -moz-flex-basis: 186.67px;
            -webkit-flex-basis: 186.67px;
            -ms-flex-basis: 186.67px;
            flex-basis: 186.67px;
        }

        /* Row 2, child 2 */
        .tg-flex tr + tr + tr td + td {
            -moz-flex-basis: 136.33px;
            -webkit-flex-basis: 136.33px;
            -ms-flex-basis: 136.33px;
            flex-basis: 136.33px;
        }

        /* Row 2, child 3 */
        .tg-flex tr + tr + tr td + td + td {
            -moz-flex-basis: 228px;
            -webkit-flex-basis: 228px;
            -ms-flex-basis: 228px;
            flex-basis: 228px;
        }


        /* /The Lighter Side */
}