.clear {
  clear: both;
  float: none;
  width: 100%;
}


.container-sl .gallery a img {
    float: left;
    width: 100%;
    border: 2px solid #b4b4b4;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}

.container-sl .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
/* line 57, ../sass/demo.scss */
.container-sl .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
@media screen and (max-width: 550px) and (min-width: 200px){
  
  .container-sl .gallery a img {
    float: left;
    width: 48%;
    height: auto;
    border: 2px solid #c1c1c1;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
    height: 126px;
    margin: 2px 2px;
}
}

@media screen and (max-width: 768px) and (min-width: 550px){
   .container-sl .gallery a img {
    float: left;
    width: 23.6%;
    height: auto;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
    height: 150px;
    margin: 2px 2px;
} 
}