chowa/es/grid/style/grid.css

UI component library based on React

/**
 * @license chowa v1.1.3
 *
 * Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.cw-grid {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.cw-grid-row {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap; }

.cw-grid-row-middle {
  align-items: center; }

.cw-grid-row-bottom {
  align-items: flex-end; }

.cw-grid-row-end {
  justify-content: flex-end; }

.cw-grid-row-center {
  justify-content: center; }

.cw-grid-row-space-around {
  justify-content: space-around; }

.cw-grid-row-space-between {
  justify-content: space-between; }

.cw-grid-col {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media only screen and (max-width: 640px) {
  .cw-grid-col-span-1 {
    flex: 0 0 25%;
    max-width: 25%; }
  .cw-grid-col-pull-1 {
    margin-left: -25%; }
  .cw-grid-col-push-1 {
    margin-left: 25%; }
  .cw-grid-col-span-2 {
    flex: 0 0 50%;
    max-width: 50%; }
  .cw-grid-col-pull-2 {
    margin-left: -50%; }
  .cw-grid-col-push-2 {
    margin-left: 50%; }
  .cw-grid-col-span-3 {
    flex: 0 0 75%;
    max-width: 75%; }
  .cw-grid-col-pull-3 {
    margin-left: -75%; }
  .cw-grid-col-push-3 {
    margin-left: 75%; }
  .cw-grid-col-span-4 {
    flex: 0 0 100%;
    max-width: 100%; }
  .cw-grid-col-pull-4 {
    margin-left: -100%; }
  .cw-grid-col-push-4 {
    margin-left: 100%; }
  .cw-grid-col-span-5 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-5,
  .cw-grid-col-push-5 {
    margin-left: 0; }
  .cw-grid-col-span-6 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-6,
  .cw-grid-col-push-6 {
    margin-left: 0; }
  .cw-grid-col-span-7 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-7,
  .cw-grid-col-push-7 {
    margin-left: 0; }
  .cw-grid-col-span-8 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-8,
  .cw-grid-col-push-8 {
    margin-left: 0; }
  .cw-grid-col-span-9 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-9,
  .cw-grid-col-push-9 {
    margin-left: 0; }
  .cw-grid-col-span-10 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-10,
  .cw-grid-col-push-10 {
    margin-left: 0; }
  .cw-grid-col-span-11 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-11,
  .cw-grid-col-push-11 {
    margin-left: 0; }
  .cw-grid-col-span-12 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-12,
  .cw-grid-col-push-12 {
    margin-left: 0; }
  .cw-grid-col-span-13 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-13,
  .cw-grid-col-push-13 {
    margin-left: 0; }
  .cw-grid-col-span-14 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-14,
  .cw-grid-col-push-14 {
    margin-left: 0; }
  .cw-grid-col-span-15 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-15,
  .cw-grid-col-push-15 {
    margin-left: 0; }
  .cw-grid-col-span-16 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-16,
  .cw-grid-col-push-16 {
    margin-left: 0; }
  .cw-grid-col-span-17 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-17,
  .cw-grid-col-push-17 {
    margin-left: 0; }
  .cw-grid-col-span-18 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-18,
  .cw-grid-col-push-18 {
    margin-left: 0; }
  .cw-grid-col-span-19 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-19,
  .cw-grid-col-push-19 {
    margin-left: 0; }
  .cw-grid-col-span-20 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-20,
  .cw-grid-col-push-20 {
    margin-left: 0; }
  .cw-grid-col-span-21 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-21,
  .cw-grid-col-push-21 {
    margin-left: 0; }
  .cw-grid-col-span-22 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-22,
  .cw-grid-col-push-22 {
    margin-left: 0; }
  .cw-grid-col-span-23 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-23,
  .cw-grid-col-push-23 {
    margin-left: 0; }
  .cw-grid-col-span-24 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-24,
  .cw-grid-col-push-24 {
    margin-left: 0; } }

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .cw-grid-col-span-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .cw-grid-col-pull-1 {
    margin-left: -6.25%; }
  .cw-grid-col-push-1 {
    margin-left: 6.25%; }
  .cw-grid-col-span-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .cw-grid-col-pull-2 {
    margin-left: -12.5%; }
  .cw-grid-col-push-2 {
    margin-left: 12.5%; }
  .cw-grid-col-span-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .cw-grid-col-pull-3 {
    margin-left: -18.75%; }
  .cw-grid-col-push-3 {
    margin-left: 18.75%; }
  .cw-grid-col-span-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .cw-grid-col-pull-4 {
    margin-left: -25%; }
  .cw-grid-col-push-4 {
    margin-left: 25%; }
  .cw-grid-col-span-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .cw-grid-col-pull-5 {
    margin-left: -31.25%; }
  .cw-grid-col-push-5 {
    margin-left: 31.25%; }
  .cw-grid-col-span-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .cw-grid-col-pull-6 {
    margin-left: -37.5%; }
  .cw-grid-col-push-6 {
    margin-left: 37.5%; }
  .cw-grid-col-span-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .cw-grid-col-pull-7 {
    margin-left: -43.75%; }
  .cw-grid-col-push-7 {
    margin-left: 43.75%; }
  .cw-grid-col-span-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .cw-grid-col-pull-8 {
    margin-left: -50%; }
  .cw-grid-col-push-8 {
    margin-left: 50%; }
  .cw-grid-col-span-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .cw-grid-col-pull-9 {
    margin-left: -56.25%; }
  .cw-grid-col-push-9 {
    margin-left: 56.25%; }
  .cw-grid-col-span-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .cw-grid-col-pull-10 {
    margin-left: -62.5%; }
  .cw-grid-col-push-10 {
    margin-left: 62.5%; }
  .cw-grid-col-span-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .cw-grid-col-pull-11 {
    margin-left: -68.75%; }
  .cw-grid-col-push-11 {
    margin-left: 68.75%; }
  .cw-grid-col-span-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .cw-grid-col-pull-12 {
    margin-left: -75%; }
  .cw-grid-col-push-12 {
    margin-left: 75%; }
  .cw-grid-col-span-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .cw-grid-col-pull-13 {
    margin-left: -81.25%; }
  .cw-grid-col-push-13 {
    margin-left: 81.25%; }
  .cw-grid-col-span-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .cw-grid-col-pull-14 {
    margin-left: -87.5%; }
  .cw-grid-col-push-14 {
    margin-left: 87.5%; }
  .cw-grid-col-span-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .cw-grid-col-pull-15 {
    margin-left: -93.75%; }
  .cw-grid-col-push-15 {
    margin-left: 93.75%; }
  .cw-grid-col-span-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .cw-grid-col-pull-16 {
    margin-left: -100%; }
  .cw-grid-col-push-16 {
    margin-left: 100%; }
  .cw-grid-col-span-17 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-17,
  .cw-grid-col-push-17 {
    margin-left: 0; }
  .cw-grid-col-span-18 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-18,
  .cw-grid-col-push-18 {
    margin-left: 0; }
  .cw-grid-col-span-19 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-19,
  .cw-grid-col-push-19 {
    margin-left: 0; }
  .cw-grid-col-span-20 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-20,
  .cw-grid-col-push-20 {
    margin-left: 0; }
  .cw-grid-col-span-21 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-21,
  .cw-grid-col-push-21 {
    margin-left: 0; }
  .cw-grid-col-span-22 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-22,
  .cw-grid-col-push-22 {
    margin-left: 0; }
  .cw-grid-col-span-23 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-23,
  .cw-grid-col-push-23 {
    margin-left: 0; }
  .cw-grid-col-span-24 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-24,
  .cw-grid-col-push-24 {
    margin-left: 0; } }

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .cw-grid-col-span-1 {
    flex: 0 0 5%;
    max-width: 5%; }
  .cw-grid-col-pull-1 {
    margin-left: -5%; }
  .cw-grid-col-push-1 {
    margin-left: 5%; }
  .cw-grid-col-span-2 {
    flex: 0 0 10%;
    max-width: 10%; }
  .cw-grid-col-pull-2 {
    margin-left: -10%; }
  .cw-grid-col-push-2 {
    margin-left: 10%; }
  .cw-grid-col-span-3 {
    flex: 0 0 15%;
    max-width: 15%; }
  .cw-grid-col-pull-3 {
    margin-left: -15%; }
  .cw-grid-col-push-3 {
    margin-left: 15%; }
  .cw-grid-col-span-4 {
    flex: 0 0 20%;
    max-width: 20%; }
  .cw-grid-col-pull-4 {
    margin-left: -20%; }
  .cw-grid-col-push-4 {
    margin-left: 20%; }
  .cw-grid-col-span-5 {
    flex: 0 0 25%;
    max-width: 25%; }
  .cw-grid-col-pull-5 {
    margin-left: -25%; }
  .cw-grid-col-push-5 {
    margin-left: 25%; }
  .cw-grid-col-span-6 {
    flex: 0 0 30%;
    max-width: 30%; }
  .cw-grid-col-pull-6 {
    margin-left: -30%; }
  .cw-grid-col-push-6 {
    margin-left: 30%; }
  .cw-grid-col-span-7 {
    flex: 0 0 35%;
    max-width: 35%; }
  .cw-grid-col-pull-7 {
    margin-left: -35%; }
  .cw-grid-col-push-7 {
    margin-left: 35%; }
  .cw-grid-col-span-8 {
    flex: 0 0 40%;
    max-width: 40%; }
  .cw-grid-col-pull-8 {
    margin-left: -40%; }
  .cw-grid-col-push-8 {
    margin-left: 40%; }
  .cw-grid-col-span-9 {
    flex: 0 0 45%;
    max-width: 45%; }
  .cw-grid-col-pull-9 {
    margin-left: -45%; }
  .cw-grid-col-push-9 {
    margin-left: 45%; }
  .cw-grid-col-span-10 {
    flex: 0 0 50%;
    max-width: 50%; }
  .cw-grid-col-pull-10 {
    margin-left: -50%; }
  .cw-grid-col-push-10 {
    margin-left: 50%; }
  .cw-grid-col-span-11 {
    flex: 0 0 55%;
    max-width: 55%; }
  .cw-grid-col-pull-11 {
    margin-left: -55%; }
  .cw-grid-col-push-11 {
    margin-left: 55%; }
  .cw-grid-col-span-12 {
    flex: 0 0 60%;
    max-width: 60%; }
  .cw-grid-col-pull-12 {
    margin-left: -60%; }
  .cw-grid-col-push-12 {
    margin-left: 60%; }
  .cw-grid-col-span-13 {
    flex: 0 0 65%;
    max-width: 65%; }
  .cw-grid-col-pull-13 {
    margin-left: -65%; }
  .cw-grid-col-push-13 {
    margin-left: 65%; }
  .cw-grid-col-span-14 {
    flex: 0 0 70%;
    max-width: 70%; }
  .cw-grid-col-pull-14 {
    margin-left: -70%; }
  .cw-grid-col-push-14 {
    margin-left: 70%; }
  .cw-grid-col-span-15 {
    flex: 0 0 75%;
    max-width: 75%; }
  .cw-grid-col-pull-15 {
    margin-left: -75%; }
  .cw-grid-col-push-15 {
    margin-left: 75%; }
  .cw-grid-col-span-16 {
    flex: 0 0 80%;
    max-width: 80%; }
  .cw-grid-col-pull-16 {
    margin-left: -80%; }
  .cw-grid-col-push-16 {
    margin-left: 80%; }
  .cw-grid-col-span-17 {
    flex: 0 0 85%;
    max-width: 85%; }
  .cw-grid-col-pull-17 {
    margin-left: -85%; }
  .cw-grid-col-push-17 {
    margin-left: 85%; }
  .cw-grid-col-span-18 {
    flex: 0 0 90%;
    max-width: 90%; }
  .cw-grid-col-pull-18 {
    margin-left: -90%; }
  .cw-grid-col-push-18 {
    margin-left: 90%; }
  .cw-grid-col-span-19 {
    flex: 0 0 95%;
    max-width: 95%; }
  .cw-grid-col-pull-19 {
    margin-left: -95%; }
  .cw-grid-col-push-19 {
    margin-left: 95%; }
  .cw-grid-col-span-20 {
    flex: 0 0 100%;
    max-width: 100%; }
  .cw-grid-col-pull-20 {
    margin-left: -100%; }
  .cw-grid-col-push-20 {
    margin-left: 100%; }
  .cw-grid-col-span-21 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-21,
  .cw-grid-col-push-21 {
    margin-left: 0; }
  .cw-grid-col-span-22 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-22,
  .cw-grid-col-push-22 {
    margin-left: 0; }
  .cw-grid-col-span-23 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-23,
  .cw-grid-col-push-23 {
    margin-left: 0; }
  .cw-grid-col-span-24 {
    width: 100%;
    max-width: 100%;
    flex: none; }
  .cw-grid-col-pull-24,
  .cw-grid-col-push-24 {
    margin-left: 0; } }

@media only screen and (min-width: 1280px) {
  .cw-grid-col-span-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%; }
  .cw-grid-col-pull-1 {
    margin-left: -4.16667%; }
  .cw-grid-col-push-1 {
    margin-left: 4.16667%; }
  .cw-grid-col-span-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .cw-grid-col-pull-2 {
    margin-left: -8.33333%; }
  .cw-grid-col-push-2 {
    margin-left: 8.33333%; }
  .cw-grid-col-span-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .cw-grid-col-pull-3 {
    margin-left: -12.5%; }
  .cw-grid-col-push-3 {
    margin-left: 12.5%; }
  .cw-grid-col-span-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .cw-grid-col-pull-4 {
    margin-left: -16.66667%; }
  .cw-grid-col-push-4 {
    margin-left: 16.66667%; }
  .cw-grid-col-span-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%; }
  .cw-grid-col-pull-5 {
    margin-left: -20.83333%; }
  .cw-grid-col-push-5 {
    margin-left: 20.83333%; }
  .cw-grid-col-span-6 {
    flex: 0 0 25%;
    max-width: 25%; }
  .cw-grid-col-pull-6 {
    margin-left: -25%; }
  .cw-grid-col-push-6 {
    margin-left: 25%; }
  .cw-grid-col-span-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%; }
  .cw-grid-col-pull-7 {
    margin-left: -29.16667%; }
  .cw-grid-col-push-7 {
    margin-left: 29.16667%; }
  .cw-grid-col-span-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .cw-grid-col-pull-8 {
    margin-left: -33.33333%; }
  .cw-grid-col-push-8 {
    margin-left: 33.33333%; }
  .cw-grid-col-span-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .cw-grid-col-pull-9 {
    margin-left: -37.5%; }
  .cw-grid-col-push-9 {
    margin-left: 37.5%; }
  .cw-grid-col-span-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .cw-grid-col-pull-10 {
    margin-left: -41.66667%; }
  .cw-grid-col-push-10 {
    margin-left: 41.66667%; }
  .cw-grid-col-span-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%; }
  .cw-grid-col-pull-11 {
    margin-left: -45.83333%; }
  .cw-grid-col-push-11 {
    margin-left: 45.83333%; }
  .cw-grid-col-span-12 {
    flex: 0 0 50%;
    max-width: 50%; }
  .cw-grid-col-pull-12 {
    margin-left: -50%; }
  .cw-grid-col-push-12 {
    margin-left: 50%; }
  .cw-grid-col-span-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%; }
  .cw-grid-col-pull-13 {
    margin-left: -54.16667%; }
  .cw-grid-col-push-13 {
    margin-left: 54.16667%; }
  .cw-grid-col-span-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .cw-grid-col-pull-14 {
    margin-left: -58.33333%; }
  .cw-grid-col-push-14 {
    margin-left: 58.33333%; }
  .cw-grid-col-span-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .cw-grid-col-pull-15 {
    margin-left: -62.5%; }
  .cw-grid-col-push-15 {
    margin-left: 62.5%; }
  .cw-grid-col-span-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .cw-grid-col-pull-16 {
    margin-left: -66.66667%; }
  .cw-grid-col-push-16 {
    margin-left: 66.66667%; }
  .cw-grid-col-span-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%; }
  .cw-grid-col-pull-17 {
    margin-left: -70.83333%; }
  .cw-grid-col-push-17 {
    margin-left: 70.83333%; }
  .cw-grid-col-span-18 {
    flex: 0 0 75%;
    max-width: 75%; }
  .cw-grid-col-pull-18 {
    margin-left: -75%; }
  .cw-grid-col-push-18 {
    margin-left: 75%; }
  .cw-grid-col-span-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%; }
  .cw-grid-col-pull-19 {
    margin-left: -79.16667%; }
  .cw-grid-col-push-19 {
    margin-left: 79.16667%; }
  .cw-grid-col-span-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .cw-grid-col-pull-20 {
    margin-left: -83.33333%; }
  .cw-grid-col-push-20 {
    margin-left: 83.33333%; }
  .cw-grid-col-span-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .cw-grid-col-pull-21 {
    margin-left: -87.5%; }
  .cw-grid-col-push-21 {
    margin-left: 87.5%; }
  .cw-grid-col-span-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .cw-grid-col-pull-22 {
    margin-left: -91.66667%; }
  .cw-grid-col-push-22 {
    margin-left: 91.66667%; }
  .cw-grid-col-span-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%; }
  .cw-grid-col-pull-23 {
    margin-left: -95.83333%; }
  .cw-grid-col-push-23 {
    margin-left: 95.83333%; }
  .cw-grid-col-span-24 {
    flex: 0 0 100%;
    max-width: 100%; }
  .cw-grid-col-pull-24 {
    margin-left: -100%; }
  .cw-grid-col-push-24 {
    margin-left: 100%; } }

.cw-grid-col-order-1 {
  order: 1; }

.cw-grid-col-order-2 {
  order: 2; }

.cw-grid-col-order-3 {
  order: 3; }

.cw-grid-col-order-4 {
  order: 4; }

.cw-grid-col-order-5 {
  order: 5; }

.cw-grid-col-order-6 {
  order: 6; }

.cw-grid-col-order-7 {
  order: 7; }

.cw-grid-col-order-8 {
  order: 8; }

.cw-grid-col-order-9 {
  order: 9; }

.cw-grid-col-order-10 {
  order: 10; }

.cw-grid-col-order-11 {
  order: 11; }

.cw-grid-col-order-12 {
  order: 12; }

.cw-grid-col-order-13 {
  order: 13; }

.cw-grid-col-order-14 {
  order: 14; }

.cw-grid-col-order-15 {
  order: 15; }

.cw-grid-col-order-16 {
  order: 16; }

.cw-grid-col-order-17 {
  order: 17; }

.cw-grid-col-order-18 {
  order: 18; }

.cw-grid-col-order-19 {
  order: 19; }

.cw-grid-col-order-20 {
  order: 20; }

.cw-grid-col-order-21 {
  order: 21; }

.cw-grid-col-order-22 {
  order: 22; }

.cw-grid-col-order-23 {
  order: 23; }

.cw-grid-col-order-24 {
  order: 24; }