.section-padding {
    padding: 80px 0;
}
div.channel-header.item {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.section-head {
    margin-bottom: 10px;
    padding-top: 20px;
}
div.text-intro {
    width: 100%;
    padding: 0 50px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.about .item {
    padding: 20px 0px;
}
.about div.cont {
    padding: 20px !important;
}
.about div.text-center p {
    margin-bottom: 30px;
    line-height: 20px;
}
.about .clients {
    margin-top: 0;
}
.clients .container .row {
    padding-top: 0px;
}
.clients .section-head  {
    margin-bottom: 40px;
} 
.demos {
    background: #fff;
}

.demos .row>div {
    padding: 0 30px;
}

.demos .item {
    box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, .1);
    background: #fff;
}

.demos .item:hover img {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    transition: all .4s;
}

.demos .item:hover h6 {
    color: #fff;
}

.demos .item:hover h6:before {
    height: 100%;
}

.demos .item img {
    border-radius: 4px;
}

.demos h6 {
    border-top: 1px solid #eee;
    padding: 20px 0;
    position: relative;
    transition: all .4s;
    z-index: 3;
}

.demos h6:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #fb8133;
    background: linear-gradient(to right bottom, #fb8133, #f53434);
    transition: all .4s;
    z-index: -1;
}
a.nav-link.active::before {
    background: none !important;
}
.demos {
    padding-top: 50px;
}
footer.footer {
    padding-bottom: 0px;
}
.call-action {
    margin-top: 50px;
}
.footer .sub-footer {
    margin-top: 0;
}