.container {
  max-width: 100%;
  @include container-fixed();

  @media (min-width: $screen-sm-min) {

  }
  @media (min-width: $screen-md-min) {

  }
  @media (min-width: $screen-lg-min) {
    width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.container-fluid {
  @include container-fixed;
}
.row {
  @include make-row;
}

@include make-grid-columns;

@include make-grid(xs);

@media (min-width: $screen-sm-min) {
  @include make-grid(sm);
}

@media (min-width: $screen-md-min) {
  @include make-grid(md);
}

@media (min-width: $screen-lg-min) {
  @include make-grid(lg);
}

.grid-items{
  &:not(.slick-slider){
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .grid-item{
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.grid-items.grid-space-default{
  margin-left: -15px;
  margin-right: -15px;
}

@for $i from 1 through 10 {
  .block-grid-#{$i}{
    .grid-item{
      width: percentage(1/$i);
    }
  }
}

$bkp_lists : (
      ('sm'   , 576px),
      ('md'   , 768px),
      ('lg'   , 992px),
      ('xl'   , 1200px),
      ('xxl'  , 1825px)
);

@each $bkp in $bkp_lists {
  @media (min-width: nth($bkp, 2)){
    $screen_name : nth($bkp, 1);
    @for $i from 1 through 10 {
      .#{$screen_name}-block-grid-#{$i}{
        .grid-item{
          width: percentage(1/$i);
        }
      }
    }
  }
}

.grid-space-0{
  margin-left: 0;
  margin-right: 0;
  .grid-item{
    padding: 0;
  }
}


@for $i from 5 through 80 {
  @if($i%5 == 0){
    .grid-space-#{$i}{
      @media (min-width: 992px) {
        margin-left: -#{$i/2}px;
        margin-right: -#{$i/2}px;
      }
      .grid-item{
        padding: #{$i/2}px;
      }
    }
  }
}

@keyframes in-bottom50 {
  from {
    transform: translate(0, 30px)
  }
  to {
    transform: translate(0, 0)
  }
}
@-webkit-keyframes in-bottom50 {
  from {
    -webkit-transform: translate(0, 30px)
  }
  to {
    -webkit-transform: translate(0, 0)
  }
}