#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: #337ab7; border-color: #337ab7; }

.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: #337ab7; }
.demo label { line-height: 30px; }