/* Column Styles */

@media (min-width: 769px) {
  /* General Styles */
  div.column-row                            { margin-bottom: 30px; }
  div.column-row:last-of-type               { margin-bottom: 0px; }
  div.column-row:after                      { content: ""; display: block; clear: both; }
  div.column-row > div.column:first-child   { margin-left: 0; }
  div.column-row-border                     { padding: 0px 0px 30px 0px; border-bottom: 1px solid #CCCCCC; }
  div.column-row-zebra                      { margin: 0px; padding: 20px 15px; background: #EFEFEF; }
  div.column-row-zebra:nth-child(odd)       { background: #FFFFFF; }

  /* Normal Margin */
  div.column        { float: left; margin-left: 4%; }
  div.column-one    { width: 4.66666666667%; }
  div.column-two    { width: 13.3333333333%; }
  div.column-three  { width: 22%; }
  div.column-four   { width: 30.6666666667%; }
  div.column-five   { width: 39.3333333333%; }
  div.column-six    { width: 48%; }
  div.column-seven  { width: 56.6666666667%; }
  div.column-eight  { width: 65.3333333333%; }
  div.column-nine   { width: 74.0%; }
  div.column-ten    { width: 82.6666666667%; }
  div.column-eleven { width: 91.3333333333%; }
  div.column-twelve { width: 100%; margin-left: 0; }

  /* Double Margin */
  div.column-row-double-margin div.column         { margin-left: 8%; }
  div.column-row-double-margin div.column-one     { width: 1%; }
  div.column-row-double-margin div.column-two     { width: 10%; }
  div.column-row-double-margin div.column-three   { width: 19%; }
  div.column-row-double-margin div.column-four    { width: 28%; }
  div.column-row-double-margin div.column-five    { width: 37%; }
  div.column-row-double-margin div.column-six     { width: 46%; }
  div.column-row-double-margin div.column-seven   { width: 55%; }
  div.column-row-double-margin div.column-eight   { width: 64%; }
  div.column-row-double-margin div.column-nine    { width: 73%; }
  div.column-row-double-margin div.column-ten     { width: 82%; }
  div.column-row-double-margin div.column-eleven  { width: 91%; }

  /* Half Margin */
  div.column-row-half-margin div.column         { margin-left: 2%; }
  div.column-row-half-margin div.column-one     { width: 6.5%; }
  div.column-row-half-margin div.column-two     { width: 15%; }
  div.column-row-half-margin div.column-three   { width: 23.5%; }
  div.column-row-half-margin div.column-four    { width: 32%; }
  div.column-row-half-margin div.column-five    { width: 40.5%; }
  div.column-row-half-margin div.column-six     { width: 49%; }
  div.column-row-half-margin div.column-seven   { width: 57.5%; }
  div.column-row-half-margin div.column-eight   { width: 66%; }
  div.column-row-half-margin div.column-nine    { width: 74.5%; }
  div.column-row-half-margin div.column-ten     { width: 83%; }
  div.column-row-half-margin div.column-eleven  { width: 91.5%; }

  /* Quarter Margin */
  div.column-row-quarter-margin div.column         { margin-left: 1%; }
  div.column-row-quarter-margin div.column-one     { width: 7.4166666666667%; }
  div.column-row-quarter-margin div.column-two     { width: 15.833333333333%; }
  div.column-row-quarter-margin div.column-three   { width: 24.25%; }
  div.column-row-quarter-margin div.column-four    { width: 32.666666666667%; }
  div.column-row-quarter-margin div.column-five    { width: 41.083333333333%; }
  div.column-row-quarter-margin div.column-six     { width: 49.5%; }
  div.column-row-quarter-margin div.column-seven   { width: 57.916666666667%; }
  div.column-row-quarter-margin div.column-eight   { width: 66.333333333333%; }
  div.column-row-quarter-margin div.column-nine    { width: 74.75%; }
  div.column-row-quarter-margin div.column-ten     { width: 83.166666666667%; }
  div.column-row-quarter-margin div.column-eleven  { width: 91.583333333333%; }

  /* No Margin */
  div.column-row-no-margin div.column         { margin-left: 0; }
  div.column-row-no-margin div.column-one     { width: 8.3333333333333%; }
  div.column-row-no-margin div.column-two     { width: 16.666666666667%; }
  div.column-row-no-margin div.column-three   { width: 25%; }
  div.column-row-no-margin div.column-four    { width: 33.333333333333%; }
  div.column-row-no-margin div.column-five    { width: 41.666666666667%; }
  div.column-row-no-margin div.column-six     { width: 50%; }
  div.column-row-no-margin div.column-seven   { width: 58.333333333333%; }
  div.column-row-no-margin div.column-eight   { width: 66.666666666667%; }
  div.column-row-no-margin div.column-nine    { width: 75%; }
  div.column-row-no-margin div.column-ten     { width: 83.333333333333%; }
  div.column-row-no-margin div.column-eleven  { width: 91.666666666667%; }

  /* RTL Columns */
  div.column-row-rtl > div.column:first-child                 { margin-left: 0; margin-right: 0; }
  div.column-row-rtl > div.column                             { float: right; margin-left: 0; margin-right: 4%; }
  div.column-row-rtl > div.column-twelve                      { margin-left: 0; margin-right: 0; }
  div.column-row-rtl.column-row-double-margin > div.column    { margin-left: 0; margin-right: 8%; }
  div.column-row-rtl.column-row-half-margin > div.column      { margin-left: 0; margin-right: 2%; }
  div.column-row-rtl.column-row-quarter-margin > div.column   { margin-left: 0; margin-right: 1%; }
  div.column-row-rtl.column-row-no-margin > div.column        { margin-left: 0; margin-right: 0; }
}

@media (max-width: 768px) {
  .column {
    margin-bottom: 15px;
  }
}

/* Flex Styles */

@media (min-width: 769px) {
  /* General Styles */
  .flex-row                   { display: flex; margin-bottom: 30px; justify-content: space-between; }
  div.flex-row:last-of-type   { margin-bottom: 0px; }

  /* Normal Margin */
  div.flex-column        {  }
  div.flex-column-one    { width: 4.66666666667%; }
  div.flex-column-two    { width: 13.3333333333%; }
  div.flex-column-three  { width: 22%; }
  div.flex-column-four   { width: 30.6666666667%; }
  div.flex-column-five   { width: 39.3333333333%; }
  div.flex-column-six    { width: 48%; }
  div.flex-column-seven  { width: 56.6666666667%; }
  div.flex-column-eight  { width: 65.3333333333%; }
  div.flex-column-nine   { width: 74.0%; }
  div.flex-column-ten    { width: 82.6666666667%; }
  div.flex-column-eleven { width: 91.3333333333%; }
  div.flex-column-twelve { width: 100%; margin-left: 0; }

  /* Double Margin */
  div.flex-row-double-margin div.flex-column         {  }
  div.flex-row-double-margin div.flex-column-one     { width: 1%; }
  div.flex-row-double-margin div.flex-column-two     { width: 10%; }
  div.flex-row-double-margin div.flex-column-three   { width: 19%; }
  div.flex-row-double-margin div.flex-column-four    { width: 28%; }
  div.flex-row-double-margin div.flex-column-five    { width: 37%; }
  div.flex-row-double-margin div.flex-column-six     { width: 46%; }
  div.flex-row-double-margin div.flex-column-seven   { width: 55%; }
  div.flex-row-double-margin div.flex-column-eight   { width: 64%; }
  div.flex-row-double-margin div.flex-column-nine    { width: 73%; }
  div.flex-row-double-margin div.flex-column-ten     { width: 82%; }
  div.flex-row-double-margin div.flex-column-eleven  { width: 91%; }

  /* Half Margin */
  div.flex-row-half-margin div.flex-column         {  }
  div.flex-row-half-margin div.flex-column-one     { width: 6.5%; }
  div.flex-row-half-margin div.flex-column-two     { width: 15%; }
  div.flex-row-half-margin div.flex-column-three   { width: 23.5%; }
  div.flex-row-half-margin div.flex-column-four    { width: 32%; }
  div.flex-row-half-margin div.flex-column-five    { width: 40.5%; }
  div.flex-row-half-margin div.flex-column-six     { width: 49%; }
  div.flex-row-half-margin div.flex-column-seven   { width: 57.5%; }
  div.flex-row-half-margin div.flex-column-eight   { width: 66%; }
  div.flex-row-half-margin div.flex-column-nine    { width: 74.5%; }
  div.flex-row-half-margin div.flex-column-ten     { width: 83%; }
  div.flex-row-half-margin div.flex-column-eleven  { width: 91.5%; }
}

@media (max-width: 768px) {
}