@gutter_r1: 20px;

.uib_row_4 > .col { padding-left:(@gutter_r1 / 2); padding-right:(@gutter_r1 / 2); }

@media all and (min-width: @wp_1) {
  .uib_col_8     { width:42%;}
  .urow.cright       > .uib_col_8     { padding-left: 0px !important;}
  .urow:not(.cright) > .uib_col_8     { clear:left; padding-left: 0px !important; }
  .uib_col_9     { width:16%;}
  .uib_col_7     { width:42%;}
  .urow:not(.cright) > .uib_col_7     { padding-right:0px !important;}
  .urow.cright       > .uib_col_7     { clear:right; padding-right:0px !important; }
}

@media all and (min-width: @wp_2) and (max-width: @wp_1){
  .uib_col_8.uib_col_8     { width: auto; float: none !important;  clear:both; padding-left:0px !important; padding-right:0px !important; }
  .uib_col_9     { width:28%;}
  .urow.cright       > .uib_col_9     { padding-left: 0px !important;}
  .urow:not(.cright) > .uib_col_9     { clear:left; padding-left: 0px !important; }
  .uib_col_7     { width:71%;}
  .urow:not(.cright) > .uib_col_7     { padding-right:0px !important;}
  .urow.cright       > .uib_col_7     { clear:right; padding-right:0px !important; }
}

@media all and (max-width: @wp_2) {
  .col-0_5-12_5-5     { width: auto; float: none !important;  clear:both; padding-left:0px !important; padding-right:0px !important; }
  .col-0_2-12_2-7     { width: auto; float: none !important;  clear:both; padding-left:0px !important; padding-right:0px !important; }
  .col-0_5-12_5-7     { width: auto; float: none !important;  clear:both; padding-left:0px !important; padding-right:0px !important; }
}