.grey{
    background:#f9f9fa;
}
.hero-section,
.desc-top,
.description,
.recurring,
.flexible,
.payments,
.subscription-management,
.rewards,
.showcase,
.join-3dcart{
    padding:50px 0;
}
.hero-section{
    margin-top:91px;
}
.hero-text {
    float: left;
    width: 50%;
    margin-top: 105px;
}
h2{
    margin-bottom:20px;
}
.hero-text h3{
    font-size:18px;
}
.hero-img {
    float: right;
    width: 50%;
    text-align: right;
}
.desc-text {
    float: right;
    width: 57%;
}
.desc-img{
    float: left;
    width: 40%;
    margin-top: 20px;
}
.desc-img img{
    max-width:100%;
}
h3.desc-heading {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 40px;
}
.desc-bottom ul li {
    margin-bottom: 20px;
    list-style: none;
    position: relative;
    padding-left: 40px;
    float: left;
    width: 50%;
}
.desc-bottom ul li:before {
    content:url("../png/check-19.png");
    position: absolute;
    left: 0px;
}
.mid-text-left {
    float: left;
    width: 60%;
}
.mid-image-right {
    float: right;
    width: 40%;
    text-align: right;
}
.mid-text-right {
    float: right;
    width: 49%;
}
.mid-image-left {
    float: left;
    width: 50%;
    text-align: left;
}
.flexible .mid-text-right h2{
    font-size:40px;
    margin-top: 25px;
}
.rwd-text {
    float: left;
    width: 57%;
}
.rwd-img {
    float: right;
    width: 35%;
}
.rwd-img img {
    max-width: 100%;
}
.tools-holder {
    padding-bottom: 35px;
    margin-bottom: 40px;
    border-bottom: 1px solid #b7b7b7;
}
.tools-holder.last {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.ex-left {
    float: left;
    width: 16%;
    padding-top: 10px;
    text-align: center;
}
.ex-right {
    float: right;
    width: 82%;
}
.tools-holder h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}
.tools {
    margin-top: 50px;
}
.tools .tools-holder:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.showcase-left {
    float: left;
    width: 60%;
}
.showcase-right {
    float: right;
    width: 40%;
    text-align: center;
}
.showcase{
    padding-bottom:0;
}
.showcase-right img{
    margin-bottom:-5px;
}
.join-3dcart-img {
    margin: 35px 0 40px;
}
.join-3dcart {
    padding: 50px 0 60px;
}
.join-3dcart p{
    padding-right:60px;
}
@media(max-width:1199px){
    img{
        max-width:100%;
    }
    .join-3dcart p{
        padding-right:0px;
    }
    .hero-text h2{
        font-size:38px;
    }
    .hero-text {
        margin-top: 80px;
    }
    .desc-text h2{
        font-size:38px;
    }
    .desc-img {
        margin-top: 70px;
    }
    .flexible .mid-text-right h2 {
        font-size: 33px;
        margin-top: 0px;
    }
    .flexible .mid-image-left {
        width: 45%;
    }
    .payments h2,.subscription-management h2{
        font-size:35px;
    }
    .mid-image-left {
        width: 47%;
        margin-top: 30px;
    }
    .showcase {
        padding-bottom: 40px;
    }
}
@media(max-width:1023px){
    .hero-text {
        margin-top: 0;
        float: none;
        width: 100%;
        text-align: center;
    }
    .hero-text h2 {
        font-size: 42px;
    }
    .hero-text h3 {
        font-size: 24px;
    }
    .hero-img {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .desc-text,.mid-text-left,.mid-text-right,.rwd-text,.showcase-left {
        float: none;
        width: 100%;
    }
    .desc-img,.mid-image-right,.mid-image-left,.rwd-img,.showcase-right,.flexible .mid-image-left {
        margin-top: 20px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .desc-bottom ul li {
        width: 100%;
    }
}
@media(max-width:767px){
    .ex-left {
        float: none;
        width: 100%;
        padding-top: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .ex-right {
        float: none;
        width: 100%;
    }
    .payments h2, .subscription-management h2 {
        font-size: 28px;
    }
    ul.clearfix {
        padding: 0;
    }
    h3.desc-heading {
        font-size: 16px;
        margin-top: 20px;
    }
    .hero-text h2 {
        font-size: 28px;
    }
    .hero-text h3 {
        font-size: 19px;
    }
    .desc-bottom ul li {
        margin-bottom: 10px;
    }
}