.vertical-middle{
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.two-col .vertical-middle .column-block,
.z-two-col .vertical-middle .column-block {
    margin-right: 0;
    padding-right: 6%;
    width: 53%;
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

.animated,
.fadeIn,
.fadeInLeft,
.fadeInRight,
.slideInUp,
.slideInLeft,
.slideInRight,
.zoomIn,
.fadeInUp,
.customAnimation {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#convert-visitor .column-block p,
#source-leads .column-block p,
#contextual-gmail .column-block p {
    margin-bottom: 30px;
}

.two-col .vertical-middle .column-block:nth-child(2n),
.z-two-col .vertical-middle .column-block:nth-child(2n) {
    padding-right: 0px;
}

.three-col .column-block,
.z-three-col .column-block {
    width: 30%;
    margin-right: 5%;
}

.column-block,
.z-column-block {
    float: left;
}

.three-col .column-block:nth-child(3n),
.z-three-col .column-block:nth-child(3n) {
    margin-right: 0px;
}

#integrations-sec .z-product-wrap .custom-icon {
    transition: all 0.5s ease;
}

#integrations-sec .custom-icon {
    background: var(--product-icons) no-repeat;
    background-size: var(--zp-i-bs);
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    position: relative;
    margin-bottom: 10px;
    transform: scale(1);

}

#integrations-sec .custom-icon.zoho-inventory​ {
    background-position: var(--zp-inventory-bp);
}

#integrations-sec .custom-icon.zoho-books​ {
    background-position: var(--zp-books-bp);
}

#integrations-sec .custom-icon.zoho-expense​ {
    background-position: var(--zp-expense-bp);
}

#integrations-sec .custom-icon.zoho-subscriptions​ {
    background-position: var(--zp-subscriptions-bp);
}

#integrations-sec .z-product-wrap:hover .custom-icon {
    transform: scale(0.85);
}

@media only screen and (max-width:480px) {
    .button {
        font-size: 12px;
    
    }

    .vertical-middle {
        display: flex;
        flex-flow: column wrap;
    }

    section#convert-visitor .vertical-middle {
        flex-direction: column-reverse;

    }

    .three-col .column-block,
    .z-three-col .column-block,.two-col .vertical-middle .column-block, .z-two-col .vertical-middle .column-block {
        width: 100%;
        margin-right: 0;
        padding: 10px;
    }
}