.grid-item,
.grid-sm-6 .grid-item,
.grid-sm-5 .grid-item,
.grid-sm-4 .grid-item,
.grid-sm-3 .grid-item,
.grid-sm-2 .grid-item,
.grid-sm-1 .grid-item,
.grid-md-6 .grid-item,
.grid-md-5 .grid-item,
.grid-md-4 .grid-item,
.grid-md-3 .grid-item,
.grid-md-2 .grid-item,
.grid-md-1 .grid-item,
.grid-lg-6 .grid-item,
.grid-lg-5 .grid-item,
.grid-lg-4 .grid-item,
.grid-lg-3 .grid-item,
.grid-lg-2 .grid-item,
.grid-lg-1 .grid-item{
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 450px ){
  .grid-item {
    margin: 0px 5px;
    padding-bottom:20px; 
    padding-left:0px;
    padding-right:0px;
  } 
} 

@media only screen and (min-width: 451px) {
  .grid-container{
    margin: 0 -15px;
  }

  .grid-item {
    margin: 0 10px;
  }

  .grid-sm-6 .grid-item{
    width: calc(16.66666% - 20px);
    max-width: calc(16.66666% - 20px);
  }
  .grid-sm-5 .grid-item{
    width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
  .grid-sm-4 .grid-item{
    width: calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
  .grid-sm-3 .grid-item{
    width: calc(33.33333% - 20px);
    max-width: calc(33.33333% - 20px);
  }
  .grid-sm-2 .grid-item{
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .grid-sm-1 .grid-item{
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }

}

@media only screen and (min-width: 768px) {

  .grid-md-6 .grid-item{
    width: calc(16.66666% - 20px);
    max-width: calc(16.66666% - 20px);
  }
  .grid-md-5 .grid-item{
    width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
  .grid-md-4 .grid-item{
    width: calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
  .grid-md-3 .grid-item{
    width: calc(33.33333% - 20px);
    max-width: calc(33.33333% - 20px);
  }
  .grid-md-2 .grid-item{
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .grid-md-1 .grid-item{
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }

}

@media only screen and (min-width: 1025px) {

  .grid-lg-6 .grid-item{
    width: calc(16.66666% - 20px);
    max-width: calc(16.66666% - 20px);
  }
  .grid-lg-5 .grid-item{
    width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
  .grid-lg-4 .grid-item{
    width: calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
  .grid-lg-3 .grid-item{
    width: calc(33.33333% - 20px);
    max-width: calc(33.33333% - 20px);
  }
  .grid-lg-2 .grid-item{
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .grid-lg-1 .grid-item{
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }

}