.body-umain .zp-home-right{
    display: none !important;
}
.faq-accordian h4.active:after {
    content: '-';
}
.faq-accordian p {
    margin: 0;
    font-size: 15px;
    padding: 10px 30px 0 0;
    display: none;
}

.zw-product-header {
   background: #fdf2cc;
 }
.umain .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
    padding: 0;
    max-width: 680px;
}
.umain .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    max-width: 1040px;
    margin: 0 auto;
}
.umain .zp-home-banner-wrap>.content-wrap>div.zp-home-left h1+p {
    max-width: 720px;
    margin: 0 auto 20px;
}
   img.zalter-img {
       display: none;
   }
   
   .feature-ss-table>div {
       display: table-cell;
       vertical-align: middle;
       width: 50%;
       padding: 0 60px;
   }
   
   .media-left .feature-ss-content {
       padding: 0 0 0 60px;
       order: 1;
     }
   .apps-download-links-wrap.web {
       display: block;
   }
   
   .apps-download-links-wrap.mobile {
       display: none;
   }
   .zp-home-banner-wrap>.content-wrap>div {
     float: left;
     display: inline-block;
     box-sizing: border-box;
     width: 60%;
 }
   
   h1 {
       font-size: 56px;
       line-height: 1;
       margin-bottom: 22px;
   }
   
   h2,
   h3 {
       font-size: 42px;
       font-family: var(--zf-primary-bold);
   }
   h3{
       font-size: 28px;
   }
   .list-wrap-new li p{
       font-size: 17px;
   }
   h3 span {
       font-size: 38px;
       display: block;
   }
   
   h4 {
       font-family: var(--zf-primary-bold);
   }
   
   h5 {
       font-size: 24px;
   }
   
   .feature-ss-table>div {
       margin: 0;
   }
   
   
   
   .zp-home-banner-wrap:after {
       background: #fdf2cc;
       height: 100%;
   }
   
   .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
       padding: 80px 60px 0 0;
       position: relative;
       width: 55%;
   }
   
   .body-umain .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
       padding: 0;
       max-width: 680px;
   }
   
   .zp-home-banner-wrap>.content-wrap .zp-home-left .watch-btn,
   .body-umain .zp-home-banner-wrap>.content-wrap .zp-home-left .watch-btn {
       display: none !important;
   }
   
   .promo-sec-wrap .watch-btn {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       background: #3a3a3a;
       border-radius: 25px;
       color: #fff;
       padding: 10px 20px 10px 53px;
       display: inline-block;
       z-index: 9;
   }
   
   .promo-sec-wrap .watch-btn:after,
   .promo-sec-wrap .watch-btn:before {
       position: absolute;
       content: '';
   }
   
   .promo-sec-wrap .watch-btn:before {
       left: 15px;
       top: 10px;
       width: 26px;
       height: 26px;
       border: 1px solid #ff0000;
       box-sizing: border-box;
       border-radius: 100%;
       background: #ff0000;
   }
   
   .promo-sec-wrap .watch-btn:after {
       left: 26px;
       top: 18px;
       width: 0;
       height: 0;
       border-top: 5px solid transparent;
       border-bottom: 5px solid transparent;
       border-left: 7px solid #fff;
   }
   
   .zp-home-banner-wrap .zp-home-left h1+p {
       font-size: 20px;
       max-width: 580px;
   }
   
   .zp-home-banner-wrap .content-wrap>div.zp-home-right .signup-box {
       max-width: 400px;
       margin-top: 20px;
   }
   
   .get-signup-plan {
       margin: 20px 0 30px;
   }
   
   /*.personal-email {
       display: none;
   }*/
   
   .business-email p {
       font-size: 14px
   }
   
   .za-username-container input {
       padding-right: 100px
   }
   
   label#defdomdiv {
       position: absolute;
       top: -3px;
       right: 10px;
      transform: translatex(68%);
       z-index: 1;
       padding: 10px 0;
       line-height: 25px;
       font-size: 14px;
       color: #666
   }
   
   .two-col-input {
       overflow: hidden
   }
   
   .two-col-input .sgfrm {
       display: inline-block;
       width: 49%;
       float: left
   }
   
   
   
   .two-col-input .sgfrm .field-msg {
       bottom: 5px
   }
   
   .continuebtn a.act-btn.cta-btn {
       display: inline-block;
       width: 100%;
       padding: 10px 30px;
   }
   
   .business-email+form+.socl-signup {
       display: none
   }
   
   .ccodelabelimg {
       display: none;
   }
   
   .banner-wave {
       position: absolute;
       left: -50%;
       right: -48%;
       margin: auto;
       bottom: 20%;
       max-width: 1500px;
       opacity: 0;
       transition: opacity .5s linear;
       display: none;
   }
   
   .zp-home-banner-wrap-before .banner-wave {
       opacity: 1;
   }
   
   .promo-sec-wrap .content-wrap {
       margin: 0 auto 60px;
       padding: 70px 0 0;
   }
   
   .promo-sec-wrap .content-wrap .slide-wrap {
       position: relative;
       overflow: visible;
       margin: 0px auto 70px;
   }
   
   .promo-sec-wrap .slide-wrap img {
       position: relative;
       z-index: 9;
   }
   
   .slide-wrap:after {
       position: absolute;
       content: "";
       width: 80%;
       height: 60px;
       bottom: 10px;
       background: #000;
       left: 0;
       right: 0;
       margin: auto;
       filter: blur(30px);
       opacity: 0;
       transition: opacity .5s linear;
   }
   
   .zp-home-banner-wrap-before .slide-wrap:after {
       opacity: 0.25;
   }
   
   .IE .zp-home-banner-wrap-before .slide-wrap:after {
       opacity: 1;
       filter: none;
       background: rgba(0, 0, 0, 0.1);
       box-shadow: 10px 10px 70px 10px rgba(0, 0, 0, 0.3);
       bottom: 40px;
   }
   
   .feature-2 .content-wrap {
       max-width: 1680px;
       width: 100%;
   }
   
   .feature-ss-table.media-bottom>div {
       display: block;
       width: 100%;
       text-align: center;
       padding: 0;
   }
   
   .feature-ss-table.media-bottom p {
       max-width: 700px;
       margin: 0 auto 20px;
   }
   
   .feature-ss-table.media-right .feature-ss-content {
       padding-left: 0;
   }
   
   .feature-ss-1 {
       margin: 80px 0 60px;
   }
   
   .feature-ss-section .content-wrap {
       max-width: 1170px;
       padding: 50px 0;
   }
   
   .feature-ss-section {
       overflow: hidden;
       text-align: center;
   }
   
   .feature-ss-table {
       margin: 0;
       display: flex;
       width: 100%;
       text-align: left;
       align-items: center;
   }
   
   .feature-ss-1 .feature-ss-content {
       padding: 0 20px 0 0;
   }
   
   .feature-ss-1 .feature-ss-media {
       padding-left: 20px;
   }
   
   .feature-ss-table.media-right .feature-ss-media {
       padding-right: 0;
   }
   
   .feature-ss-table.media-left .feature-ss-content {
       padding-right: 0;
   }
   
   .feature-ss-table.media-left .feature-ss-media {
       padding-left: 0;
   }
   
   .feature-ss-content>a,
   .link-txt {
       position: relative;
       text-transform: uppercase;
       color: #1975d2;
       padding: 3px 25px 3px 0;
       font-size: 16px;
       display: inline-block;
       letter-spacing: 1.8px;
       font-family: var(--zf-primary-semibold);
   }
   
   .feature-ss-content>a:before,
   .link-txt:before {
       content: '';
       width: 14px;
       height: 14px;
       position: absolute;
       border-radius: 50px;
       background: #1975d2;
       top: 0;
       right: 0;
       bottom: 0;
       margin: auto;
   }
   
   .feature-ss-content>a:after,
   .link-txt:after {
       content: '';
       display: block;
       width: 6px;
       height: 6px;
       border: solid #ffffff;
       border-width: 0 2px 2px 0;
       transform: rotate(-45deg);
       position: absolute;
       top: 0px;
       right: 5px;
       bottom: 0;
       margin: auto;
   }
   
   .feature-testimonial {
       position: relative;
   }
   
   .feature-testimonial:after {
       content: none;
       background: url(/sites/zweb/images/mail/testimonial-pattern.png) no-repeat bottom right/contain;
       position: absolute;
       bottom: 0;
       right: 0;
       height: 60%;
       width: 100%;
   }
   
   .feature-testimonial-box {
       padding: 0px 0 0 100px;
       position: relative;
   }
   
   .feature-testimonial-box:before {
       content: none;
       position: absolute;
       left: 0;
       top: 0;
       width: 70px;
       height: 70px;
       background: url(/sites/zweb/images/mail/home/bbdo-testimonail.png) no-repeat 0 0;
       background-size: 100%;
   }
   
   .feature-testimonial p {
       line-height: 1.8;
       font-family: "Roboto Slab";
       font-weight: 300;
       max-width: 380px;
   }
   
   .testimonial-detail,
   .testimonial-detail span {
       display: block;
   }
   
   .testimonial-detail {
       font-weight: 700;
   }
   
   .testimonial-detail span {
       font-size: 15px;
       font-weight: 500;
       color: #838383;
   }
   
   .feature-news {
       position: relative;
       padding: 0 40px;
   }
   
   .feature-news:before {
       content: '';
       position: absolute;
       width: 2px;
       height: 150px;
       background: #efefef;
       left: -20px;
       top: 60px;
   }
   
   .press-slide p {
       line-height: 1.8;
       font-family: "Roboto Slab";
       font-weight: 300;
       max-width: 380px;
   }
   
   .press-slide span {
       background: url(/sites/zweb/images/mail/zmail-custom-domain-customers-sprite.png) no-repeat 0 0/600px auto;
       height: 45px;
       display: inline-block;
       margin: 0 0 25px;
   }
   
   .press-slide .huffpost {
       background-position: -168px -58px;
       width: 158px;
   }
   
   .press-slide .theguardian {
       width: 135px;
       background-position: -168px -98px;
   }
   
   .press-slide .slick-dots {
       text-align: right;
       position: absolute;
       top: 8px;
   }
   
   .press-slide .slick-dots li {
       background: #000;
       width: 10px;
       height: 10px;
       border-radius: 50px;
       box-sizing: border-box;
       margin: 0 4px;
       transform: scale(.8);
       border: none;
   }
   
   .press-slide .slick-dots .slick-active {
       background: #1975d2;
       transform: scale(1.2);
   }
   
   .feature-ss-2 .feature-ss-content,
   .feature-ss-3 .feature-ss-content,
   .feature-ss-4 .feature-ss-content,
   .feature-ss-5 .feature-ss-content,
   .feature-ss-7 .feature-ss-content {
       width: 45%;
   }
   
   .feature-ss-2 .feature-ss-media,
   .feature-ss-3 .feature-ss-media,
   .feature-ss-4 .feature-ss-media,
   .feature-ss-5 .feature-ss-media,
   .feature-ss-7 .feature-ss-media {
       width: 55%;
       text-align: center;
   }
   
   .feature-ss-2 .feature-ss-content h3,
   .feature-ss-3 .feature-ss-content h3,
   .feature-ss-4 .feature-ss-content h3,
   .feature-ss-5 .feature-ss-content h3,
   .feature-ss-7 .feature-ss-content h3 {
       max-width: 410px
   }
   
   .feature-ss-2 .feature-ss-content p,
   .feature-ss-3 .feature-ss-content p,
   .feature-ss-4 .feature-ss-content p,
   .feature-ss-5 .feature-ss-content p,
   .feature-ss-6 .feature-ss-content p,
   .feature-ss-7 .feature-ss-content p {
       padding-right: 50px;
   }
   
   .apps-download-links-wrap {
       margin: 40px 0 0;
   }
   
   .apps-download-links-wrap a:first-child {
       margin-left: 0;
   }
   
   .mobile-switch {
       margin: 20px 0 30px;
       display: inline-block;
       position: relative;
   }
   
   .m-switch {
       position: relative;
       display: inline-block;
       width: 32px;
       height: 20px;
       vertical-align: middle;
   }
   
   .m-switch input {
       opacity: 0;
       width: 0;
       height: 0;
   }
   
   .m-switch span {
       border-radius: 34px;
       position: absolute;
       cursor: pointer;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background-color: #fff;
       -webkit-transition: .4s;
       transition: .4s;
       border: 1px solid #000;
   }
   
   .m-switch input.active+span {
       background: #000;
       border: 1px solid #000;
   }
   
   .m-switch span:before {
       border-radius: 50%;
       position: absolute;
       content: "";
       height: 14px;
       width: 14px;
       left: 2px;
       bottom: 2px;
       background: #000;
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
   }
   
   .m-switch input.active+span:before {
       -webkit-transform: translateX(12px);
       -ms-transform: translateX(12px);
       transform: translateX(12px);
       background: #fff;
   }
   
   .m-text {
       display: inline-block;
       vertical-align: middle;
       margin-left: 20px;
       font-size: 16px;
       cursor: pointer;
   }
   
   .mobile-container {
       max-width: 320px;
       display: block;
       margin: 30px auto 0;
       padding: 0 20px;
       text-align: center;
   }
   
   .mobile-container-inner {
       position: relative;
   }
   
   .mobile-container-inner:before {
       position: absolute;
       content: "";
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       top: 20px;
       left: -20px;
       right: 0;
       bottom: 0;
       margin: auto;
       filter: blur(12px);
       opacity: 0.3;
       border-radius: 50px;
   }
   
   .IE .mobile-container-inner:before {
       top: inherit;
       left: 0;
       bottom: 0;
       opacity: 1;
       filter: none;
       background: rgba(0, 0, 0, 0.1);
       box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3);
       width: 90%;
       height: 90%;
       margin: 0;
   }
   
   .mobile-container-inner img {
       position: absolute;
       z-index: 9;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       opacity: 0;
       visibility: hidden;
       transition: all .5s ease;
   }
   
   .mobile-container-inner img.active {
       opacity: 1;
       visibility: visible;
   }
   
   .bottom-cta-wrap .content-wrap {
       padding: 30px 0 80px;
   }
   
   .bottom-cta-wrap:before {
       background: transparent;
   }
   
   .bottom-cta-wrap .content-wrap:after {
       content: none;
   }
   
   .bottom-cta-wrap h2 {
       font-size: 46px;
   }
   
   .bottom-cta-wrap p {
       font-size: 20px;
   }
   
   .feature-ss-media img {
       box-shadow: none;
       border: none;
   }
   
   .feature-ss-content .testi-logo img {
       max-width: 140px;
       margin: 0 0;
   }
   
   .list-wrap {
       width: 90%;
       max-width: 1170px;
       margin: 0 auto;
       text-align: center;
       padding: 70px 0;
       display: table;
   }
   
   .list-wrap li {
       width: 31%;
       background: #fafafa;
       float: left;
       margin: 0 1% 1% 1%;
       transition: all .3s linear;
       position: relative;
   }
   
   .list-wrap li a {
       display: block;
       padding: 50px 25px;
   }
   
   
   .list-wrap li:hover {
       background: #ebf7ff;
   }
   
   .list-wrap li h4,
   .list-wrap li p {
       color: #000;
   }
   
   .list-icon {
       width: 37px;
       height: 60px;
       display: block;
       margin: 0 auto 20px;
       background: url('/sites/zweb/images/zh-hans/mail/mail-sprite-icon.png') no-repeat 0 0/660px auto;
   }
   
   
   .list-icon-1 {
       background-position: -317px 0;
   }
   
   .list-icon-2 {
       background-position: -358px 0;
   }
   
   .list-icon-3 {
       background-position: -398px 0;
   }
   .list-icon-4 {
       background-position: -586px 22px;
   }
   
   .list-icon-5 {
       background-position: -622px 22px;
   }
   
   .list-icon-6 {
       background-position: -435px 22px;
   }
   .list-icon-7 {
       background-position: -546px 22px;
   }
   
   .list-icon-8 {
       background-position: -512px 22px;
   }
   
   .list-icon-9 {
       background-position: -472px 22px;
   }
   
   .feature-ss-6 {
       position: relative;
   }
   
   .feature-ss-6:before {
       content: '';
       background: url(/sites/zweb/images/mail/home/mobile-bg-pattern.png) repeat;
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       width: 100%;
       height: 100%;
       margin: auto;
       opacity: .7;
   }
   
   .feature-ss-6 .feature-ss-media {
       position: relative;
   }
   
   .feature-ss-6 .feature-ss-media:before {
       content: '';
       background: url(/sites/zweb/images/mail/home/mobile-pattern.png) no-repeat 0 0/100%;
       position: absolute;
       top: 10%;
       left: 5%;
       bottom: 0;
       right: 0;
       height: 100%;
       margin: auto;
       max-width: 430px;
   }


   
   @media only screen and (min-width: 1200px) {
       .promo-sec-wrap .content-wrap {
           overflow: visible;
           max-width: 1170px;
       }
       .promo-sec-wrap .content-wrap:before {
           content: '';
           background: url(/sites/zweb/images/mail/home/top-pattern-left.png) no-repeat 0 0/contain;
           position: absolute;
           top: 0;
           left: -11%;
           bottom: 0;
           margin: auto;
           width: 20%;
           height: 80%;
           opacity: 0;
           transition: opacity .5s linear;
       }
       .promo-sec-wrap .content-wrap:after {
           content: '';
           background: url(/sites/zweb/images/mail/home/top-pattern-right.png) no-repeat 0 0/contain;
           position: absolute;
           top: 0;
           right: -9%;
           bottom: 0;
           margin: auto;
           width: 20%;
           height: 80%;
           opacity: 0;
           transition: opacity .5s linear;
       }
       .zp-home-banner-wrap-before .promo-sec-wrap .content-wrap:before,
       .zp-home-banner-wrap-before .promo-sec-wrap .content-wrap:after {
           opacity: 1;
       }
   }
   
   @media only screen and (max-width: 1199px) and (min-width: 992px) {
            .body-umain .banner-con {
        margin-top: 0;
    }
     .body-umain .banner-con {
        max-width: 100%;
    }
   
    .body-umain .banner-con h1 {
        max-width: 620px;
        margin-right: auto;
        margin-left: auto;
    
    }
        .body-umain .banner-con p {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
    }
        .body-umain .banner-con p {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
    }
       h1 {
           font-size: 48px;
       }
       h2,
       h3,
       .bottom-cta-wrap h2 {
           font-size: 35px;
       }
       h3 span {
           font-size: 30px;
       }
       .zp-home-banner-wrap .zp-home-left h1+p {
           font-size: 18px;
       }
       .feature-ss-2 .feature-ss-media,
       .feature-ss-3 .feature-ss-media,
       .feature-ss-4 .feature-ss-media,
       .feature-ss-5 .feature-ss-media,
       .feature-ss-7 .feature-ss-media,
       .feature-ss-2 .feature-ss-content,
       .feature-ss-3 .feature-ss-content,
       .feature-ss-4 .feature-ss-content,
       .feature-ss-5 .feature-ss-content,
       .feature-ss-7 .feature-ss-content {
           width: 50%;
       }
       .content-wrap {
           width: 88%;
       }
       .banner-wave {
           max-width: 1200px;
       }
       .feature-ss-1 {
           margin: 80px 0 40px;
       }
   }
   
   @media only screen and (max-width:991px) {
        .zp-home-banner-wrap .promo-sec-wrap .content-wrap {
         padding: 0;
     }
       h1 {
           font-size: 40px;
       }
       h2,
       h3 {
           font-size: 30px;
       }
       .bottom-cta-wrap h2 {
           font-size: 40px;
       }
       h3 span {
           font-size: 25px;
       }
       .zp-home-banner-wrap>.content-wrap>div.zp-home-left {
           padding: 0;
           max-width: 520px;
           margin: 0 auto;
           text-align: center;
       }
       .feature-ss-table {
           margin: 25px 0;
       }
       .feature-ss-table .feature-ss-content,
       .feature-ss-table .feature-ss-media {
           width: 100%;
           padding: 0;
           margin: 0 auto;
       }
       .feature-ss-2 .feature-ss-content h3,
       .feature-ss-3 .feature-ss-content h3,
       .feature-ss-4 .feature-ss-content h3,
       .feature-ss-5 .feature-ss-content h3,
       .feature-ss-7 .feature-ss-content h3 {
           max-width: 500px;
           margin: 0 auto 15px;
       }
       .feature-ss-2 .feature-ss-content p,
       .feature-ss-3 .feature-ss-content p,
       .feature-ss-4 .feature-ss-content p,
       .feature-ss-5 .feature-ss-content p,
       .feature-ss-6 .feature-ss-content p,
       .feature-ss-7 .feature-ss-content p {
           padding: 0;
           max-width: 440px;
           margin: 0 auto 20px;
       }
       .feature-ss-media video {
           max-width: 500px;
           display: block;
           margin: 30px auto 0;
       }
       .feature-ss-section .content-wrap {
           padding: 0;
       }
       .feature-ss-content {
           max-width: 720px;
           margin: 0 auto;
           padding: 0 !important;
       }
       .feature-ss-media img {
           margin: 20px auto 0;
       }
       .feature-ss-2 .media-right .feature-ss-content {
           padding: 0;
       }
       .feature-ss-1 .feature-ss-media {
           width: 100%;
       }
       .feature-ss-1 .feature-ss-media:nth-child(1) {
           margin: 0 0 0px;
       }
       .feature-testimonial-box:before {
           right: 0;
           margin: auto;
       }
       .feature-testimonial p,
       .feature-ss-media .testi-logo img,
       .press-slide p {
           display: block;
           margin: 0 auto 10px;
       }
       .feature-news:before {
           content: none;
       }
       .press-slide .slick-dots {
           text-align: center;
           position: static;
           margin-bottom: 20px;
       }
       .feature-ss-1 .feature-ss-media {
           display: none;
       }
       .feature-ss-1 {
           margin: 20px 0 0;
       }
       .feature-ss-6 {
           margin: 40px 0;
           padding: 40px 0;
       }
       .bottom-cta-wrap p {
           font-size: 18px;
       }
       .apps-download-links-wrap {
           margin: 10px 0 0;
       }
       .mobile-switch {
           margin: 20px 0 0;
       }
       .bottom-cta-wrap .content-wrap {
           padding: 20px 0 50px;
       }
       .mobile-container-inner img {
           margin: 0;
       }
       .banner-wave {
           display: none;
       }
   }
   
   @media only screen and (max-width: 991px) and (min-width: 768px) {
     .zp-home-banner-wrap>.content-wrap>div {
         float: none;
         display: block;
         width: 100%;
     }
       .promo-sec-wrap .content-wrap .slide-wrap {
           margin: 0px auto;
           padding-bottom: 20px;
       }
       .zp-home-banner-wrap-before .slide-wrap:after {
           bottom: 70px;
       }
       .feature-ss-6 .feature-ss-media:before {
           left: 0;
           max-width: 350px;
       }
       .IE .feature-ss-6 .feature-ss-media:before {
           max-width: inherit;
           width: 350px;
       }
       .promo-sec-wrap .watch-btn {
           top: 55%;
       }
       .zp-home-banner-wrap .zp-home-left h1+p {
           font-size: 18px;
           max-width: 500px;
       }
       .promo-sec-wrap .content-wrap {
           margin: 0;
       }
       .list-wrap {
           max-width: 600px;
           width: 100%;
           padding: 0;
       }
       .list-wrap li {
           margin: 0 auto 40px;
           width: 100%;
           text-align: left;
       }
       .list-wrap li:last-child {
           margin-bottom: 40px;
       }
       .list-wrap li a {
           padding: 30px 60px;
       }
   
       .list-icon {
           margin: 0 0 5px;
       }
       h4 {
           font-size: 25px;
       }
       .mobile-container {
           max-width: 280px;
           margin: 20px auto 0;
       }
       .feature-testimonial-box:before {
           content: none;
       }
       .feature-testimonial-box {
           padding: 10px 0 0 0;
       }
   }
   
   @media only screen and (max-width: 767px) {
     .zp-home-banner-wrap>.content-wrap>div {
         float: none;
         display: block;
         width: 100%;
     }
 .zp-home-banner-wrap>.content-wrap>div.zp-home-left>p {
         max-width: 90%;
         margin: 0 auto 20px;
     }
          
       h1,
       .bottom-cta-wrap h2 {
           font-size: 34px;
           line-height: 1.2;
       }
       h2,
       h3,
       h3 span {
           font-size: 25px;
       }
       .feature-ss-3 h3 {
           font-size: 23px;
       }
       .zp-home-banner-wrap>.content-wrap {
           padding: 110px 0 0;
       }
       .zp-home-banner-wrap .zp-home-left h1+p {
           font-size: 18px;
       }
       .feature-ss-table {
           margin: 0 auto;
           max-width: 450px;
           padding: 40px 20px;
       }
       .feature-ss-1 .feature-ss-table {
           padding: 0;
       }
       .feature-ss-2 .feature-ss-table,
       .feature-ss-4 .feature-ss-table,
       .feature-ss-7 .feature-ss-table {
           background: #EBF7FF;
       }
       .feature-ss-3 .feature-ss-table,
       .feature-ss-5 .feature-ss-table {
           background: #FDF9E8;
       }
       .feature-ss-section {
           padding: 20px 0;
       }
       .list-wrap {
           width: 90%;
           max-width: 100%;
           padding: 10px 0 30px;
           margin: -5px auto 0;
       }
       .list-wrap li {
           width: 100%;
           margin: 0 auto 5px;
           max-width: 450px;
           float: none;
       }
       .list-icon {
           width: 25px;
           height: 40px;
           position: absolute;
           left: 10px;
           top: 0;
           bottom: 0;
           margin: auto;
           background-size: 440px auto;
       }
       .list-icon-1 {
           background-position: -209px 8px;
       }
       .list-icon-2 {
           background-position: -238px 8px;
       }
       .list-icon-3 {
           background-position: -264px 8px;
       }
       .list-wrap li a {
           padding: 15px;
       }
   
       .list-wrap li h4 {
           padding-left: 50px;
           text-align: left;
           margin: 0;
           position: relative;
       }
       .list-wrap li h4:before {
           content: '';
           width: 14px;
           height: 14px;
           position: absolute;
           border-radius: 50px;
           background: #1975d2;
           top: 0;
           right: 0;
           bottom: 0;
           margin: auto;
       }
       .list-wrap li h4:after {
           content: '';
           display: block;
           width: 6px;
           height: 6px;
           border: solid #ffffff;
           border-width: 0 2px 2px 0;
           transform: rotate(-45deg);
           position: absolute;
           top: 0px;
           right: 5px;
           bottom: 0;
           margin: auto;
       }
   
       .list-wrap li p,
       .link-txt {
           display: none;
       }
       .list-wrap-content {
           display: block;
       }
       .bottom-cta-wrap .content-wrap {
           padding: 20px 0 60px;
       }
       .slide-wrap img {
           max-width: 280px;
           width: 100%;
           margin: 20px auto 0;
       }
       .promo-sec-wrap .content-wrap {
           margin: 0 auto;
           width: 90%;
       }
       .promo-sec-wrap .content-wrap .slide-wrap {
           margin: 30px auto 0;
           max-height: 445px;
       }
       .zp-home-banner-wrap-before .content-wrap .slide-wrap:before {
           content: '';
           background: url(/sites/zweb/images/mail/home/mobile-pattern.png) no-repeat 0 0/100%;
           position: absolute;
           top: 0;
           left: 0;
           bottom: 0;
           right: 0;
           height: 100%;
           margin: 0 auto;
           max-width: 340px;
       }
       .IE .zp-home-banner-wrap-before .content-wrap .slide-wrap:before {
           max-width: inherit;
           width: 340px;
       }
       .promo-sec-wrap .watch-btn {
           font-size: 0;
           text-indent: -9999px;
           padding: 0;
           background: #000;
           left: 0;
           right: 0;
           top: 0;
           bottom: 0;
           margin: auto;
           width: 44px;
           height: 44px;
           transform: none;
       }
       .promo-sec-wrap .watch-btn:before {
           width: 42px;
           height: 42px;
           left: 0;
           top: 0;
           background: #000;
           border-color: #000;
           -webkit-animation: wave 2s;
           animation: wave 2s;
           -webkit-animation-direction: forwards;
           animation-direction: forwards;
           -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
       }
       @-webkit-keyframes wave {
           0% {
               -webkit-transform: scale(0.6);
               transform: scale(0.6);
               opacity: 1;
               box-shadow: inset 0px 0px 25px 3px rgba(49, 49, 49, 0.8), 0px 0px 25px 10px rgba(49, 49, 49, 0.3);
           }
           100% {
               -webkit-transform: scale(1.8);
               transform: scale(1.8);
               opacity: 0;
               box-shadow: none;
           }
       }
       @keyframes wave {
           0% {
               -webkit-transform: scale(0.6);
               transform: scale(0.6);
               opacity: 1;
               box-shadow: inset 0px 0px 25px 3px rgba(49, 49, 49, 0.8), 0px 0px 25px 10px rgba(49, 49, 49, 0.3);
           }
           100% {
               -webkit-transform: scale(1.8);
               transform: scale(1.8);
               opacity: 0;
               box-shadow: none;
           }
       }
       .promo-sec-wrap .watch-btn:after {
           left: 4px;
           top: 0;
           right: 0;
           bottom: 0;
           width: 0;
           height: 0;
           border-top: 9px solid transparent;
           border-bottom: 9px solid transparent;
           border-left: 15px solid #fff;
           margin: auto;
       }
       .zp-home-banner-wrap-before .slide-wrap:after,
       .feature-ss-6:before {
           content: none;
       }
       .feature-ss-6 {
           margin: 0;
           padding: 10px 0;
       }
       .feature-ss-table .feature-ss-media {
           display: none;
       }
       .apps-download-links-wrap {
           margin: 10px 0 0;
       }
       .feature-ss-2 .feature-ss-content h3,
       .feature-ss-3 .feature-ss-content h3,
       .feature-ss-4 .feature-ss-content h3,
       .feature-ss-5 .feature-ss-content h3,
       .feature-ss-7 .feature-ss-content h3 {
           padding-top: 70px;
           position: relative;
       }
       .feature-ss-2 h3:before,
       .feature-ss-3 h3:before,
       .feature-ss-4 h3:before,
       .feature-ss-5 h3:before,
       .feature-ss-7 h3:before {
           content: '';
           width: 46px;
           height: 60px;
           display: block;
           margin: 0 auto;
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           background: url(/sites/zweb/images/zh-hans/mail/mail-sprite-icon.png) no-repeat 0 0/660px auto;
       }
       .feature-ss-2 h3:before {
           background-position: 9px 0;
       }
       .feature-ss-3 h3:before {
           background-position: -34px 0;
       }
       .feature-ss-4 h3:before {
           background-position: -78px 0;
       }
       .feature-ss-5 h3:before {
           background-position: -118px 0;
       }
       .feature-ss-7 h3:before {
           background-position: -156px 0;
       }
       .bottom-cta-wrap p,
       .zp-home-banner-wrap .zp-home-left h1+p {
           font-size: 16px;
       }
       .feature-testimonial {
           text-align: center;
       }
       .feature-ss-content .testi-logo img {
           display: none;
       }
       .feature-testimonial:after {
           content: none;
       }
       .feature-testimonial-box {
           padding: 0;
           max-width: 500px;
           margin: 0 auto;
       }
       .feature-testimonial-box:before {
           content: none;
       }
       .feature-testimonial p {
           font-size: 18px;
       }
       .testimonial-detail {
           padding: 10px 0 60px 0;
           position: relative;
           max-width: 380px;
           margin: 0 auto;
       }
       .testimonial-detail:after {
           content: '';
           position: absolute;
           left: 0;
           right: 0;
           margin: auto;
           bottom: -20px;
           width: 110px;
           height: 70px;
           background: url(/sites/zweb/images/mail/home/bbdo-logo.jpg) no-repeat 0 0;
           background-size: 100%;
       }
       .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header {
           padding-top: 20px;
       }
       .main-container-wrapper.body-umain #mini-panel-product_menu .menu-icon-help-header {
           padding-top: 0;
       }
       .bottom-cta-wrap p {
           margin: 0 auto 5px;
       }
   .apps-download-links-wrap.web {
       display: none;
   }
       .apps-download-links-wrap.mobile {
           display: block;
       }
   }
   
   
   @media only screen and (max-width:480px) {
       .bottom-cta-wrap .content-wrap h2 {
           max-width: 290px;
       }
       .zp-home-banner-wrap>.content-wrap>div.zp-home-left>p {
           max-width: 330px;
       }
       .slide-wrap img {
           max-width: 260px;
       }
       .zp-home-banner-wrap-before .content-wrap .slide-wrap:before {
           max-width: 285px;
       }
       .IE .zp-home-banner-wrap-before .content-wrap .slide-wrap:before {
           max-width: inherit;
           width: 285px;
       }
   }
   
   .other-lang .feature-ss-3 .feature-ss-content h3 {
       font-size: 27px;
   }
   
   @media only screen and (max-width: 767px) {
       .other-lang .feature-ss-3 .feature-ss-content h3 {
           word-break: break-all;
           font-size: 27px;
       }
   }
   
   /* home-articles css */
      .home-articles{
                 display:inline-block;
                 width:100%;
                 overflow: hidden;
        }
     .home-articles .content-wrap{
                 padding: 20px 0 0 0;
        }
                     .article-title{
                             font-size:16px;
                 color:#000;
                 margin-bottom: 10px;
             }
                     .article-date{
                 color:#d7d7d7;
                             font-size:14px;
             }
             .home-articles ul{
               display: flex;
               justify-content: center;
               flex-wrap: wrap;
             }
             .home-articles ul li{
                 border-left:1px solid #3dafff;
                 padding-top: 15px;
             }
                     .home-articles ul li:first-child{
                             border-left: none;
                     }
             .articles-info{
                 display:inline-block;
                 float:left;
                 width:220px;
             }
             .home-articles ul li i{
                 width:30px;
                 height:27px;
                 float:left;
                 background-image: url(/sites/zweb/images/zh-hans/projects/home-sprite-new.png);
                 background-repeat: no-repeat;
                 background-size:900px;
                 margin:0 10px;
             }
             .home-articles span{
                 display:block;
             }
             .article-01 i{
                 background-position:-3px -120px;
             }
       @media screen and (max-width:767px) {
              .home-articles ul li{
         width: 100%;
         height: 74px;
       /*  margin-left: 30px;*/
         border-left: none;
     }
     .home-articles{
        height:320px;
     }
   }
     @media only screen and (min-width : 992px) and (max-width: 1199px) {
        .home-articles {
       height:200px;
       }
       
       .home-articles ul li{
       border-left:none;
       }
   .home-articles ul li:last-child {
       padding-top: 20px;
   }
   }
     @media only screen and (min-width : 768px) and (max-width: 991px) {
        .home-articles{
         height: 165px;
     }
     .home-articles ul li{
   border:none;
     }
   }
   /* home-articles css */
   
   
   
   
   
   
   
   
   
   
   
   
   
   .faq_section {
       padding: 30px 0 0px 0;
       max-width: 1170px;
       margin: 0 auto;
       text-align: left;
       width: 96%
   }
   .faq_section h2{
          text-align: center;
          padding-bottom: 30px;
   }
   .faq_title_sec>a {
       float: right;
       color: #949494;
       font: 18px var(--zf-primary-regular);
       cursor: pointer;
       margin-top: -38px;
   }
   .faq_container>div {
       display: inline-block;
       width: 48%;
       vertical-align: top
   }
   .faq_container>div:last-child {
       margin-left: 3.5%
   }
   .ga-fq-cont {
       padding: 22px 0;
       transition: all .5s linear;
       border-bottom: 1px solid #e6e6e6;
   }
   .gd-fqa .ga-fq-cont:first-child {
       border-top: 1px solid #e6e6e6;
   }
   .gd-fqa .ga-fq-cont:last-child {
       border: none;
       border-bottom: 1px solid #e6e6e6;
   }
   .gd-qus {
       font: 500 21px/30px 'Roboto';
       color: #181819;
       cursor: pointer;
       position: relative;
       padding-right: 15px;
   }
   .gd-ans {
       padding: 8px 0 8px 0;
       color: #000;
       border-top: 0;
       display: none;
   }
   .gd-ans p {
       font-weight: 300
   }
   .mailto_cls {
       color: #0067ff;
       font-weight: 400;
       text-decoration: none
   }
   .gd-sprite {
       font: 25px var(--zf-primary-bold);
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       right: 0;
       color: #0067ff;
   }
    .gd-ans {
       padding: 8px 0 8px 15%;
   }
    .collapse-btn {
       display: none
   }
   .list-wrap-new{
          width: 60%;
       margin: 2% auto;
       overflow: hidden;
   
   }
   .list-wrap-new li{
         float: left;
       width: 29%;
       text-align: center;
       margin: 1% 2%;
       background: #fafafa;
       padding: 1% 2%;
       height: 394px;
   }
   .list-wrap h3{
   font-size:26px;
   }
   @media only screen and (max-width: 1920px) {
   .list-wrap-new {
       width: 80%;
       margin: 2% auto;
       overflow: hidden;
   }
   }
   @media only screen and (max-width: 1024px) {
   .list-wrap-new{
          width: 100%;
       margin: 2% auto;
       overflow: hidden;
   
   }
   }
   @media only screen and (max-width: 991px) {
   .list-wrap-new li{
         float: left;
       width: 29%;
       text-align: left;
       margin: 1% 2%;
       background: #fafafa;
       padding: 1% 2%;
       height: 394px;
   }
   }
   @media only screen and (max-width: 767px) {
   .faq_section {
       padding: 70px 25px;
   }
   .gd-qus {
       padding: 0 40px 0 0;
       font: 500 18px/28px 'Roboto';
   }
   .faq_container>div {
       display: inline-block;
       width: 100%;
       vertical-align: top
   }
   .list-wrap-new{
          width: 86%;
       margin: 2% auto;
       overflow: hidden;
   
   }
   .list-wrap-new li{
         float: left;
       width: 100%;
       text-align: center;
       margin: 5% 2%;
       background: #fafafa;
       padding: 9% 6%;
       height: 319px;
   }
   }
   section.faq-section{
        padding: 0px 0 110px 0;
       max-width: 1170px;
       margin: 0 auto;
       text-align: left;
       width: 96%;
   }
   .faq-section .content-wrap{
        padding-top: 0;
   }
   .faq-accordian {
       max-width: 900px;
       margin: 60px auto 0;
       counter-reset: number;
       margin-top: 0;
   }
   
   .faq-accordian li {
       border-top: 1px solid #ccc;
       padding: 30px 0px;
       cursor: pointer;
   }
   .faq-accordian>li:first-child{
       border: none;
       padding-top: 0px;
   }
   .faq-accordian h4 {
       position: relative;
       color: #03a9f5;
       margin: 0;
       padding-right: 30px;
       font-size: 21px;
   }
   
   .faq-accordian h4.active {
       color: #1975d2;
   }
   
   /*.faq-accordian h4:before {
       counter-increment: number;
       content: counter(number) ". ";
   }*/
   
   .faq-accordian h4:after {
       content: '+';
       position: absolute;
       right: 0;
       top: 0;
       font-size: 19px;
       line-height: 28px;
   }
   
   .faq-accordian p.active {
       display: block;
   }
   .side-bar .wechat, .side-bar .tel, .side-bar .chat, .side-bar .subtn {
       height: 82px;
   }
   /*hidden banner*/
   .slide-wrap:after{content: none;}
   @media only screen and (min-width: 1200px){
   .promo-sec-wrap .content-wrap:after{content: none;}
   }
   /*hidden banner*/
   
   .get-signup-plan .free{color:#ff0000;font-size:14px;margin-right:20px;}
   .get-signup-plan label{margin: 0 4px 0 0;}
   .zpromotion .zmore{display: contents; color: #fff;}
   
   
   
   
   
   .zp-home-banner-wrap {
       position: relative;
       overflow: hidden;
       clear: both;
       padding: 0 0 50px;
   }
   
   .zp-home-banner-wrap>.content-wrap {
       position: relative;
       padding: 50px 0 0;
       max-width: 1260px;
       display: flex;
   }
   
  
   
   .zp-home-banner-wrap .content-wrap>div.zp-home-right {
      width: 45%;
      padding-top: 15px;
   }

   /*
   .zp-home-banner-wrap .content-wrap>div.zp-home-right .signup-box {
       max-width: 340px;
       float: right;
       width: 100%;
   }
   */
   
   .promo-sec-wrap {
       position: relative;
       text-align: center;
       overflow: hidden;
   }
   
   .zp-home-banner-wrap:after {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       z-index: -1;
       background: #fdf2cc;
       }
   
   
   @media only screen and (min-width: 1200px) {
       .zp-home-banner-wrap-before .promo-sec-wrap .content-wrap:before, .zp-home-banner-wrap-before .promo-sec-wrap .content-wrap:after {
           opacity: 1;
       }
   }
.non-umain .zgh-accounts .zgh-login {
  display: inline-block;
}   

/*********************/
.cutomer-stories-outer {
  display: none;
}

.z-align-center {
	text-align: center;
}
.z-popup-content {
	background: black none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.95);
}
.z-popup-overlay {
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
.zrow, .z-zrow {
	display: block;
	overflow: hidden;
	padding: 70px 0;
	position: relative;
}
#zsection-i .z-zrow {
	padding-bottom: 0;
}
.customer-part {
	float: left;
	margin-bottom: 0;
	width: 33.3%;
}
.customer-part-inner {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	display: block;
	margin: 0 0 30px 30px;
	padding: 30px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.customer-part-inner a.popup-controller {
	cursor: pointer;
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.customer-part-inner img {
	display: block;
}
.customer-part-inner:hover {
	background: none repeat scroll 0 0 #ffcb00;
}
.play-icon-small {
	background-image:url(/sites/zweb/images/zh-hans/creator/play-icon-small.png);
	background-repeat: no-repeat;
	display: block;
	height: 64px;
	left: 50%;
	margin: -34px 0 0 -34px;
	position: absolute;
	top: 50%;
	width: 64px;
	z-index: 9;
}
.content-wrap {
	max-width: 1040px;
}
.product-header-inner {
	border-bottom: 1px solid #eee;
}
.zcust-slider h2 {
	line-height: 28px;
	margin-bottom: 20px;
	color: #959ba3;
}
.select-wrap {
	padding: 0;
	margin: 0;
	border: 1px solid #9c9c9c;
	width: 220px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.select-wrap:after {
	background: #9c9c9c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 15px;
	top: 20px;
	transform: rotate(45deg);
	width: 10px;
}
.select-wrap:before {
	background: #9c9c9c none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 8px;
	top: 20px;
	transform: rotate(-45deg);
	width: 10px;
}
select {
	color: #4e4e4e;
	padding: 0px 10px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
}
select:focus {
	outline: none;
}
/*.product-logo {
	background: url(/sites/zweb/images/zh-hans/creator/creator-sprite.png) no-repeat 0px 0px;
	display: inline-block;
	padding: 0 0 0 60px;
	line-height: 50px;
}*/
.customer-logo-wrap {
	margin: 50px 0px 0px;
	padding-left: 0px;
}
.customer-logo-wrap li {
	display: inline-block;
	margin: 0px 20px 20px 0px;
	width: 110px;
	height: 75px;
	background: url(/sites/zweb/images/zh-hans/creator/creator-customer-logo.png) no-repeat 0px 0px;
	background-size: 1226px;
}
.customer-logo-wrap li.customer-logo1 {
	background-position: 10px 2px;
}
.z-popup-close {
	display: block;
	position: fixed;
	right: 25px;
	top: 25px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-style: normal;
	font-size: 28px;
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	text-decoration: none;
	z-index: 2;
	background: url(/sites/zweb/images/zh-hans/creator/zoho-home-sprite.png) no-repeat -200px -105px;
	text-indent: -1000px;
	overflow: hidden;
}
.z-popup-close {
	background-position: -148px -205px;
}
.customer-logo-wrap li.customer-logo2 {
	background-position: -120px 0;
}
.customer-logo-wrap li.customer-logo3 {
	background-position: -260px 0;
}
.customer-logo-wrap li.customer-logo4 {
	background-position: -413px 0;
	width: 120px;
}
.customer-logo-wrap li.customer-logo5 {
	background-position: -602px 0;
}
.customer-logo-wrap li.customer-logo6 {
	background-position: -762px 0;
}
.customer-logo-wrap li.customer-logo7 {
	background-position: -905px 0;
	height: 85px;
}
.customer-logo-wrap li.customer-logo8 {
	background-position: -1058px -5px;
	width: 170px;
}
.select-wrap:first-child {
	margin-right: 20px;
}
.customer-logo-wrap li.customer-logo9 {
	background-position: -37px -120px;
	width: 140px;
}
.customer-logo-wrap li.customer-logo10 {
	background-position: -220px -120px;
}
.customer-logo-wrap li.customer-logo11 {
	background-position: -350px -120px;
	width: 172px;
}
.customer-logo-wrap li.customer-logo12 {
	background-position: -550px -120px;
}
.customer-logo-wrap li.customer-logo13 {
	background-position: -702px -120px;
	width: 135px;
}
.customer-logo-wrap li.customer-logo14 {
	background-position: -881px -120px;
}
.customer-logo-wrap li.customer-logo15 {
	background-position: -1013px -120px;
	width: 175px;
}
/*slider*/
  .awards-promo-sec {
      max-width: 900px;
      margin: 0 auto 50px;
      padding: 35px 3%;
      text-align: center;
      align-content: center;
      border: 1px solid #e1e1fb;
      font-size: 24px;
      background: #f7f7ff;
      width: 80%;
      display: none;
  }
  
  .awards-promo-sec a {
      font-size: 24px;
      font-family: 'Roboto slab';
      max-width: 560px;
      display: inline-block;
      text-decoration: underline;
      color: #166cb0;
      cursor: pointer;
  }
  
  .bottom-cta .content-wrap {
      max-width: 750px;
      padding: 90px 0px;
      text-align: center;
  }
  
  .flex-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: center;
  }
  
  
  .zcust-slider {
      background-color: #30239D;
  }
  
  .zcust-slider .content-wrap {
      padding: 90px 0;
  }
  
  .zcust-slider h2 {
      color: #fff;
      text-align: center;
  }
  
  .pagewrapper .zcust-slider .content-wrap {
      max-width: 900px;
  }
  
  .slider-cus {
      margin-top: 60px;
  }
  
  .zcus-sli.slick-slide {
      background-color: #fff;
      padding: 60px;
      margin: 0 20px;
      border-radius: 20px;
  }
  
  .zcus-tag {
     background-color: #333;
border-radius: 3px;
padding: 5px 10px;
font-size: 14px;
font-family: var(--primaryfont-semibold);
margin-bottom: 20px;
color: #fff;
  }
  .zcus-cnt .flex-content{
      display: block;
  }
  
  .zcus-cnt {
      width: 60%;
      padding-right: 5%;
  }
  
  .zcus-cnt p {
      margin-top: 40px;
      font-size: 18px;
  }
  
  .zcus-img {
      width: 40%;
      position: relative;
  }
  .zcus-desg span{
    font-size: 14px;
}
  .zcus-desg.tft{
      text-align: right;
}
  .zcus-img span {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      cursor: pointer;
      height: 37px;
      width: 56px;
  }
  
  .zcust-logo {
       max-width: 150px;
 display: block;
 margin: 15px 0 0;
  }
 
  .zcus-desg h4 {
      margin-bottom: 0;
      color: #1e46e1;
  }
  @media all and (max-width:767px) {
      .pagewrapper .content-wrap {
          padding: 60px 0;
          max-width: 600px;
      }
  
      .banner-wrap {
          opacity: 1;
      }
  
      .zcr-tr-brand {
          padding: 0;
      }
  
      .zcr-tb-list ul {
          max-width: 420px;
      }
  
      .zcus-cnt,
      .zcus-img {
          width: 100%;
          padding: 0;
      }
  
      .zcus-cnt {
          order: 2;
          margin-top: 20px;
      }
  
      .zcus-img {
          order: 1;
max-width: 200px;
      }
  .main-img.participate-img {
  border-radius: 10%;
}
      .zcus-sli.slick-slide {
          padding: 30px;
      }
  
      .zcus-cnt p {
          font-size: 20px;
      }
.slider-cus {
  margin-top: 40px;
}.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.zcust-slider .content-wrap{padding: 50px 0;}
  }
.slick-prev, .slick-next{
    display: none !important;
}
  /* End Slider */
/*signup-overseas*/
.signup-box .get-signup-plan{
    display: block !important;
}
.zp-home-right h5{
    border-bottom: 1px solid;
    padding-bottom: 4px;
}
.zp-home-right h5 span{
    color: #ff0000;
    font-size:16px;
    padding-left: 10px;
}
.signup-overseas{
    padding-left: 30px;
    padding-top: 18px;
    border-left: 1px solid #ccc;
   }
.signup-overseas img{
       max-width: 90px;
       margin-top: 10px;
   }
.signup-inner{
    display: flex;
}
.zp-home-banner-wrap .content-wrap>div.zp-home-right .signup-box{
    margin: 0;
    width: 80%;
    padding-right: 30px;
}
.signup-overseas p{
    font-size:13px;
    margin-bottom: 0;
}
.signup-box .get-signup-plan label{
    top: -3px;
}
.signup-overseas p:nth-child(2){
    padding-top: 33px;
}
/*signup-overseas End*/