.ul_flex {
    display: flex;
    flex-wrap: wrap;
}

.flex_xs_1, .flex_sm_1, .flex_md_1, .flex_lg_1, .flex_xs_2, .flex_sm_2, .flex_md_2, .flex_lg_2, .flex_xs_3, .flex_sm_3, .flex_md_3, .flex_lg_3, .flex_xs_4, .flex_sm_4, .flex_md_4, .flex_lg_4, .flex_xs_5, .flex_sm_5, .flex_md_5, .flex_lg_5, .flex_xs_6, .flex_sm_6, .flex_md_6, .flex_lg_6, .flex_xs_7, .flex_sm_7, .flex_md_7, .flex_lg_7, .flex_xs_8, .flex_sm_8, .flex_md_8, .flex_lg_8, .flex_xs_9, .flex_sm_9, .flex_md_9, .flex_lg_9, .flex_xs_10, .flex_sm_10, .flex_md_10, .flex_lg_10, .flex_xs_11, .flex_sm_11, .flex_md_11, .flex_lg_11, .flex_xs_12, .flex_sm_12, .flex_md_12, .flex_lg_12 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.flex_xs_12 {
    width: 100%;
}

.flex_xs_11 {
    width: 91.66666667%;
}

.flex_xs_10 {
  width: 83.33333333%;
}

.flex_xs_9 {
  width: 75%;
}

.flex_xs_8 {
  width: 66.66666667%;
}

.flex_xs_7 {
  width: 58.33333333%;
}

.flex_xs_6 {
  width: 50%;
}

.flex_xs_5 {
  width: 41.66666667%;
}

.flex_xs_4 {
  width: 33.33333333%;
}

.flex_xs_3 {
  width: 25%;
}

.flex_xs_2 {
  width: 16.66666667%;
}

.flex_xs_1 {
  width: 8.33333333%;
}

@media all and (min-width: 768px) {
  .flex_sm_12 {
    width: 100%;
  }
  .flex_sm_11 {
    width: 91.66666667%;
  }
  .flex_sm_10 {
    width: 83.33333333%;
  }
  .flex_sm_9 {
    width: 75%;
  }
  .flex_sm_8 {
    width: 66.66666667%;
  }
  .flex_sm_7 {
    width: 58.33333333%;
  }
  .flex_sm_6 {
    width: 50%;
  }
  .flex_sm_5 {
    width: 41.66666667%;
  }
  .flex_sm_4 {
    width: 33.33333333%;
  }
  .flex_sm_3 {
    width: 25%;
  }
  .flex_sm_2 {
    width: 16.66666667%;
  }
  .flex_sm_1 {
    width: 8.33333333%;
  }
}


@media all and (min-width: 992px) {
      .flex_md_12 {
        width: 100%;
      }
      .flex_md_11 {
        width: 91.66666667%;
      }
      .flex_md_10 {
        width: 83.33333333%;
      }
      .flex_md_9 {
        width: 75%;
      }
      .flex_md_8 {
        width: 66.66666667%;
      }
      .flex_md_7 {
        width: 58.33333333%;
      }
      .flex_md_6 {
        width: 50%;
      }
      .flex_md_5 {
        width: 41.66666667%;
      }
      .flex_md_4 {
        width: 33.33333333%;
      }
      .flex_md_3 {
        width: 25%;
      }
      .flex_md_2 {
        width: 16.66666667%;
      }
      .flex_md_1 {
        width: 8.33333333%;
      }
}

@media all and (min-width: 1200px) {
    .flex_lg_12 {
        width: 100%;
    }
    
    .flex_lg_11 {
        width: 91.66666667%;
    }
    
    .flex_lg_10 {
        width: 83.33333333%;
    }
      
    .flex_lg_9 {
        width: 75%;
    }
      
    .flex_lg_8 {
        width: 66.66666667%;
    }
      
    .flex_lg_7 {
        width: 58.33333333%;
    }
      
    .flex_lg_6 {
        width: 50%;
    }
      
    .flex_lg_5 {
        width: 41.66666667%;
    }
      
    .flex_lg_4 {
        width: 33.33333333%;
    }
      
    .flex_lg_3 {
        width: 25%;
    }
      
    .flex_lg_2 {
        width: 16.66666667%;
    }
      
    .flex_lg_1 {
        width: 8.33333333%;
    }
}