<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/*defalut dla row*/
.row {
  display: flex;
  flex-wrap: wrap;
}

/* SM – default (do 699px) */
.row > .col-sm-1  { width: 8.33333333%; }
.row > .col-sm-2  { width: 16.66666667%; }
.row > .col-sm-3  { width: 25%; }
.row > .col-sm-4  { width: 33.33333333%; }
.row > .col-sm-5  { width: 41.66666667%; }
.row > .col-sm-6  { width: 50%; }
.row > .col-sm-7  { width: 58.33333333%; }
.row > .col-sm-8  { width: 66.66666667%; }
.row > .col-sm-9  { width: 75%; }
.row > .col-sm-10 { width: 83.33333333%; }
.row > .col-sm-11 { width: 91.66666667%; }
.row > .col-sm-12 { width: 100%; }

/* MD – od 700px */
@media (min-width: 700px) {
  .row > .col-md-1  { width: 8.33333333%; }
  .row > .col-md-2  { width: 16.66666667%; }
  .row > .col-md-3  { width: 25%; }
  .row > .col-md-4  { width: 33.33333333%; }
  .row > .col-md-5  { width: 41.66666667%; }
  .row > .col-md-6  { width: 50%; }
  .row > .col-md-7  { width: 58.33333333%; }
  .row > .col-md-8  { width: 66.66666667%; }
  .row > .col-md-9  { width: 75%; }
  .row > .col-md-10 { width: 83.33333333%; }
  .row > .col-md-11 { width: 91.66666667%; }
  .row > .col-md-12 { width: 100%; }
}

/* LG – od 1024px */
@media (min-width: 1024px) {
  .row > .col-lg-1  { width: 8.33333333%; }
  .row > .col-lg-2  { width: 16.66666667%; }
  .row > .col-lg-3  { width: 25%; }
  .row > .col-lg-4  { width: 33.33333333%; }
  .row > .col-lg-5  { width: 41.66666667%; }
  .row > .col-lg-6  { width: 50%; }
  .row > .col-lg-7  { width: 58.33333333%; }
  .row > .col-lg-8  { width: 66.66666667%; }
  .row > .col-lg-9  { width: 75%; }
  .row > .col-lg-10 { width: 83.33333333%; }
  .row > .col-lg-11 { width: 91.66666667%; }
  .row > .col-lg-12 { width: 100%; }
}</style>
<!-- end Simple Custom CSS and JS -->
