.zw-global-header, .zgh-headerWrap {
    min-height: 0px;
}

.contus {
     padding: 10px 40px;
     text-decoration: none;
     background: #f0483e;
     color: #fff;
     font: 18px/1.6 var(--zf-primary-regular);
     text-align: center;
     margin: 50px auto;
     display: block;
     width: 100px;
     margin-top: 80px;
}

.sign_agree {
     max-width: 338px;
     margin: 0 auto
}

.select-section {
     position: relative;
     text-align: center;
     margin: 5px 0 15px
}

.no-users {
     position: relative
}

.no-users:after {
     content: "";
     position: absolute;
     width: 30px;
     height: 28px;
     background: #fff;
     z-index: 1;
     right: 11px;
     bottom: 14px
}

.i18n-ar .no-users::after {
     right: unset;
     left: 11px
}

.increfrm,
.decrefrm {
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #8695a7;
     position: absolute;
     right: 18px;
     top: 19px;
     display: block;
     z-index: 2;
     cursor: pointer
}

.i18n-ar .increfrm,
.i18n-ar .decrefrm {
     right: unset;
     left: 18px
}

.increfrm,
.decrefrm {
     border-top: 6px solid #666
}

.increfrm {
     top: 3px;
     transform: rotate(180deg)
}

.formInner input[type="number"] {
     border: 1px solid #e2e2e2;
     font-size: 14px;
     height: 32px;
     padding-left: 8px;
     width: 95%;
     -webkit-appearance: none;
     -moz-appearance: textfield;
     appearance: textfield;
     box-sizing: border-box
}

.i18n-ar .formInner input[type="number"] {
     padding-left: 0;
     padding-right: 8px
}

#users {
     -webkit-appearance: none;
     -moz-appearance: textfield;
     appearance: textfield
}

input#users::-webkit-outer-spin-button,
input#users::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0
}

.form-group .hide,
.select-section .hide {
     display: none !important
}

.form-group.invalid .hide,
.select-section.invalid .hide {
     display: block !important
}

.list-box {
     display: none;
     position: absolute;
     width: 100%;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     padding: 5px 0;
     top: 35px;
     background: #fff;
     max-height: 250px;
     overflow-x: hidden;
     z-index: 2;
     text-align: left
}

.list-box.active {
     display: block
}

.list-data {
     display: block;
     font-size: 14px;
     padding: 0 7.5px;
     cursor: pointer
}

.list-data.active {
     color: #009eda;
     font-weight: 700
}

.list-data:hover {
     color: #009eda
}

.common-links .zlang-text {
     display: none !important
}

.cust-brands {
     width: 36%;
     margin: 40px 0 5px
}

.product-header-top .expanded.dropdown .caret {
     background: url(//cdn.zoho.com.cn/sites/zweb/images/crm/cliq-arrow-icon.png) no-repeat -12px -48px !important
}

.expanded.dropdown .caret {
     background: url(//cdn.zoho.com.cn/sites/zweb/images/crm/cliq-arrow-icon.png) no-repeat -1px -48px !important
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
     color: #fff
}

#block-panels-mini-product-menu {
     background: #03a9f5
}

#mini-panel-product_menu .product-nav-links .menu>li>a,
.product-nav-links li .nolink {
     color: #fff
}

.product-header-top #mini-panel-product_menu .product-nav-links .menu>li>a,
.product-header-top .product-nav-links li .nolink {
     color: #333
}

div.zgdprform-state-container,
.zgdprform-countrylist-container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     width: 100%
}

.select-section:after,
div.zgdprform-state-container:after,
.zgdprform-countrylist-container:after {
     content: "";
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #666;
     position: absolute;
     right: 18px;
     top: 18px;
     margin-top: -3px;
     border-radius: 6px;
     z-index: 0
}

.zwitch-cont ul li p {
     font-size: 16px !important
}

.comp-anual-cnt p {
     font-size: 16px !important;
     margin: 0 !important
}

.comp-save-cont p {
     margin: 0 !important
}

.signup {
     display: none !important
}

.bottom-promo,
.d-none {
     display: none
}

.success-alert {
     display: none;
     margin: 0 auto 0;
     height: 42px;
     position: fixed;
     z-index: 999999;
     width: 100%;
     left: 0;
     top: 0
}

.scs-pop-inr {
     padding: 12px;
     position: relative;
     max-width: 420px;
     margin: 0 auto;
     background: #40bd60;
     width: 100%;
     opacity: 0
}

.scs-pop-inr.animate {
     animation: bounceIn .8s forwards;
     -webiki-animation: bounceIn .8s forwards
}

@-webkit-keyframes bounceIn {

     from,
     20%,
     40%,
     60%,
     80%,
     to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
     }

     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
     }

     to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

@keyframes bounceIn {

     from,
     20%,
     40%,
     60%,
     80%,
     to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
          animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
     }

     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
     }

     to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

.success-alert .scs-txt {
     font-size: 16px;
     display: block;
     text-align: center;
     font-family: var(--zf-primary-regular);
     color: #fff
}

.success-alert .close-icn {
     font-size: 13px;
     cursor: pointer;
     color: #fff;
     font-family: var(--zf-primary-regular);
     position: absolute;
     top: 5px;
     right: 12px
}

.min-wid {
     max-width: inherit;
     min-width: 160px
}

.sl-right-arrow {
     display: block !important;
     margin-left: 13px !important
}

.next {
     background: inherit !important
}

.freezlayer {
     position: fixed;
     z-index: 1;
     width: 100%;
     background: rgba(255, 255, 255, 0.95);
     left: 0;
     top: 0;
     display: none;
     overflow: hidden !important
}

.compar-main-cont {
     width: 100%;
     margin: -68px auto 0
}

.compar-header {
     width: 100%;
     display: inline-block;
     background: #0067ff;
     padding: 90px 0;
     text-align: center;
     position: relative
}

#mini-panel-product_menu {
     background: #0067ff
}

.compar-header-cont {
     max-width: 950px;
     width: 100%;
     margin: 0 auto;
     margin-bottom: 50px
}

.compar-header h2 {
     font-size: 50px;
     font-family: var(--zf-primary-bold);
     color: #fff;
     margin-top: 10px
}

.compar-header h3 {
     font-size: 30px;
     font-family: var(--zf-primary-regular);
     color: #fff
}

h3 {
     font-size: 36px;
     color: #111;
     line-height: 40px
}

.compar-header p {
     font-size: 18px;
     font-family: var(--zf-primary-regular);
     color: #fff;
     line-height: 24px;
     margin-top: 15px;
     margin: 0
}

.button-click {
     font-size: 18px;
     color: #fff;
     padding: 12px 30px;
     background: #f0483e;
     outline: 0;
     cursor: pointer;
     margin-top: 40px;
     display: inline-block !important;
     text-decoration: none;
     font-family: var(--zf-primary-semibold)
}

.logo-sec {
     text-align: left;
     margin-bottom: 10px;
     position: absolute;
     top: 35px;
     left: 40px
}

img.zoho-logo {
     display: inline-block;
     vertical-align: middle;
     width: 82px;
     padding: 0 3px 0 5px
}

.crm-logo-txt {
     color: #fff;
     display: inline-block;
     vertical-align: top;
     font-family: var(--zf-primary-semibold);
     margin-left: 1px;
     text-transform: uppercase;
     font-size: 28px;
     letter-spacing: 1px;
     margin-top: 7px;
     line-height: 24px
}

.switch-cont {
     padding: 95px 0 0;
     display: inline-block;
     width: 100%
}

.stats-sb-hdr {
     font-size: 24px;
     font-family: var(--zf-primary-regular);
     position: absolute;
     width: 500px;
     padding: 5px 20px;
     background: #fff;
     transform: translateX(-50%);
     -wbkit-transform: translateX(-50%);
     top: -25px;
     left: 50%;
     position: absolute
}

.switch-txt-cnt {
     max-width: 780px;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     padding: 0 42px 0 30px
}

.switch-txt-cnt h2 {
     font-size: 40px;
     font-family: var(--zf-primary-bold);
     color: #111
}

.line-txt {
     font-size: 18px;
     color: #fff;
     font-family: var(--zf-primary-semibold);
     display: inline-block;
     vertical-align: middle;
     margin-top: 10px;
     margin-left: 30px
}

.line-txt:before {
     content: '';
     width: 260px;
     height: 1px;
     background: #8fc8ff;
     display: inline-block;
     vertical-align: middle
}

.line-txt:after {
     content: '';
     width: 300px;
     height: 1px;
     background: #8fc8ff;
     display: inline-block;
     vertical-align: middle
}

.scrl-down-txt {
     color: #fff;
     font-size: 10px;
     position: absolute;
     bottom: 15px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     font-family: var(--zf-primary-regular);
     animation: blurTxt 1.6s infinite
}

@keyframes blurTxt {
     0% {
          opacity: 1
     }

     50% {
          opacity: .5
     }

     100% {
          opacity: 1
     }
}

.switchlist {
     display: inline-block;
     max-width: 760px;
     width: 100%;
     margin: 0 auto;
     margin-top: 25px;
     margin-left: 10px
}

.switchlist li {
     list-style-type: none;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto Slab', serif;
     padding: 10px 15px;
     min-width: 200px;
     color: #fff
}

.switchlist li:last-child {
     border: 0
}

.txt-bold {
     font-size: 24px;
     color: #fff;
     font-family: var(--zf-primary-bold);
     display: block;
     margin-top: 6px
}

.img-div {
     width: 95%;
     margin: 0 auto;
     margin-top: 60px
}

.comapar-feature {
     padding: 0 0 90px;
     width: 100%;
     text-align: center;
     background: #fff
}

h1 {
     font-size: 40px;
     color: #111;
     font-family: var(--zf-primary-bold)
}

.compar-list-cont {
     max-width: 1030px;
     width: 100%;
     margin: 0 auto;
     margin-top: 80px
}

.compar-list {
     width: 33%;
     display: inline-block;
     border: 1px solid #f2f2f2;
     border-radius: 4px;
     vertical-align: middle;
     float: left;
     background: #fff;
     position: relative
}

.compar-list:nth-child(2) {
     box-shadow: 1px 1px 10px #e3e3e3;
     margin-top: -20px;
     z-index: 1
}

.head-txt {
     padding: 40px 20px;
     text-align: left;
     font-size: 18px;
     font-family: var(--zf-primary-semibold);
     color: #111
}

.compare-ul {
     display: inline-block;
     width: 100%;
     text-align: left
}

.compare-ul li {
     padding: 20px;
     border-top: 1px solid #f2f2f2;
     list-style-type: none;
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     color: #111;
     line-height: 24px;
     height: 80px;
     box-sizing: border-box;
     padding-top: 15px
}

.click-comp {
     font-size: 18px;
     font-family: var(--zf-primary-regular);
     color: #03a9f5;
     text-decoration: underline;
     margin-top: 80px;
     display: inline-block;
     cursor: pointer
}

.comp-save-cont {
     width: 100%;
     padding: 70px 0 90px;
     text-align: center;
     background: #f5f7f9
}

.comp-save-cont h1 {
     font-size: 40px;
     color: #111;
     font-family: var(--zf-primary-bold);
     line-height: 50px
}

.compa-save-annual {
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
     margin-top: 75px;
     background: #fff;
     position: relative;
     border-radius: 4px
}

.comp-anual-cnt {
     max-width: 235px;
     width: 100%;
     float: left
}

.comp-anual-cnt div {
     padding: 74px 30px 0;
     text-align: left;
     font-size: 18px;
     font-family: var(--zf-primary-semibold);
     color: #111;
     border-left: 1px solid #f2f2f2
}

.comp-anual-cnt-ul {
     display: inline-block;
     width: 100%;
     text-align: left
}

.comp-anual-cnt-ul li {
     padding: 26px 30px;
     border-top: 1px solid #f2f2f2;
     border-left: 1px solid #f2f2f2;
     list-style-type: none;
     font-size: 18px;
     font-family: var(--zf-primary-regular);
     color: #111;
     box-sizing: border-box
}

.comp-over {
     width: 500px;
     display: inline-block;
     background: #fff;
     box-shadow: 1px 1px 10px #e3e3e3;
     position: absolute;
     top: -20px;
     right: 1px;
     z-index: 1;
     border-radius: 4px
}

.mb20 {
     margin-bottom: 20px
}

.mt20 {
     margin-top: 20px
}

.zwitch-cont {
     padding: 70px 0 80px;
     width: 100%;
     display: inline-block;
     text-align: center
}

.zwitch-cont ul {
     max-width: 1160px;
     width: 100%;
     margin: 0 auto;
     margin-top: 80px
}

.zwitch-cont ul li {
     list-style-type: none;
     padding-left: 60px;
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     color: #111;
     display: inline-block;
     max-width: 177px;
     line-height: 22px
}

.zwitch-cont ul li:first-child {
     padding-left: 0
}

.comp-testimo {
     padding: 80px 0 90px;
     width: 100%;
     background: #d6efff;
     text-align: center
}

.texti-slidercont {
     max-width: 880px;
     margin: 0 auto;
     width: 100%;
     display: none
}

.slider-testimo {
     max-width: 950px;
     width: 100%;
     margin: 0 auto;
     background: #fff;
     border-radius: 4px;
     height: 380px;
     margin-top: 50px;
     box-shadow: 1px 1px 10px #e3e3e3;
     position: relative
}

.texti-left {
     max-width: 260px;
     border-right: 1px solid #f3f3f3;
     float: left;
     background: #f9fbfd;
     height: 380px;
     width: 100%;
     padding: 75px 40px;
     box-sizing: border-box;
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px;
     padding-left: 55px;
     position: relative
}

.texti-right {
     max-width: 685px;
     float: left;
     height: 380px;
     width: 100%;
     padding: 40px;
     box-sizing: border-box
}

.sliderlist {
     width: 100%;
     display: inline-block;
     position: relative;
     height: 230px;
     max-width: 600px
}

.sliderlist li {
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     color: #111;
     list-style-type: none;
     position: absolute;
     top: 0;
     left: 0;
     display: none
}

.sliderlist li p {
     margin-top: 20px;
     line-height: 25px;
     font-family: "Droid Serif", serif !important;
     font-size: 16px
}

.customer-list li {
     list-style-type: none;
     display: none
}

.customer-cnt {
     max-width: 420px;
     text-align: center;
     margin: 0 auto;
     width: 100%;
     position: absolute;
     left: 0
}

.customer-cnt span {
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     color: #111;
     display: block;
     line-height: 24px;
     text-align: center;
     margin: 0 auto
}

.testi-txt {
     font-family: var(--zf-primary-semibold) !important;
     margin-top: 20px !important
}

.slidedotTips {
     padding: 0;
     margin: 0;
     margin-top: 35px;
     text-align: center
}

.slidedotTips li {
     padding: 0;
     margin-left: 10px;
     width: 12px;
     height: 12px;
     border-radius: 12px;
     background: #bbb;
     display: inline-block;
     cursor: pointer
}

.setclrList {
     background: #5eb6de !important
}

.slidedotTips li:first-child {
     margin-left: 0
}

.slidedotTips1 {
     padding: 0;
     margin: 0;
     margin-top: 30px;
     text-align: center;
     display: none
}

.slidedotTips1 li {
     padding: 0;
     margin-left: 10px;
     width: 12px;
     height: 12px;
     border-radius: 12px;
     background: #bbb;
     display: inline-block;
     cursor: pointer
}

.setclrList1 {
     background: #5eb6de !important
}

.slidedotTips1 li:first-child {
     margin-left: 0
}

.support-txt {
     font-size: 18px;
     font-family: var(--zf-primary-regular);
     color: #111;
     margin-top: 40px
}

.foot-txt {
     font-size: 12px !important;
     font-family: var(--zf-primary-regular);
     color: #111;
     margin-top: 40px;
     line-height: 20px
}

.tick:before {
     content: '';
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/green-tick.png);
     height: 12px;
     width: 12px;
     display: inline-block;
     background-size: 12px 12px;
     margin-right: 7px;
     vertical-align: middle
}

.cross:before {
     content: '';
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/compare-icon-zwitch.png);
     background-repeat: no-repeat;
     background-size: 1680px auto;
     display: inline-block;
     background-position: -662px -49px;
     width: 10px;
     height: 12px;
     vertical-align: middle;
     margin-right: 10px
}

.sprite-img {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/compare-icon-zwitch.png);
     background-repeat: no-repeat;
     background-size: 1680px auto;
     display: inline-block
}

.zoho-crm {
     background-position: -17px -40px;
     width: 145px;
     height: 32px
}

.zoho-crm-sml {
     background-position: -17px -77px;
     width: 108px;
     height: 22px;
     margin: 15px auto;
     display: block !important
}

.sales-icon {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/ms-sugar.png);
     background-position: -146px;
     width: 169px;
     height: 51px;
     vertical-align: middle;
     margin: auto;
     display: block;
     background-size: 452px auto;
     background-repeat: no-repeat
}

.editn-txt {
     vertical-align: middle;
     display: inline-block
}

.small-txt {
     font-size: 14px;
     text-align: center;
     font-family: var(--zf-primary-regular)
}

.ease-icon {
     background-position: -1238px -19px;
     width: 50px;
     height: 75px;
     margin-bottom: 18px;
     margin-right: 5px;
     opacity: .2
}

.effortless-icon {
     background-position: -1300px -20px;
     width: 49px;
     height: 74px;
     margin-bottom: 18px;
     margin-right: 15px;
     opacity: .2
}

.stand-ai-icon {
     background-position: -1361px -19px;
     width: 49px;
     height: 75px;
     margin-bottom: 18px;
     opacity: .2
}

.adoption-icon {
     background-position: -1422px -19px;
     width: 61px;
     height: 75px;
     margin-bottom: 18px;
     opacity: .2
}

.deployment-icon {
     background-position: -1494px -19px;
     width: 55px;
     height: 75px;
     margin-bottom: 18px;
     opacity: .2
}

.migra-icon {
     background-position: -479px -19px;
     width: 72px;
     height: 70px;
     margin-bottom: 18px
}

.import-icon {
     background-position: -413px -17px;
     width: 50px;
     height: 75px;
     margin-bottom: 18px
}

.lookup-icon {
     background-position: -348px -18px;
     width: 49px;
     height: 72px;
     margin-bottom: 18px
}

.trial-icon {
     background-position: -266px -17px;
     width: 65px;
     height: 74px;
     margin-bottom: 18px
}

.jody-icon {
     background-position: -713px -1px;
     width: 108px;
     height: 107px;
     margin-bottom: 20px
}

.dani-icon {
     background-position: -829px -1px;
     width: 108px;
     height: 107px;
     margin-bottom: 20px
}

.alex-icon {
     background-position: -944px -1px;
     width: 108px;
     height: 107px;
     margin-bottom: 20px
}

.marin-icon {
     background-position: -1059px -1px;
     width: 108px;
     height: 107px;
     margin-bottom: 20px
}

.training-icon {
     background-position: -562px -23px;
     width: 84px;
     height: 66px;
     margin-bottom: 18px
}

.barandsprite-img {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/brands_sprite.png);
     background-repeat: no-repeat;
     display: inline-block;
     background-size: 700px auto
}

.acton-icon {
     background-position: -190px -18px;
     width: 179px;
     height: 40px;
     margin-top: 20px !important
}

.blue-icon {
     background-position: -1175px -39px;
     width: 42px;
     height: 31px
}

.bench-icon {
     background-position: -12px -14px;
     width: 182px;
     height: 51px;
     margin-top: 20px !important
}

.helth-icon {
     background-position: -502px -19px;
     width: 183px;
     height: 39px;
     margin-top: 20px !important
}

.amiad-icon {
     background-position: -372px -20px;
     width: 128px;
     height: 39px;
     margin-top: 20px !important
}

.illu-img {
     width: 31%;
     margin-left: 20px
}

.trans-left {
     transform: translateX(-90%);
     transition: all ease 1s;
     opacity: 0
}

.trans-right {
     transform: translateX(100%);
     transition: all ease 1s;
     opacity: 0
}

.full-illu {
     display: none;
     width: 100%
}

.pt {
     padding-bottom: 37.5px !important
}

.br {
     background: #d6f0ff
}

.bt {
     padding: 20px
}

.compare-con-inner {
     display: none
}

.compare-con-inner {
     width: 100%;
     margin: 40px auto 0;
     text-align: center
}

.cmpr-innr-title {
     width: 50%;
     float: left;
     padding: 15px 40px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     font-size: 16px !important;
     line-height: 14px;
     font-family: var(--zf-primary-semibold);
     border-bottom: 1px solid #333;
     color: #fff;
     background: #313949
}

.title-sec {
     padding: 20px 40px 12px;
     font-size: 18px;
     font-family: var(--zf-primary-regular);
     color: #333;
     border-top: 0;
     line-height: 28px;
     margin-bottom: 0;
     font-weight: 600
}

.compare-sec {
     border: 1px solid #ccc;
     width: 90%;
     margin: 0 auto;
     padding: 20px 10px;
     box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.014), 0px 4px 18px 3px rgba(0, 0, 0, 0.012);
     background: #fff;
     box-sizing: border-box
}

.cb {
     height: 0;
     clear: both
}

.compare.cmpr-right {
     border-left: 1px solid #e3e3e3
}

.compare-save.cmpr-right {
     border-left: 1px solid #e3e3e3
}

.compare-tab.main-title-sec.fixed {
     position: fixed;
     width: 100%;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     background: #fff
}

#compare1.main-title-sec.fixed {
     position: fixed;
     width: 100%;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     background: #fff
}

#comp-saveid.main-title-sec.fixed {
     position: fixed;
     width: 100%;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     background: #fff
}

.compare {
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     width: 49.8%;
     float: left;
     box-sizing: border-box;
     background: #fff;
     display: inline-block;
     vertical-align: middle;
     padding: 10px;
     line-height: 24px
}

.compare-save {
     padding: 49px 40px 49px;
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     width: 50%;
     float: left;
     box-sizing: border-box;
     background: #fff
}

.cmpr-right-save {
     padding: 0;
     border-right: 1px solid #e3e3e3
}

.p20 {
     padding: 20px
}

.cmpr-innr-title.rt-title {
     border-left: 0;
     background: #5a616e
}

.overlay {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: 2;
     position: fixed;
     top: 0;
     left: 0;
     display: none
}

.formSec.active {
     transform: translateX(0);
     -webkit-transform: translateX(0)
}

.formSec {
     width: 100%;
     overflow: auto;
     max-width: 420px;
     position: fixed;
     transform: translateX(120%);
     -webkit-transform: translateX(120%);
     right: 0;
     top: 0;
     z-index: 9999;
     -webkit-transition: all .8s ease;
     -moz-transition: all .8s ease;
     -o-transition: all .8s ease;
     transition: all .8s ease;
     -webkit-box-shadow: -7px 0 28px 0 rgba(0, 0, 0, 0.46);
     -moz-box-shadow: -7px 0 28px 0 rgba(0, 0, 0, 0.46);
     box-shadow: -7px 0 28px 0 rgba(0, 0, 0, 0.46);
     height: 100%;
     background: #fff
}

.form-head {
     position: fixed;
     width: 420px
}

.formSec h2 {
     background: #03a9f5;
     font-size: 18px;
     font-weight: 400;
     font-family: var(--zf-primary-regular);
     color: #fff;
     line-height: 26px;
     padding: 10px 30px;
     text-transform: uppercase
}

.section8-conatiner p {
     font-size: 36px;
     font-family: var(--zf-primary-light);
     color: #000;
     margin-top: 6px;
     line-height: normal;
     text-align: center
}

.form-close {
     background: url(//cdn.zoho.com.cn/sites/zweb/images/crm/close-icon.png) no-repeat;
     height: 18px;
     position: absolute;
     right: 30px;
     top: 14px;
     width: 18px;
     cursor: pointer
}

.formInner input[type="text"] {
     border: 1px solid #e2e2e2;
     font-size: 14px;
     height: 28px;
     max-width: 330px;
     padding-left: 8px;
     width: 100%
}

.formInner select {
     border: 1px solid #e2e2e2;
     font-size: 14px;
     height: 30px;
     max-width: 340px;
     width: 100%
}

.formInner textarea {
     border: 1px solid #e2e2e2;
     font-size: 14px;
     padding: 5px 8px;
     height: 60px;
     width: 100%;
     max-width: 322px
}

.formSec h2 {
     background: #03a9f5;
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     line-height: 26px;
     padding: 10px 30px;
     text-transform: uppercase
}

.submit-btn {
     background: none repeat scroll 0 0 #f0483e;
     border: 1px solid #f0483e;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 17px;
     margin: 5px 0 20px;
     max-width: 130px;
     padding: 8px 20px;
     text-decoration: none;
     text-transform: uppercase;
     transition: all 500ms ease 0;
     width: 100%;
     float: left;
     margin-left: 10px
}

.formInner p {
     color: #333;
     font-size: 13px;
     line-height: 20px;
     padding-bottom: 12px
}

.formInner p span {
     display: block;
     padding: 0 0 5px
}

.formInner {
     border-left: 1px solid #ddd;
     padding: 82px 30px 15px;
     background: #fff;
     box-sizing: border-box;
     height: 100%
}

.form-show {
     right: 0 !important
}

.from-txt {
     font-size: 36px;
     font-family: var(--zf-primary-light);
     font-weight: 400
}

.captcha-img {
     display: inline-block;
     vertical-align: middle
}

.reload-img {
     display: inline-block;
     vertical-align: top;
     margin: 40px 0 0 35px;
     font-size: 16px;
     font-family: var(--zf-primary-regular);
     cursor: pointer;
     color: #03a9f5;
     text-decoration: none
}

.captcha-error,
.emphty-error,
.mail-error,
.phone-error {
     text-align: left;
     font-size: 12px;
     padding: 5px 0 0 !important;
     color: #f34637;
     display: block !important;
     max-width: 330px;
     margin: 0 auto
}

.comparison-sec {
     font-size: 14px;
     font-family: var(--zf-primary-regular);
     cursor: pointer;
     text-decoration: underline;
     text-align: center;
     padding: 25px 0 18px;
     margin: 0 auto;
     color: #a3a3a3;
     display: block
}

.clone-list {
     max-width: 1023px;
     width: 100%;
     margin: 0 auto;
     position: fixed;
     top: 50px;
     border: 1px solid #f2f2f2;
     display: none;
     z-index: 1;
     height: 90px !important;
     -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24);
     box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24)
}

.clone-list li {
     padding: 33px 20px 34px;
     text-align: left;
     font-size: 18px;
     font-family: var(--zf-primary-semibold);
     color: #111;
     list-style-type: none;
     width: 33%;
     border-right: 1px solid #f2f2f2;
     display: inline-block;
     box-sizing: border-box;
     vertical-align: top;
     float: left;
     background: #fff
}

.clone-list li:last-child {
     border: 0
}

.clone-listui {
     max-width: 1023px;
     width: 100%;
     margin: 0 auto;
     position: fixed;
     top: 50px;
     border: 1px solid #f2f2f2;
     display: none;
     z-index: 1;
     height: 90px !important;
     -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24);
     box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.24)
}

.clone-listui li {
     padding: 34px 20px;
     text-align: left;
     font-size: 18px;
     font-family: var(--zf-primary-semibold);
     color: #111;
     list-style-type: none;
     width: 33%;
     border-right: 1px solid #f2f2f2;
     display: inline-block;
     box-sizing: border-box;
     vertical-align: top;
     float: left;
     background: #fff
}

.clone-listui li:last-child {
     border: 0
}

.bdr-rit {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}

.bdr-left {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.slider-left-arrow {
     left: 0
}

.slider-arrow {
     position: absolute;
     top: 50%;
     transition: .3s all ease;
     padding: 0;
     width: 46px;
     height: 46px;
     background-color: #fff;
     text-align: center;
     border-radius: 50%;
     pointer-events: all;
     box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.20);
     -ms-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.20);
     -webit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.20);
     cursor: pointer;
     display: inline-block;
     z-index: 9;
     transform: translate(-50%, -50%)
}

.sl-arrow {
     background: url(//cdn.zoho.com.cn/sites/zweb/images/crm/slider-arrow-icn.svg) no-repeat center;
     width: 18px;
     height: 14px;
     margin: 18px 0 0 0;
     display: -ms-inline-flexbox;
     display: -webkit-inline-flex;
     display: inline-flex;
     transform: rotate(90deg)
}

.sl-left-arrow {
     transform: rotate(270deg)
}

.slider-right-arrow {
     right: -45px
}

.semi-bld {
     font-family: var(--zf-primary-semibold) !important
}

.flip-icon {
     transition: all .2s ease;
     opacity: 1
}

.flip-mid1 {
     transition-delay: 250ms
}

.flip-mid2 {
     transition-delay: 500ms
}

.flip-mid3 {
     transition-delay: 750ms
}

.flip-mid4 {
     transition-delay: 1000ms
}

.flip-mid5 {
     transition-delay: 1250ms
}

.z-row {
     padding: 80px 0 90px;
     background: #0067ff
}

.z-small-content-wrap {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     display: block;
     padding: 80px 0
}

.testimonial .column-block {
     width: 45%;
     margin-right: 0;
     padding-right: 0;
     float: left;
     color: #fff;
     margin-top: 50px
}

.customer.user1 {
     height: 110px;
     margin-bottom: 29px
}

.testimonial p {
     width: 80%;
     font-size: 16px !important;
     font-family: 'Roboto Slab', serif, Arial, Helvetica;
     font-weight: 300;
     line-height: 1.6;
     margin: 0 auto 20px;
     max-width: 750px;
     position: relative;
     color: #000
}

.testimonial small {
     display: block;
     font-size: 18px;
     padding: 10px 0 5px;
     font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
     letter-spacing: .5px;
     line-height: 20px;
     color: #000
}

.testi-design {
     font-size: 16px;
     font-family: var(--zf-primary-light), Arial, Helvetica, sans-serif;
     color: #000
}

.testimonial .column-block:nth-child(2n) {
     padding-right: 3%;
     margin-right: 3%;
     border-right: 0;
     width: 45%
}

.customer.user2 {
     width: 40%;
     margin-top: 27px
}

.content-wrap:after,
.small-content-wrap:after,
.large-content-wrap:after,
.z-content-wrap:after,
.z-small-content-wrap:after,
.z-large-content-wrap:after {
     display: block;
     content: ' ';
     clear: both
}

.testimonial {
     text-align: center
}

.testimonial h2 {
     font-size: 34px;
     font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
     margin-bottom: 20px;
     letter-spacing: 0;
     color: #fff
}

.mobile-label {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     text-align: center
}

.mobile-label1 {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     text-align: center
}

.currency-tabl {
     max-width: 1180px;
     margin: 0 auto;
     width: 100%;
     padding-top: 50px
}

.big_bold {
     font-family: 'Roboto Slab', serif;
     font-size: 36px;
     font-weight: 600
}

.crm-price-td {
     padding: 15px 22px;
     display: table-cell;
     vertical-align: middle
}

.crm-price-td span,
.cmn-price-td span {
     font-size: 18px
}

span.big_font {
     font-family: 'Roboto Slab', serif;
     font-size: 36px;
     font-weight: 300
}

span.r_blt {
     font-weight: 600
}

span.blt {
     font-family: var(--zf-primary-bold)
}

.crm-price-tbale {
     border: 1px solid #62b5f7;
     display: table;
     table-layout: fixed;
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
     box-shadow: 2px 2px 10px #e3e3e3
}

.crm-price-tbl-row,
.cmn-price-tr {
     display: table-row;
     width: 100%
}

.crm-price-td:nth-child(1),
.cmn-price-td:nth-child(1) {
     width: 16%
}

.crm-price-td:nth-child(2),
.cmn-price-td:nth-child(2) {
     width: 24%
}

.crm-price-td:nth-child(3) {
     width: 60%
}

.cmn-price-td:nth-child(3) {
     width: 20%
}

.cmn-price-td:nth-child(4) {
     width: 20%
}

.cmn-price-td:nth-child(5) {
     width: 20%
}

.cmn-price-td {
     padding: 18px 22px;
     vertical-align: middle;
     display: table-cell;
     border: 1px solid #e3e3e3
}

.row1 .cmn-price-td {
     border: 0
}

.cmn-price-tbl {
     display: table;
     table-layout: fixed;
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
     margin-top: 10px;
     position: relative
}

.shadow-box {
     position: absolute;
     background: transparent;
     border: 1px solid #62b5f7;
     width: 50%;
     right: -2px;
     transition: all ease 1s
}

.shadow-box-small {
     position: absolute;
     background: transparent;
     border: 1px solid #62b5f7;
     width: 24%;
     left: 16%;
     transition: all ease 1s
}

.shadow-box.anim-shadow {
     box-shadow: 0 30px 70px rgba(0, 0, 0, .12)
}

.shadow-box-small.anim-shadow {
     box-shadow: 0 30px 70px rgba(0, 0, 0, .12)
}

.svg-sprites {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/india-crm-sprites.svg);
     background-repeat: no-repeat;
     display: inline-block
}

.rating-table-con {
     padding: 20px 25px 30px;
     text-align: center
}

.rating-table-inner {
     max-width: 1200px;
     width: 100%;
     margin: 50px auto 0
}

.rating-table {
     margin: 50px auto 0;
     border: 1px solid rgba(0, 0, 0, 0.13)
}

.rating-sec {
     width: 33.33%;
     box-sizing: border-box;
     float: left;
     padding: 25px 30px;
     background: #fff
}

.rating-left {
     width: 60%;
     display: inline-block;
     vertical-align: middle;
     text-align: left
}

.finance-online {
     background-position: -914px -174px;
     width: 149px;
     height: 24px
}

.trust-radius {
     background-position: -1081px -19px;
     width: 154px;
     height: 27px
}

.pc {
     background-position: -921px -70px;
     width: 51px;
     height: 61px;
     margin: 0 !important
}

.get-app {
     background-position: -999px -74px;
     width: 97px;
     height: 26px
}

.capterra {
     background-position: -914px -20px;
     width: 149px;
     height: 33px
}

.google-play {
     background-position: -1116px -70px;
     width: 130px;
     height: 30px
}

.app-store {
     background-position: -1000px -120px;
     width: 123px;
     height: 35px
}

.softeware-suggest {
     background-position: -1142px -122px;
     width: 113px;
     height: 35px
}

.gatner {
     background-position: -1082px -170px;
     width: 161px;
     height: 35px
}

.rating-right {
     width: 38%;
     display: inline-block;
     vertical-align: middle;
     text-align: left
}

.rating-txt {
     font-family: 'Roboto Slab', serif;
     font-size: 16px;
     color: #999;
     padding-bottom: 4px
}

.rating-txt span {
     font-size: 36px;
     color: #333;
     font-family: 'Roboto Slab', serif
}

.star-con {
     width: 113px;
     display: inline-block;
     position: relative;
     height: 20px
}

.star-con .anim-star {
     width: 0;
     left: 0;
     top: 0;
     position: absolute;
     z-index: 2;
     transition: all ease 2.4s
}

.star-con .gray-star {
     background-position: -730px -369px;
     width: 113px;
     height: 20px;
     left: 0;
     top: 0;
     position: absolute;
     z-index: 1
}

.four_half1 {
     background-position: -304px -369px;
     width: 113px;
     height: 20px
}

.four_half2,
.four_half3 {
     background-position: -162px -369px;
     width: 113px;
     height: 20px
}

.four_star {
     background-position: -20px -369px;
     width: 113px;
     height: 20px
}

.rating-sec:nth-child(1),
.rating-sec:nth-child(2),
.rating-sec:nth-child(3),
.rating-sec:nth-child(4),
.rating-sec:nth-child(5),
.rating-sec:nth-child(6) {
     border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

.rating-sec:nth-child(2),
.rating-sec:nth-child(3),
.rating-sec:nth-child(5),
.rating-sec:nth-child(6),
.rating-sec:nth-child(8),
.rating-sec:nth-child(9) {
     border-left: 1px solid rgba(0, 0, 0, 0.13)
}

.rating_count_alter {
     display: inline-block
}

.rating_count {
     display: none
}

.awrd_logo {
     display: block;
     width: 94%;
     max-width: 320px;
     margin: 25px auto 10px
}

.shadow-box-small {
     display: none
}

p {
     margin-bottom: 0 !important
}

.hide {
     display: none !important
}

#imgid {
     margin: 10px;
     display: inline-block;
     vertical-align: middle
}

div.zgdprform-state-container .globalstatecode,
.zgdprform-countrylist-container .globalcountrycode,
.select-section select {
     width: 100% !important;
     padding: 0 25px 0 5px !important;
     margin: 0 !important;
     background: unset !important;
     border: 1px solid #e4e4e4 !important;
     font-size: 14px !important;
     height: 35px !important;
     appearance: none !important;
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     -ms-appearance: none !important;
     position: relative;
     z-index: 1;
     box-sizing: border-box !important;
     border-radius: 0 !important
}

div.zgdprform-state-container {
     margin: 5px auto 15px;
     text-align: center
}

.prs-mnth,
.small-txt {
     font-size: 13px !important;
     display: inline-block !important
}

.strt-txt {
     display: block
}

.rating-con-main {
     text-align: center !important;
     padding: 140px 25px
}

.rating-con {
     padding-top: 35px
}

.other-lang .rating-con {
     padding-top: 75px
}

.i18n-pt-br .rating-con {
     padding-top: 60px
}

.rating-left-con {
     display: inline-block;
     vertical-align: bottom;
     margin-right: 30px;
     width: 580px;
     text-align: center;
     padding-left: 60px;
     box-sizing: border-box;
     position: relative
}

.i18n-ar .rating-left-con {
     padding: 0 0 0 60px;
     margin: 0
}

.rating-sqr-bx {
     width: 255px;
     float: left;
     padding: 25px 25px 25px 28px;
     box-sizing: border-box;
     margin-left: 7px;
     margin-bottom: 7px;
     background: #fff;
     border: 1px solid #e3e3e3;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     position: relative;
     -webkit-box-shadow: -1px 3px 5px 0 rgba(222, 222, 222, 1);
     -moz-box-shadow: -1px 3px 5px 0 rgba(222, 222, 222, 1);
     box-shadow: -1px 3px 5px 0 rgba(222, 222, 222, 1)
}

.rating-sqr-bx .icn-con {
     height: 100px;
     position: relative
}

.icn-con span {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%)
}

.zwt-sprt {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/zwitch-awards-sprite.svg);
     background-repeat: no-repeat
}

.gartner-icn {
     background-position: -252px -100px;
     width: 123px;
     height: 98px
}

.peer-insights-icn {
     background-position: -132px -99px;
     width: 104px;
     height: 99px
}

.ctgry-ldr-icn {
     background-position: -393px -100px;
     width: 88px;
     height: 98px
}

.great-usr-exp-icn {
     background-position: -10px -99px;
     width: 104px;
     height: 99px
}

.rating-descr {
     font: 400 15px/1.4 Roboto, Arial, Helvetica, sans-serif;
     padding-top: 15px;
     word-break: break-word
}

.rating-sqr-bx:nth-child(1),
.rating-sqr-bx:nth-child(3) {
     margin-left: 0
}

.rating-right-con {
     width: 455px;
     margin-left: 30px;
     display: inline-block;
     vertical-align: bottom;
     position: relative;
     margin-bottom: 0
}

.app-rating {
     width: 100%;
     display: block;
     padding: 30px 25px;
     box-sizing: border-box;
     background: #fff;
     border-radius: 4px;
     margin-bottom: 6px;
     -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
}

.app-logo-con {
     display: inline-block;
     vertical-align: middle;
     width: 156px
}

.app-logo,
.i18n-en .more-cstmrs,
.i18n-in .more-cstmrs,
.i18n-au .more-cstmrs,
.rating-txt .rating_count_alter,
.testimonial-inner {
     display: inline-block
}

.appstore {
     background-position: -10px -48px;
     width: 147px;
     height: 42px
}

.getapp {
     background-position: -166px -56px;
     width: 136px;
     height: 26px
}

.googleplay {
     background-position: -10px -216px;
     width: 133px;
     height: 30px
}

.trustradius {
     background-position: -312px -56px;
     width: 154px;
     height: 27px
}

.capterra {
     background-position: -159px -218px;
     width: 136px;
     height: 31px
}

.star-rating {
     margin-left: 25px;
     width: 101px;
     vertical-align: middle;
     height: 17px;
     display: inline-block
}

.star-45 {
     background-position: -328px -211px
}

.star-42 {
     background-position: -439px -211px
}

.star-40 {
     background-position: -328px -237px
}

.rating-txt {
     margin-left: 28px;
     display: inline-block;
     vertical-align: middle;
     color: #333
}

.rating-txt .hlght-txt {
     font: 36px/36px Roboto;
     display: inline-block;
     vertical-align: bottom
}

.nrml-txt {
     font: 20px/20px Roboto !important;
     display: inline-block;
     vertical-align: bottom
}

.lft-brdr {
     display: block;
     height: 100%;
     width: 4px;
     position: absolute;
     left: 0;
     top: 0
}

.gartner .lft-brdr {
     background: #d2bd77
}

.peer-insights .lft-brdr {
     background: #6ec2dd
}

.ctgry-ldr .lft-brdr {
     background: #fd8b7d
}

.great-usr-exp .lft-brdr {
     background: #71569c
}

.anim-elem {
     opacity: 0;
     -ms-transform: translateY(18px);
     transform: translateY(18px)
}

.anim-init {
     transition: .7s opacity cubic-bezier(.25, .46, .45, .94), 1s transform cubic-bezier(.25, .46, .45, .94)
}

.rating-con-inner {
     max-width: 1140px;
     width: 100%;
     display: inline-block;
     text-align: left
}

.rating-con-inner .inner-hdr {
     text-align: left
}

.rating-left-con .yellow-pattern {
     top: -52px;
     left: -7px;
     width: 167px;
     height: 167px;
     z-index: -2
}

.yellow-pattern {
     background-image: url(//cdn.zoho.com.cn/sites/zweb/images/crm/plus-pattern-bg-yellow.svg)
}

.adtnl-pattern {
     background-size: 14px;
     background-repeat: repeat;
     position: absolute;
     transition: all ease .55s;
     display: inline-block
}

#why-zo {
     padding-top: 70px
}

@media only screen and (max-width:1200px) {
     .zwitch-cont ul li {
          padding-left: 30px
     }
}

@media only screen and (max-width:1180px) {
     .currency-tabl {
          width: 98% !important
     }

     .rating-left-con {
          width: 480px;
          padding-left: 35px
     }

     .rating-right-con {
          width: 400px;
          margin-left: 0
     }

     .rating-sqr-bx {
          width: 205px
     }

     .rating-txt,
     .star-rating {
          margin-left: 5px
     }
}

@media only screen and (max-width:1140px) {
     .clone-list {
          top: 0
     }

     .clone-listui {
          top: 0
     }
}

@media only screen and (max-width:1060px) {
     .zwitch-cont ul li {
          padding-left: 23px
     }
}

@media only screen and (max-width:1024px) {
     .f15 {
          font-size: 15px !important
     }

     .illu-img {
          width: 30%;
          margin-left: 15px
     }

     .zwitch-cont ul li {
          list-style-type: none;
          padding-left: 0;
          font-size: 16px;
          font-family: var(--zf-primary-regular);
          color: #111;
          display: inline-block;
          max-width: 180px;
          width: 100%;
          margin-bottom: 30px;
          margin: 25px 30px
     }

     .zwitch-cont {
          padding: 0 0 42px
     }

     .zwitch-cont ul {
          margin-top: 32px
     }

     .zwitch-cont ul {
          max-width: 500px
     }

     #why-zo {
          padding-top: 52px
     }
}

@media only screen and (max-width:992px) {
     .cust-brands {
          width: 50%
     }

     .customer-cnt {
          max-width: 420px;
          text-align: center;
          margin: 0 auto;
          width: 100%;
          position: absolute;
          left: 50%;
          transform: translateX(-50%)
     }

     .ease-icon {
          opacity: 1
     }

     .effortless-icon {
          opacity: 1
     }

     .stand-ai-icon {
          opacity: 1
     }

     .adoption-icon {
          opacity: 1
     }

     .deployment-icon {
          opacity: 1
     }

     .customer-list li {
          margin-top: 15px
     }

     .customer-cnt {
          margin-top: 60px
     }

     .sliderlist {
          height: 430px
     }

     .texti-slidercont {
          display: block
     }

     .slider-testimo {
          display: none
     }

     .slidedotTips1 {
          display: block
     }

     .compa-save-annual {
          display: none
     }

     .cmpr-innr-title {
          padding: 15px 30px;
          border-top: 0;
          margin-bottom: 0
     }

     .compar-list-cont {
          display: none
     }

     .compare-con-inner {
          display: block
     }

     .illu-img {
          max-width: 440px;
          margin-left: 0;
          margin: 0 auto;
          text-align: center;
          width: 100%;
          margin: 0 auto;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          transition: all 1s ease;
          opacity: 0 !important
     }

     .in {
          opacity: 1 !important
     }

     .img-div {
          height: 570px;
          position: relative
     }

     .compar-header h3 {
          font-size: 24px
     }

     .compar-header h2 {
          font-size: 36px
     }

     .compar-header p {
          font-size: 16px
     }

     .button-click {
          font-size: 16px
     }

     .switch-txt-cnt h2 {
          font-size: 30px
     }

     h1 {
          font-size: 30px
     }

     .comp-save-cont h1 {
          font-size: 30px;
          line-height: 38px
     }

     .compar-header-cont {
          width: 96%
     }

     .texti-slidercont {
          width: 94%
     }

     .comp-testimo {
          padding: 70px 0
     }

     .comp-save-cont {
          padding: 50px 0 70px
     }

     .switch-cont {
          padding: 60px 0 0
     }

     .comapar-feature {
          padding: 10px 0 60px;
          background: #fff
     }

     .compar-list-cont {
          margin-top: 60px
     }

     .compar-header {
          padding: 90px 0 65px
     }

     .logo-sec {
          left: 30px
     }

     .comp-over {
          box-shadow: none;
          position: static;
          margin-top: 30px;
          width: 100%
     }

     .compa-save-annual {
          max-width: 500px;
          background: 0
     }

     .comp-anual-cnt {
          background: #fff
     }

     .compar-list {
          width: 315px;
          display: block;
          float: none;
          margin: 0 auto;
          margin-bottom: 30px
     }

     .compar-list:nth-child(2) {
          box-shadow: none;
          margin-top: 0
     }

     .op1 {
          opacity: 1 !important
     }

     .slidedotTips {
          margin-top: 60px
     }

     .switch-txt-cnt {
          padding: 0
     }

     .currency-tabl {
          display: none
     }

     .rating-sec:nth-child(9) {
          border-bottom: 0
     }

     .rating-table {
          max-width: 670px;
          width: 100%
     }

     .rating-table {
          border: none !important;
          margin: 20px auto 0
     }

     .rating-sec {
          width: 47%;
          margin: 3% 1% 0;
          float: none;
          display: inline-block;
          padding: 25px 20px;
          border: 1px solid #e3e3e3 !important
     }

     .rating-txt .rating_count {
          display: inline-block
     }

     .rating-con-main {
          padding: 80px 25px
     }

     .rating-con-inner {
          max-width: 700px
     }

     .rating-left-con {
          width: 100%;
          max-width: 800px;
          margin: 0 auto;
          display: block;
          float: none;
          padding-left: 0
     }

     .rating-sqr-bx {
          width: 49.5%;
          margin-left: 1%
     }

     .rating-right-con {
          max-width: 800px;
          width: 100%;
          margin: 35px auto 0;
          display: block;
          text-align: center
     }

     .app-rating {
          width: 32.3%;
          float: left;
          margin-left: 1%;
          height: 175px;
          margin-bottom: 10px
     }

     .app-rating:nth-child(1),
     .app-rating:nth-child(4) {
          margin-left: 0
     }

     .app-logo-con {
          display: block;
          text-align: center;
          margin: 0 auto 5px
     }

     .rating-left-con .yellow-pattern {
          display: none
     }
}

@media only screen and (max-width:767px) {
     .umain #mini-panel-product_menu .menu-icon-help-header .product-title a {
          color: #fff !important
     }

     .compar-header {
          padding: 110px 0 65px
     }

     .compar-main-cont {
          margin: -50px auto 0
     }

     .column-block,
     .z-three-col .column-block,
     .z-four-col .column-block {
          float: none;
          width: 100% !important;
          margin-bottom: 30px;
          margin-right: 0 !important;
          padding-right: 0 !important
     }

     .hgt-st {
          padding: 0;
          min-height: inherit !important
     }

     .awrd_logo {
          margin: 25px auto 60px
     }

     .testimonial h2 {
          font-size: 22px;
          width: 94%;
          line-height: 32px;
          margin: 0 auto
     }

     .z-row {
          padding: 40px 0 50px;
          background: #00a9f5
     }

     .testimonial .column-block {
          border-right: 0;
          margin-bottom: 0
     }

     .cust-brands {
          width: 60%
     }

     .line-txt:before {
          width: 60px
     }

     .line-txt:after {
          width: 60px
     }

     .zwitch-cont ul li {
          list-style-type: none;
          padding-left: 0;
          font-size: 16px;
          font-family: var(--zf-primary-regular);
          color: #111;
          display: block;
          max-width: 175px;
          width: 100%;
          margin: 0 auto;
          margin-bottom: 50px
     }

     .switchlist li {
          display: block;
          border-right: 0;
          padding: 10px 20px;
          margin-bottom: 30px
     }

     .switchlist li:last-child {
          margin-bottom: 0
     }

     .zwitch-cont ul {
          margin-top: 45px
     }

     .compare-tab.main-title-sec.fixed {
          top: 50px
     }

     #compare1.main-title-sec.fixed {
          top: 50px
     }

     #comp-saveid.main-title-sec.fixed {
          top: 50px
     }

     .rating-sec {
          margin: 0
     }

     .rating-table-con {
          padding: 20px 25px
     }

     .rating-table {
          border: 0
     }

     .rating-table-inner {
          max-width: 380px;
          width: 100%
     }

     .rating-sec {
          width: 100%;
          border: 1px solid #e3e3e3 !important;
          margin-bottom: 12px;
          padding: 10px 30px
     }

     .rating-con-main {
          padding: 50px 25px 30px
     }
}

@media only screen and (max-width:640px) {

     .app-rating:nth-child(1),
     .app-rating:nth-child(3),
     .app-rating:nth-child(5) {
          margin-left: 0
     }

     .app-rating {
          width: 49%
     }
}

@media only screen and (max-width:550px) {
     .line-txt {
          margin-top: 50px
     }

     .switchlist {
          margin-top: 25px
     }

     .switchlist li {
          margin-bottom: 18px
     }

     .click-comp {
          margin-top: 55px
     }

     .comapar-feature {
          padding: 10px 0 45px
     }

     .title-sec {
          font-size: 18px
     }

     .comp-testimo {
          padding: 50px 0
     }

     .sliderlist li p {
          margin-top: 30px
     }

     .customer-cnt {
          margin-top: 35px
     }

     .slidedotTips {
          margin-top: 0
     }

     .slidedotTips1 {
          margin-top: 0
     }

     .comp-anual-cnt {
          max-width: 187px
     }

     .compa-save-annual {
          width: 95%
     }

     .comp-anual-cnt div {
          font-size: 16px;
          padding: 50px 30px 50px
     }

     .compar-header-cont {
          width: 94%
     }

     h3 {
          font-size: 24px;
          line-height: 36px
     }

     .support-txt {
          font-size: 16px;
          line-height: 24px
     }

     .foot-txt {
          margin-top: 50px
     }

     .sliderlist {
          height: 505px
     }

     .switch-txt-cnt h2 {
          font-size: 28px
     }

     .compar-header-cont {
          margin-bottom: 30px
     }

     .line-txt {
          margin: 0;
          margin-top: 30px
     }
}

@media only screen and (max-width:500px) {

     .app-rating,
     .rating-sqr-bx {
          width: 100%;
          max-width: 385px;
          text-align: center;
          float: none;
          display: block;
          margin: 0 auto 5px !important
     }

     .app-rating {
          background: 0;
          padding: 25px 0;
          border: 0;
          height: auto;
          text-align: left;
          position: relative;
          box-shadow: none;
          transform: scale(.8);
          -webkit-transform: scale(.8)
     }

     .app-rating:after {
          content: '';
          height: 1px;
          background: #e3e3e3;
          width: 100%;
          bottom: 0;
          left: 0;
          display: block;
          position: absolute
     }

     .app-rating:last-child:after {
          display: none
     }

     .app-logo-con {
          display: inline-block;
          text-align: left
     }
}

@media only screen and (max-width:460px) {
     .customer.user2 {
          width: 50%
     }

     .switch-txt-cnt {
          width: 96%
     }

     #why-zo h1 {
          width: 90%;
          margin: 0 auto
     }

     .switchlist {
          margin-left: 0
     }

     .compare-sec p {
          margin-bottom: 0
     }

     .cust-brands {
          width: 85%
     }

     .img-div {
          height: 580px
     }

     .switch-cont {
          padding: 60px 0 0
     }

     .title-sec {
          padding: 25px 40px 14px
     }

     .zwitch-cont ul li {
          max-width: 265px;
          margin-bottom: 45px
     }

     .customer-list li {
          margin-top: 22px
     }

     .compar-header-cont {
          width: 90%
     }

     .logo-sec {
          left: 50%;
          transform: translateX(-50%)
     }

     .sliderlist {
          height: 485px
     }
}

@media only screen and (max-width:420px) {
     .sliderlist {
          height: 530px
     }

     .click-comp {
          margin-top: 55px;
          width: 91%
     }

     .img-div {
          height: 530px
     }

     .zwitch-cont {
          padding: 0 0 10px
     }

     .compar-header {
          padding: 100px 0 65px
     }

     .logo-sec {
          top: 52px
     }

     .rating-right-con {
          transform: scale(.9);
          -webkit-transform: scale(.9)
     }
}

@media only screen and (max-width:400px) {
     .comp-anual-cnt {
          max-width: 160px
     }

     .formInner {
          height: 714px
     }

     .form-close {
          right: 68px
     }
}

@media only screen and (max-width:360px) {
     .compare {
          font-size: 14px !important
     }

     .comp-anual-cnt {
          max-width: 160px
     }

     .comp-anual-cnt div {
          font-size: 16px;
          padding: 32.5px 30px 50px
     }

     .pt {
          padding-bottom: 62px !important
     }

     .sliderlist {
          height: 550px
     }

     .img-div {
          height: 470px;
          position: relative
     }
}

@media only screen and (max-width:320px) {
     .zoho-crm-sml {
          background-position: -20px -81px;
          width: 115px;
          height: 26px;
          background-size: 1303px auto
     }

     .comp-anual-cnt {
          max-width: 150px
     }

     .comp-anual-cnt div {
          padding: 45.5px 22px 37px
     }

     .pt {
          padding-bottom: 67px !important
     }

     .form-close {
          right: 112px
     }

     .sliderlist {
          height: 550px
     }
}

p.zgdprform-opt-container {
     width: 95%;
     margin: -15px auto 5px
}

.header,
.zgh-signup.vpvcrm-btn {
     display: none !important
}