.column {
  padding-left: 10px;
  padding-right: 10px;
}

.column:first-child {
  padding-left: 0;
}

.column:last-child {
  padding-right: 0;
}

#grid-big::after {
  clear: both;
  content: ' ';
  display: table;
}
#grid-big::before {
  content: ' ';
  display: table;
}

.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }

@media screen and (max-width: 767px){
  #grid[data-columns]::before {
    content: '1 .column.size-1of1';
    opacity: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #grid[data-columns]::before {
    content: '2 .column.size-1of2';
    opacity: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #grid[data-columns]::before {
    content: '3 .column.size-1of3';
    opacity: 0;
  }
}
@media screen and (min-width: 1200px) {
  #grid[data-columns]::before {
    content: '4 .column.size-1of4';
    opacity: 0;
  }
}

@media screen and (max-width: 1244px) {
  #grid-big[data-columns]::before {
    content: '1 .column.size-1of1';
    opacity: 0;
  }

  #grid-big .grid-element:nth-child(2) hr {
    display: block;
  }
}
@media screen and (min-width: 1245px) {
  #grid-big[data-columns]::before {
    content: '2 .column.size-1of2';
    opacity: 0;
  }
}

#grid-load-more[data-columns]::before {
  content: '1 .column.size-1of1';
  opacity: 0;
}