#container {
    padding: 0;
    margin: 0 20px;
    transition: all 0.45s;
    -webkit-transition: all 0.45s;
}

.demo {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 25px;
}

@media (min-width: 1600px) {
    .col-xlg-col-5.demo  {
        width:20% !important;
    }
}

.demo p {
    font-size:14px;
    color:#8a8a8a;
    line-height:1.4;
    margin-bottom: 0;
}

.demo .demo-image-wrap {
    border: 1px solid #eaeaea;
    padding:3px;
    position: relative;
    margin-right:1px;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
}

.demo .demo-image-wrap:hover {
    background-color: #009688;
    border-color:#009688;
}

.demo .demo-image {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    height: 250px;
    -webkit-transition: background-position 0.5s linear 0s; /* Safari and Chrome */
       -moz-transition: background-position 0.5s linear 0s; /* Firefox 4 */
         -o-transition: background-position 0.5s linear 0s; /* Opera */
            transition: background-position 0.5s linear 0s;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
}

@media (max-width: 1680px) {
    .demo .demo-image {
        height: 210px;
    }
}

@media (max-width: 1440px) {
    .demo .demo-image {
        height: 178px;
    }
}

@media (max-width: 1440px) {
    .demo .demo-image {
        height: 178px;
    }
}

@media (max-width: 1200px) {
    .demo .demo-image {
        height: 145px;
    }
}

.demo .demo-image.fixed-image {
    background-position: center;
}
.demo-image-wrap:hover .demo-image.fixed-image {
    background-position: center;
}
.demo-image-wrap:hover .demo-image {
    background-position: center bottom;
    -webkit-transition: background-position 3s linear 0s;
    transition: background-position 3s linear 0s;
}

.demo.coming .demo-image { background-image: url(../images/coming_soon.png); background-position: center center; background-size: auto auto; background-color: #ddd; }

.demo .demo-link {
    display: block;
    position: relative;
    margin: 20px 0;
    text-decoration: none;
}

.demo h2 {
    font-size: 18px;
    color: #333;
    margin: 10px;
}

.demo a:hover h2 {
    color: #009688;
}