.li_fl li{
  float: left; }

.text_table_wrap {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4; }
  .text_table_wrap .text_table {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
    .text_table_wrap .text_table .text_td {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      padding: 20px 16px; }
      .text_table_wrap .text_table .text_td.banner_text_top {
        vertical-align: top; }
      .text_table_wrap .text_table .text_td.banner_text_bottom {
        vertical-align: bottom; }
.text_inner_box_left {
  float: left; }
.text_inner_box_right {
  float: right; }


.col-xs-1-2,
.col-xs-1-5,
.col-xs-2-4,
.col-sm-1-2,
.col-sm-1-5,
.col-sm-2-4,
.col-md-1-2,
.col-md-1-5,
.col-md-2-4,
.col-lg-1-2,
.col-lg-1-5,
.col-lg-2-4,
.col-xl-1-2,
.col-xl-1-5,
.col-xl-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
.col-sm-1-2,
.col-sm-1-5,
.col-sm-2-4,{
  float: left; }
.col-sm-1-2 {
  width: 10%; }
.col-sm-1-5 {
  width: 12.5%; }
.col-sm-2-4 {
  width: 20%; }

@media only screen and (max-width: 544px) {
  .col-xs-1-2,
  .col-xs-1-5,
  .col-xs-2-4,{
    float: left; }

  .col-xs-1-2 {
    width: 10%; }

  .col-xs-1-5 {
    width: 12.5%; }

  .col-xs-2-4 {
    width: 20%; }
    
  .com_grid_view > li.first-item-of-portrait-line{
    clear: both; }}

@media only screen and (min-width: 544px) and (max-width: 767px) {
  .com_grid_view > li.first-item-of-mobile-line{
    clear: both; }}


@media (min-width: 768px) {
  .col-md-1-2,
  .col-md-1-5,
  .col-md-2-4{
    float: left; }
  .col-md-1-2 {
    width: 10%; }
  .col-md-1-5 {
    width: 12.5%; }
  .col-md-2-4 {
    width: 20%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .com_grid_view > li.first-item-of-tablet-line{
    clear: both; }}


@media (min-width: 992px) {
  .col-lg-1-2,
  .col-lg-1-5,
  .col-lg-2-4 {
    float: left; }
  .col-lg-1-2 {
    width: 10%; }
  .col-lg-1-5 {
    width: 12.5%; }
  .col-lg-2-4 {
    width: 20%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .com_grid_view > li.first-item-of-line{
    clear: both; }}


@media only screen and (min-width: 1200px) {
  .col-xl-1-2,
  .col-xl-1-5,
  .col-xl-2-4{
    float: left; }
  .col-xl-1-2 {
    width: 10%; }
  .col-xl-1-5 {
    width: 12.5%; }
  .col-xl-2-4 {
    width: 20%; }
  .com_grid_view > li.first-item-of-desktop-line{
    clear: both; }}