.header-banner{
    padding: 0 20px;
}

.features-banner-content {
    text-align: initial;
    max-width: 1170px;
    padding: 20px 0 30px;
    margin: 20px auto;
}


.body-umain .features-banner-content .act-btn {
    display: inline-block;
}

.features-banner-content p {
    margin: 10px 0 25px;
}

.features-banner-content h1 {
    font-size: 50px;
}

.features-banner-content .contpart{
    width: 55%;
}

.features-banner-content .imgpart{
    width: 40%;
}

.features-banner-wrap {
    padding: 30px 0 10px;
}

.body-umain .features-banner-content {
    margin: 0 auto;
    text-align: center;
}

.body-umain .features-banner-content .contpart {
    width: 100%
}

.body-umain .features-banner-content p {
    margin: 20px auto;
}

    
    .feature-col span{
    background-image: url(/sites/zweb/images/workerly/temp-staffing-sprite.png);
        background-size: 300px auto;
        width: 50px;
        height: 50px;
        display: block;
        margin-bottom: 20px;
    }

    .body-umain .features-ban-left {
        width: 100%;
        text-align: center;
        max-width: 600px;
        margin: 0 auto;
    }

    .body-umain .features-ban-right {
        display: none;
    }
    
    /* .features-qlinks {
        display: none;
    } */
    
    .features-banner-wrap  {
    position: relative;
    }
    
    .features-banner-wrap:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: #ffe0d7;
      width: 100%;
      height: 610px;
      z-index: -1;
    }
    
    .features-banner-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0 20px;
    }
    
    .features-ban-left {
    width: 60%;
    }
    
    .features-ban-right {
    width: 40%;
    }
    
    .bottom-cta-wrap .content-wrap{
    padding: 40px 0 100px;
    }
    
    .feature-col span.improveagent {
    background-position: 0 0;
    }
    
    .feature-col span.scheduling {
    background-position: -50px 0;
    }
    
    .feature-col span.time {
    background-position: -100px 0;
    }
    
    
    .feature-col span.timesheet {
    background-position: -150px 0;
    }
    
    
    .feature-col span.payment {
    background-position: -200px 0;
    }
    
    
    .feature-col span.payroll {
    background-position: -250px 0;
    }
    
    
    
    
    
    .page-node-61379 .main-container-wrapper:before{
    background: #ffe0d7;
    height: 730px;
    }
    
    
    .feature-col{
        display: inline-block;
        width: 33.333%;
        box-sizing: border-box;
        padding: 0 25px;
    margin-top: 50px;
    vertical-align: top;
    }
    
    
    .zsection-features{
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    *{
    box-sizing: border-box;
    }
    
    .main-container-wrapper:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 950px;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, #ffd4c2 0%, #fedccb 18%, #fdebde 42%, #fef8f4 62%, #ffffff 75%, #ffffff 100%);
        z-index: -1;
    }
    
    
    .header-banner img {
    max-width: 1170px;
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #f5f5f5;
    box-shadow: 3px 0px 13px 6px rgba(219, 219, 219, 0.2);
    }
    .features-box.box-1>div span {
        background-position: 0 0;
    }
    
    .features-box.box-2>div span {
        background-position: -50px 0;
    }
    
    .features-box.box-3>div span {
        background-position: -100px 0;
    }
    
    .features-box.box-4>div span {
        background-position: -150px 0;
    }
    
    .features-box.box-5>div span {
        background-position: -200px 0;
    }
    
    
    .content-wrap{
        width: 90%;
        max-width: 1170px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    
    .zp-highlighted-features-wrap .features-box-wrap {
        max-width: 1170px;
        margin: 20px auto;
        display: table;
        table-layout: fixed;
        vertical-align: top;
        width: inherit;
        overflow: hidden
    }
    
    .zp-highlighted-features-wrap .features-box-wrap>div {
        display: table-cell;
    }
    
    .features-box {
        text-align: left;
        padding: 50px;
        box-sizing: border-box;
        border: 1px solid #efefef;
        margin: 30px 15px;
        overflow: hidden
    }
    
    .content-wrap .features-box {
        transform: translateY(150px);
    }
    
    .animated .features-box {
        opacity: 1;
        margin: 30px 15px;
        transform: translateY(0);
    }
    
    
    .features-box > div span{
    display: inline-block;
    height: 50px;
    min-width: 50px;
    margin-bottom: 10px;
    vertical-align: top;
    }
    
    .zp-highlighted-features-wrap {
    margin-top: 70px;
    }
    
    .zp-mobile-apps-wrap{
    position: relative;
    text-align: center;
    margin: 0 0 0;
    padding: 60px 0 0;
    }
    
    .zp-mobile-apps-wrap img {
        max-width: 700px;
        margin: 0 auto;
        display: block;
    width: 100%;
    }
    
    .zp-mobile-apps-wrap .content-wrap {
    max-width: 800px;
    }
    
    .zp-highlighted-features-wrap h2, .zp-highlighted-features-wrap h2 + p{
    max-width: 600px;
        margin: 0 auto 20px;
        text-align: center;
    }
    .features-qlinks ul li:last-child {
    opacity: 1;
}
.zw-product-header.zwph-white .product-icon {
    -webkit-filter: none;
    filter: none;
}
    .zw-product-header{background:#ffe0d7;}
    @media screen and (min-width: 1500px){
        .features-ban-left h1{
            font-size: 60px;
        }
    
        
        .bottom-cta-wrap h2{
            font-size: 44px;
        }
    }
    
    
    @media screen and (min-width: 1300px){
        .features-ban-left h1{
            font-size: 50px;
        }
        
        .zp-mobile-apps-wrap img{
            max-width: 600px;
        }
        
    
        
    }
    
    @media screen and (max-width: 1299px){
        .features-banner-wrap{
            padding: 50px 0 10px;
        }
        
        .features-ban-left h1{
            font-size: 44px;
        }
        
        .zp-mobile-apps-wrap img{
            max-width: 600px;
        }
    }
    
    @media screen and (min-width: 992px) and (max-width: 1299px){
    .features-banner-wrap{
    padding: 90px 0 10px;
    }
    }
    

    @media screen and (min-width: 992px) {
        .features-banner-content .act-btn {
            display: none;
        }
        .body-umain .features-banner-content {
            padding: 60px 0;
        }
        
    }
    
    @media screen and (max-width: 991px){
        .feature-col{
            width: 50%;
            display: inline-block;
        }

        .features-banner-content .contpart {
            width: 100%;
            text-align: center;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .features-banner-content h1{
            font-size: 34px;
        }

        .features-banner-wrap {
            padding: 20px 0 10px;
        }
        
        .features-banner-content{
            margin: 10px auto 0;
            padding: 20px 0 60px;
        }
    
    .zp-mobile-apps-wrap img{
    max-width: 500px;
    }

    }
    
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .zp-highlighted-features-wrap .features-box-wrap>div {
            display: inline-block;
            width: 50%;
            vertical-align: top;
            padding: 10px;
        }

        .features-banner-wrap .content-wrap {
            margin: 20px auto;
        }
    
        .zp-highlighted-features-wrap .features-box-wrap>div {
            visibility: visible;
            transform: translateY(0);
        }
    }
    
    
    @media only screen and (max-width:767px) {
        .zp-highlighted-features-wrap .features-box-wrap {
            width: 100%
        }
    
    .feature-col span{
    margin: 0 auto 20px;
    }
        
        .bottom-cta-wrap .content-wrap{
            padding: 40px 0 80px;
        }    
        
    
    .feature-col{
    width: 100%;
    display: block;
    text-align: center;
    margin: 40px auto 0;
    }
    
    .zp-mobile-apps-wrap{
    padding: 0;
    }
    
        .zp-highlighted-features-wrap .features-box-wrap>div {
            margin: 15px auto;
            display: inline-block;
            width: 100%;
            vertical-align: top;
            padding: 30px 10px;
            max-width: 480px;
        }
    
        .zp-highlighted-features-wrap .features-box-wrap>div {
            visibility: visible
        }
        .content-wrap .features-box {
            opacity: 1;
            transform: scale(1, 1);
            margin: 30px 0;
        }
        .features-box-wrap .content-wrap .features-box {
            opacity: 1;
            transform: scale(1, 1)
        }
    
    .page-node-61379 .main-container-wrapper:before{
    height: 600px;
    }
    
    .bottom-cta-wrap .cta-btn{
    font-size: 14px;
    }
    
    .zp-mobile-apps-wrap .content-wrap{
    padding-bottom: 0;
    }
    
    }