/* LESS Document */
/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
.list .row {
  margin: 0 -30px;
}
.list .row .col {
  padding: 0 30px;
}
.list .item {
  margin-bottom: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.list .item .pic img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.list .item .desc {
  margin-top: 14px;
  color: #666;
  font-size: 0.95em;
  line-height: 130%;
}
.list .item:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.list .item:hover .pic img {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .list .row {
    margin: 0 -18px;
  }
  .list .row .col {
    padding: 0 18px;
  }
}
@media (max-width: 567px) {
  .list .row {
    margin: 0 -12px;
  }
  .list .row .col {
    padding: 0 12px;
  }
}