/****Popup ***/
.zcampaign-video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    overflow: auto;
    z-index: 9999;
    display: none
}

.zcampaign-video-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(https://www.zoho.com/creator/images/e-p-sprite.png) 5px -10px no-repeat;
    top: 15px;
    right: 20px
}

.zcampaign-video-modalInner {
    max-width: 70%;
    width: 90%;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin: 20px auto
}

.zcampaign-video-container {
    display: table-cell;
    vertical-align: middle
}

.zcampaign-video-box {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

.zcampaign-video-iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.zcampaign-video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    overflow: auto;
    z-index: 9999;
    display: none
}

.zcampaign-video-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(https://www.zoho.com/creator/images/e-p-sprite.png) 5px -10px no-repeat;
    top: 15px;
    right: 20px
}

.zcampaign-video-modalInner {
    max-width: 70%;
    width: 90%;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin: 20px auto
}

.zcampaign-video-container {
    display: table-cell;
    vertical-align: middle
}

.zcampaign-video-box {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

.zcampaign-video-iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}


.og-context-node-42888.node-type-features .main-container-wrapper:before, .og-context-node-42888.node-type-zp-landing-page-2-0 .main-container-wrapper:before, .og-context-node-42888.node-type-zp-features-home .main-container-wrapper:before  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
    background: #fff8ec;
    background: -moz-linear-gradient(top, #fff8ec 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #fff8ec 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #fff8ec 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8ec', endColorstr='#ffffff', GradientType=0);
}
.main-container-wrapper {
    position: relative
}
@media only screen and (max-width: 380px) {
    .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a {
        font-size: 17px
    }
}
.product-nav-links .menu li:first-child .dropdown-menu>li:last-child a {
    font-family: var(--zf-primary-semibold);
    color: #03a9f5 !important;
    background: #fafafa;
    margin-top: 10px;
}
/**************** API Coding View styles starts *****************/

.node-type-product-api-2-0 code[class*="language-"],
.node-type-product-api-2-0 pre[class*="language-"] {
    font-size: 12px;
    font-weight: 400;
}

.node-type-product-api-2-0 .api-type {
    display: none;
}

.node-type-product-api-2-0 .lang-selector a.active {
    color: #03a9f5;
}

.node-type-product-api-2-0 .content-panel-wrap .api-code-panel .api-code-panel-inner h3 {
    color: #fff;
    font-size: 17px;
}

.node-type-product-api-2-0 .token.tag,
.node-type-product-api-2-0 .token.symbol,
.node-type-product-api-2-0 .token.deleted {
    color: #f4bf75;
}

.node-type-product-api-2-0 .token.atrule,
.node-type-product-api-2-0 .token.attr-value,
.node-type-product-api-2-0 .token.keyword {
    color: #C3D358;
}

.node-type-product-api-2-0 .token.selector,
.node-type-product-api-2-0 .token.attr-name,
.node-type-product-api-2-0 .token.builtin,
.node-type-product-api-2-0 .token.inserted {
    color: #c76fb5;
}

.node-type-product-api-2-0 .lang-selector a:nth-child(2) {
    display: none;
}

.node-type-product-api-2-0 .api-panel {
    margin-bottom: 40px;
}

.node-type-product-api-2-0 .copy_button {
    opacity: 0;
}
/**************** API Coding View styles ends *****************/

@media only screen and (max-width: 1450px) and (min-width: 992px){
.footer-sec-wrap .product-links>div {
    overflow: hidden;
}
.footer-sec-wrap .product-links>.lang-support {
    padding-right: 0;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
.main-container-wrapper #mini-panel-product_menu .content-wrap>.product-nav-links li, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li {
    margin: 0 10px 0 10px;
}
}

@media only screen and (max-width: 767px){
.footer-sec-wrap .product-links>div.lang-support {
    display: none;
}
}

@media only screen and (max-width: 480px){
  .ZF-contact>ul>li:first-child {
    font-size: 13px;
  }
}
