<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*Hide backup CD*/
.backup-cd-hide {
    display: none;
}

/*Consent banner &amp; Redirect Pop-up*/
.consent-banner-background,
.redirect-pop-up-background {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
}

.consent-banner,
.redirect-pop-up {
    background-color: #ffffff;
    width: 500px;
    margin: 300px auto;
    border-radius: 20px;
    padding: 15px 35px 35px;
}

.consent-banner-title {
    font-family: "Rubik";
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0px;
}

.consent-banner-content {
    font-size: 14px;
    line-height: 20px;
}

.consent-banner-button-container {
    text-align: center;
    margin-top: 30px;
}

.consent-banner-button.button {
    color: #ffffff;
    background-color: #00a0e9;
    border: none;
    min-width: 120px;
}

.redirect-pop-up-content {
    font-family: "Rubik";
    font-size: 16px;
    line-height: 24px;
}

.redirect-pop-up span {
    color: #00a0e9;
}

.redirect-pop-up-button-row {
    text-align: center;
}

.redirect-pop-up-button.button {
    display: inline-block;
    margin: 15px auto 0 auto;
    text-align: center;
    color: #ffffff;
    background-color: #00a0e9;
    border: none;
}

.redirect-pop-up-button.stay {
    display: inline-block;
    font-size: 14px;
    margin-top: 20px;
    color: rgba(134, 134, 134, 1);
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    line-height: 12px;
}

.cookies-container {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background-color: #596368d6;
    color: white;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cookies-container a,
.cookies-container a:hover,
.cookies-container a:visited {
    text-decoration: underline !important;
    color: white;
}

.cookies-container .img-div {
    text-align: right;
}

.cookies-container .img-div img {
    cursor: pointer;
}

.cookies-container .text-div {
    line-height: 20px;
}

/*Zendesk***/
body p {
    font-size: 16px;
    color: #424e54;
    line-height: 1.333;
    margin: 15px 0;
}

body h1 {
    font-size: 36px;
    color: #424e54;
    line-height: 1.2;
    margin: 50px 0;
    font-family: "Rubik";
    font-weight: 400;
}

body h2 {
    font-size: 28px;
    color: #424e54;
    line-height: 1.5;
    margin: 30px 0;
    font-family: "Rubik";
    font-weight: 400;
}

body h3 {
    font-size: 20px;
    color: #424e54;
    line-height: 1.2;
    margin: 15px 0;
    font-family: "Rubik";
    font-weight: 400;
}

/*All*/
html body {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    color: #424e54;
    font-weight: normal;
}

a,
a:hover,
a:visited {
    text-decoration: none !important;
    color: rgb(102, 102, 102);
}

b {
    font-weight: 600;
}

.main {
    width: 100%;
}

.clear {
    clear: both;
}

input,
textarea,
select {
    outline: none;
}

input[type="text"],
input[type="number"],
textarea,
select {
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid rgb(201, 201, 201);
    width: 100%;
}

textarea {
    padding: 10px;
}

input[type="text"],
input[type="number"],
select {
    height: 37px;
}

input[type="checkbox"],
input[type="checkbox"]+div {
    cursor: pointer;
}

.button {
    color: #00a0e9;
    padding: 0px 30px;
    line-height: 35px;
    background-color: transparent;
    border: 1px solid #00a0e9;
    border-radius: 10px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    font-family: "Rubik";
}

.button:hover {
    color: #ffffff;
    background-color: #00a0e9;
}

a.default-links,
a.default-links:hover,
a.default-links:visited {
    color: #00a0e9;
    cursor: pointer;
}

a.default-links:hover {
    text-decoration: underline !important;
}

.default-row {
    margin-bottom: 50px;
    line-height: 1.333;
}

.default-section {
    margin-bottom: 100px;
}

.default-ul {
    margin-left: 20px;
    list-style-type: disc;
}

.default-ol {
    margin-left: 20px;
    list-style-type: decimal;
}

.default-ul li,
.default-ol li {
    margin-bottom: 15px;
    line-height: 1.333;
}

.searchKnowledge {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 100px;
    margin: 0;
    margin-bottom: 30px;
}

.support-section&gt;div {
    margin-bottom: 30px;
}

.container .support-item-row {
    text-align: center;
    line-height: 30px;
}

.support-btn-row&gt;div:not(.clear) {
    float: left;
    margin-right: 30px;
}

.support-btn-row .more-quest {
    line-height: 35px;
    border: 1px solid transparent;
    font-size: 16px;
    display: inline-block;
}

.support-section-row .arrow-row {
    display: none;
    text-align: center;
    line-height: 5px;
}

.arrow-row img {
    cursor: pointer;
}

.tooltip.fade {
    display: none !important;
}

.through {
    text-decoration: line-through;
}

.hidden {
    display: none;
}

@media only screen and (max-width : 767px) {
    .searchKnowledge .button {
        width: 115px;
        margin: 0 auto;
    }

    .search-input-row {
        margin-bottom: 30px;
    }

    .support-item-row {
        display: none;
    }

    .support-btn-row&gt;div:not(.clear) {
        float: left;
        margin-right: 0;
        width: 100%;
    }

    .support-section-row {
        border-bottom: 1px solid #d0d0d0;
    }

    .support-section-row .arrow-row {
        display: block;
    }

    .support-section {
        display: none;
    }


}


/* Milestone*/
.milestone-container {
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
}

.milestone-content {
    background-color: white;
    border: 1px solid #e0e0e0;
    padding: 30px;
    text-align: center;
    margin-right: 20px;
    width: 100%;
    height: 395px;
}

.milestone-content:last-child,
.milestone-container.multiple-content .milestone-content:nth-last-child(2) {
    margin-right: 0;
}

.milestone-content p {
    text-align: center;
}

.milestone-text-p {
    margin-bottom: 30px;
}

.milestone-content img {
    max-height: 200px;
}

.milestone-container.two .milestone-content {
    width: 50%;
}

.milestone-container.three .milestone-content {
    width: 33.3%;
}

.milestone-container.four .milestone-content {
    width: 25%;
}

.img2015a {
    margin-right: 30px;
}

.selected-timeline-date.h--timeline-date::before {
    background-color: #424e54;
}

.selected-timeline-date.h--timeline-date:hover::before {
    background-color: #f7f7f7;
}

.year-arrow {
    position: absolute;
    right: 9px;
    bottom: -46px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #424e54;
    display: none;
}

.milestone-top-heading {
    font-size: 36px;
    text-align: center;
    margin: 90px 0;
}

.h--timeline-container {
    margin-bottom: 30px;
}

.h--timeline-date--selected .year-arrow {
    display: block;
}

.milestone-content img.img2018c {
    max-height: initial;
    width: 300px;
}

@media only screen and (max-width : 1200px) {
    .milestone-container {
        display: block;
    }

    .milestone-main-container .milestone-container .milestone-content {
        width: 100%;
        margin-bottom: 20px;
    }

    .milestone-main-container .milestone-container.multiple-content .milestone-content {
        width: 48%;
        margin-right: 35px;
        float: left;
    }

    .milestone-main-container .milestone-container.multiple-content .milestone-content:nth-child(even) {
        margin-right: 0;
    }

    .milestone-content:last-child {
        margin-bottom: 0;
    }

    .milestone-content img.img2022b,
    .milestone-content img.img2017b {
        max-height: initial;
        width: 380px;
    }


}

@media only screen and (max-width : 1058px) {
    .milestone-main-container .milestone-container.multiple-content .milestone-content {
        width: 48%;
        margin-right: 35px;
    }
}

@media only screen and (max-width : 993px) {
    .milestone-main-container .milestone-container.multiple-content .milestone-content {
        width: 100%;
        float: none;
    }

    .milestone-content {
        height: auto;
    }

    .img2015a,
    .img2015b {
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width : 767px) {
    .milestone-main-container .milestone-container .milestone-content * {
        text-align: center;
    }

    .milestone-content {
        height: auto;
    }

    .img2015a,
    .img2015b {
        display: block;
        margin: 0 auto;
    }

    .milestone-content img {
        max-height: initial;
        width: 100%;
        max-width: 250px;
    }
}




/*lg-1170px, md-970px, sm-750px*/

body p {
    font-size: 16px;
    color: #424e54;
    line-height: 1.333;
    margin: 15px 0;
}

body h1,
#finder-search fieldset&gt;label {
    font-size: 36px;
    color: #424e54;
    line-height: 1.2;
    margin: 50px 0;
    font-family: "Rubik";
    font-weight: 400;
}

body h2 {
    font-size: 28px;
    color: #424e54;
    line-height: 1.5;
    margin: 30px 0;
    font-family: "Rubik";
    font-weight: 400;
}

body h3 {
    font-size: 20px;
    color: #424e54;
    line-height: 1.2;
    margin: 15px 0;
    font-family: "Rubik";
    font-weight: 300;
}

input,
textarea,
select {
    outline: none;
}

input[type="text"],
input[type="number"],
textarea,
select {
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid rgb(201, 201, 201);
    width: 100%;
}

textarea {
    padding: 10px;
}

input[type="text"],
input[type="number"],
select {
    height: 37px;
}

input[type="checkbox"],
input[type="checkbox"]+div {
    cursor: pointer;
}

.button {
    color: #00a0e9;
    padding: 0px 30px;
    line-height: 35px;
    background-color: transparent;
    border: 1px solid #00a0e9;
    border-radius: 10px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    font-family: "Rubik";
    font-weight: 400;
}

.button:hover {
    color: #ffffff;
    background-color: #00a0e9;
}

.temp-button {
    color: #969696;
    padding: 0px 30px;
    line-height: 35px;
    background-color: transparent;
    border: 1px solid #969696;
    border-radius: 10px;
    font-size: 16px;
    display: inline-block;
    font-family: "Rubik";
    font-weight: 400;
}

.checkout-btn {
    color: black;
    padding: 0px 15px;
    line-height: 28px;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    font-family: "Rubik";
    font-weight: 400;
}

.checkout-btn:active {
    color: white;
    background-color: black;
    border: 1px solid black;
}

#myBtn {
    float: left;
    margin-right: 25px;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    -apple-pay-button-style: white-outline;
}

#myBtn:active {
    -apple-pay-button-style: black !important;
}

.red {
    color: red;
}

.error-msg {
    color: #ff0033;
    opacity: 0;
    padding-left: 30px;
}

input.error,
textarea.error,
select.error {
    border-color: #ff0033;
}


.error-msg.error {
    opacity: 1;
}

.error-msg.success {
    color: #75b798;
}

.loading {
    text-align: center;
}

.main {
    position: relative;
    width: 100%;
}

.page-container {
    margin-bottom: 100px;
}

.sub-navigation-bar-page {
    margin-top: 40px;
}

.parallel-button:first-child {
    margin-right: 20px;
}

.captcha-container {
    margin: 15px 0px;
}

.captcha-container .g-recaptcha&gt;div {
    margin: 0 auto;
}

.back-to-top-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
    z-index: 99;
    border: 1px solid #596368;
    border-radius: 10px;
}

.back-to-top-btn:hover {
    opacity: 0.7;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.mobile-inline-block {
    display: none;
}

.desktop-inline-block {
    display: inline-block;
}

.mobile-list-item {
    display: none;
}

/*bootsrtip*/
/*.container{margin:0 auto !important;}*/
.container-fluid {
    padding: 0 !important;
}

/*.row{margin-left:0 !important; margin-right:0 !important;}*/
/*.row&gt;div:not(.container){padding:0;}*/

/*header*/
.banner-container {
    position: relative;
}

.banner-content {
    position: absolute;
    width: 100%;
    top: 90px;
}

.banner-title {
    font-size: 50px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.333;
    margin-bottom: 10px;
    font-family: "Rubik";
}

.banner-slogan {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.333;
    margin-bottom: 30px;
}

.header-container .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 30px !important;
}

.banner-container-mobile {
    height: 500px;
}

#mobile-banner-1 {
    background: url("../../../images/00.website_banner_background-992px_Collaboration.png") no-repeat center center;
}

#mobile-banner-2 {
    background: url("../../../images/00.website_banner_background-992px_NavicatMonitor.png") no-repeat center center;
}

#mobile-banner-3 {
    background: url("../../../images/00.website_banner_background-992px_Navicat12.png") no-repeat center center;
}

#mobile-banner-4 {
    background: url("../../../images/00.website_banner_background-992px_NM_AlibabaCloud.png") no-repeat center center;
}

#mobile-banner-5 {
    background: url("../../../images/00.website_banner_background-992px_NAPP.png") no-repeat center center;
}

#mobile-banner-special {
    background: url("../../../images/00.website_banner_background-992px_DBTA2017.png") no-repeat center center;
}

#mobile-banner-mongodb {
    background: url("../../../images/00.website_banner_background-992px_NavicatMongoDB.png") no-repeat center center;
}

.banner-3 .banner-content .banner-title,
.banner-3 .banner-content .banner-slogan,
.banner-3 .banner-content-mobile .banner-title,
.banner-3 .banner-content-mobile .banner-slogan {
    color: #424e54;
}

.banner-mongodb .banner-content .banner-title,
.banner-mongodb .banner-content .banner-slogan,
.banner-mongodb .banner-content-mobile .banner-title,
.banner-mongodb .banner-content-mobile .banner-slogan {
    color: #923f00;
}

.banner-content-mobile {
    text-align: center;
}

.banner-content-mobile .banner-title {
    font-size: 40px;
    margin-bottom: 0;
    margin-top: 280px;
}

.banner-content-mobile .banner-slogan {
    margin-bottom: 10px;
}

.banner-btn {
    border: 1px solid #ffffff;
    display: inline-block;
    border-radius: 10px;
    font-size: 18px;
}

.banner-btn&gt;a&gt;div {
    color: #ffffff;
}

.banner-btn:hover {
    background-color: #ffffff;
    color: #424e54;
}

.banner-btn:hover&gt;a&gt;div {
    color: #424e54;
}

.banner-3 .banner-btn {
    border-color: #424e54;
}

.banner-3 .banner-btn&gt;a&gt;div {
    color: #424e54;
}

.banner-3 .banner-btn:hover {
    background-color: #424e54;
}

.banner-3 .banner-btn:hover&gt;a&gt;div {
    color: #ffffff;
}

.banner-mongodb .banner-btn {
    border-color: #923f00;
}

.banner-mongodb .banner-btn&gt;a&gt;div {
    color: #923f00;
}

.banner-mongodb .banner-btn:hover {
    background-color: #923f00;
}

.banner-mongodb .banner-btn:hover&gt;a&gt;div {
    color: #ffffff;
}

#mobile-banner-mongodb .banner-content-mobile .banner-title {
    margin-top: 300px;
}

.banner-navicat-16 *,
.banner-navicat-16 .banner-btn&gt;a&gt;div {
    color: #f5ca4f;
}

.banner-navicat-16 .banner-btn {
    border-color: #f5ca4f;
}

.banner-navicat-16 .banner-btn&gt;a&gt;div {
    color: #f5ca4f;
}

.banner-navicat-16 .banner-btn:hover {
    background-color: #f5ca4f;
}

.banner-navicat-16 .banner-btn:hover&gt;a&gt;div {
    color: #ffffff;
}

.banner-content-mobile .banner-title {
    margin-top: 310px;
}

.banner-btn div {
    display: inline-block;
    padding: 8px 30px;
}

.index-large-banner-slider {
    display: block;
}

.index-small-banner-slider {
    display: none;
}

.bx-wrapper .bx-pager {
    padding-top: 0;
}

.header-container .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 13px !important;
}

.banner-monitor *,
.banner-monitor .banner-btn&gt;a&gt;div {
    color: #DFD184;
}

.banner-monitor .banner-btn {
    border-color: #DFD184;
}

.banner-monitor .banner-btn&gt;a&gt;div {
    color: #DFD184;
}

.banner-monitor .banner-btn:hover {
    background-color: #DFD184;
}

.banner-monitor .banner-btn:hover&gt;a&gt;div {
    color: #ffffff;
}

.banner-redis *,
.banner-redis .banner-btn&gt;a&gt;div {
    color: #FF7D7B;
}

.banner-redis .banner-slogan {
    color: #ffffff;
}

.banner-redis .banner-btn {
    border-color: #FF7D7B;
}

.banner-redis .banner-btn&gt;a&gt;div {
    color: #FF7D7B;
}

.banner-redis .banner-btn:hover {
    background-color: #FF7D7B;
}

.banner-redis .banner-btn:hover&gt;a&gt;div {
    color: #ffffff;
}


.product-banner {
    height: 400px;
}

.navicat-modeler-banner {
    background: url("../../../images/02.Product_ProductBanner_DataModeler3.png") no-repeat center center;
}

.navicat-modeler-essentials-banner {
    background: url("../../../images/02.Product_ProductBanner_DataModeler3Essentials.png") no-repeat center center;
}

.navicat-viewer-banner {
    background: url("../../../images/02.Product_ProductBanner_ReportViewer.png") no-repeat center center;
}

.navicat-charts-creator-banner {
    background: url("../../../images/Product_banner_ChartsCreator.svg") no-repeat center center;
}

.navicat-charts-viewer-banner {
    background: url("../../../images/Product_banner_ChartsViewer.svg") no-repeat center center;
}

.navicat-on-prem-server-banner {
    background: url("../../../images/Product_banner_On-PremServer.svg") no-repeat center center;
}

.navicat-premium-banner {
    background: url("../../../images/Product_banner_Premium_16.svg") no-repeat center center;
}

.navicat-essentials-banner {
    background: url("../../../images/Product_banner_Essentials.svg") no-repeat center center;
}

.navicat-oracle-banner {
    background: url("../../../images/Product_banner_Oracle.svg") no-repeat center center;
}

.navicat-mariadb-banner {
    background: url("../../../images/Product_banner_MariaDB.svg") no-repeat center center;
}

.navicat-sqlserver-banner {
    background: url("../../../images/Product_banner_SQLserver.svg") no-repeat center center;
}

.navicat-mysql-banner {
    background: url("../../../images/Product_banner_MySQL.svg") no-repeat center center;
}

.navicat-postgresql-banner {
    background: url("../../../images/Product_banner_PostgreSQL.svg") no-repeat center center;
}

.navicat-sqlite-banner {
    background: url("../../../images/Product_banner_SQLite.svg") no-repeat center center;
}

.navicat-mongodb-banner {
    background: url("../../../images/Product_banner_MongoDB.svg") no-repeat center center;
}

.navicat-redis-banner {
    background: url("../../../images/Product_banner_Redis.svg") no-repeat center center;
}

/*.nav-bar-container .menu-left-bar .language-icon &gt;a, .language-icon .lang-text{padding-right:0;}*/
.test-name {
    font-family: Rubik;
    font-size: 20px;
}

/*navbar*/
.nav-bar-container .navbar-nav&gt;li&gt;a {
    line-height: 70px;
    padding: 0 20px;
}

.nav-bar-container .navbar-nav .navicat-logo&gt;a {
    line-height: 35px;
}

.vertical-menu-container {
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 100000000;
    width: 100%;
    background-color: rgba(66, 78, 84, 0.9);
    display: none;
}

body .main .dark-bg {
    background-color: rgba(66, 78, 84, 0.9) !important;
}

.mobile-nav-container .nav&gt;li.menu-icon {
    display: none;
}

/*.menu-icon img{width:30px; height:30px;}*/
.mobile-nav-container .nav&gt;li.close-menu-btn {
    display: block;
}

.mobile-nav-container .nav&gt;li.close-menu-btn&gt;a,
.mobile-nav-container .nav&gt;li.close-menu-btn&gt;a&gt;img {
    padding-right: 0 !important;
}

.close-menu-btn img {
    cursor: pointer;
}

.vertical-menu {
    padding: 10px 0;
    margin: 0;
}

.vertical-menu li {
    list-style: none;
    position: relative;
    z-index: 99;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.vertical-menu li a {
    font-size: 18px;
    padding: 15px 10px;
    display: block;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    color: rgb(191, 191, 191);
    text-align: center;
}

.vertical-menu li a:hover {
    color: white;
    opacity: 1 !important;
}

.vertical-menu li a:hover {
    color: white;
    opacity: 1 !important;
}

.navicat-logo&gt;a img {
    width: 156px;
    height: 40px;
}

.m-logo {
    width: 42px !important;
    height: 42px !important;
}

.navicat-logo&gt;a {
    padding: 10px 20px 0 0 !important;
}

.nav-container {
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #ffffff;
}

.modules-navigation-bar .nav-container {
    border-bottom: 1px solid #d0d0d0;
}

.nav-bar-container {
    width: 100%;
    z-index: 1000;
}

.modules-index-page-header .nav-bar-container {
    position: absolute;
}

.modules-index-page-header .nav-bar-container .nav-container {
    background-color: transparent;
}

.dropdown-main-menu {
    position: fixed;
    top: -70px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    z-index: 10;
}

.dropdown-main-menu.active {
    top: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.nav-bar-container&gt;.container&gt;.row&gt;div {
    height: 70px;
    line-height: 70px;
}

.navbar-nav a,
.navbar-nav a:visited,
.navbar-nav a:hover {
    color: #424e54;
    background: transparent !important;
}

.modules-index-page-header .navbar-nav a,
.modules-index-page-header .navbar-nav a:visited,
.modules-index-page-header .navbar-nav a:hover {
    color: white;
}

.nav&gt;li.close-menu-btn {
    display: none;
}

.number-of-item {
    background-color: red;
    line-height: normal;
    position: absolute;
    top: 30px;
    left: 25px;
    padding: 0px 5px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 12px;
    display: none;
}

.lang-img {
    float: left;
}

.lang-text {
    float: left;
    padding: 0px 5px 5px 0px;
}

/*.nav-row .menu-left-bar .cs-btn a {line-height:68px;}*/
.menu-left-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu-left-bar li {
    float: right;
}

.nav-bar-container .menu-left-bar&gt;li&gt;a,
.nav-bar-container .menu-left-bar&gt;li&gt;a:hover,
.nav-bar-container .menu-left-bar&gt;li&gt;a:visited {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0 5px;
    color: #424e54;
    background: transparent !important;
}

.modules-index-page-header .nav-bar-container .menu-left-bar&gt;li&gt;a,
.modules-index-page-header .nav-bar-container .menu-left-bar&gt;li&gt;a:hover,
.modules-index-page-header .nav-bar-container .menu-left-bar&gt;li&gt;a:visited {
    color: white;
}

.menu-row {
    height: 70px;
    line-height: 70px;
}

.nav-bar-container .menu-left-bar&gt;li&gt;a img {
    padding: 24px 5px 0 5px;
}

.nav&gt;.menu-icon {
    display: none;
}

.nav-bar-container .menu-left-bar&gt;li.menu-icon&gt;a,
.nav-bar-container .menu-left-bar&gt;li.menu-icon&gt;a:hover,
.nav-bar-container .menu-left-bar&gt;li.menu-icon&gt;a:visited {
    padding-right: 0;
}

.nav-bar-container .menu-left-bar&gt;li.menu-icon&gt;a img {
    padding-right: 0;
}

.modules-sub-navigation-bar {
    position: relative;
    z-index: 1000000;
}

.nav-bar-container .menu-left-bar&gt;li.customer-center-icon&gt;a img {
    padding-top: 22px;
}

/*sub-nav*/
.sub-navigation-bar-background {
    background-color: rgba(104, 113, 118, 0.8);
    line-height: 40px;
    color: #ffffff;
    font-size: 20px;
    width: 100%;
    position: absolute;
}

.sub-navigation-bar-background a {
    color: #ffffff;
}

.sub-navigation-bar {
    position: relative;
}

.sub-navigation-left {
    float: left;
    margin-right: 30px;
}

.sub-navigation-right {
    float: right;
    margin-left: 30px;
}

.sub-navigation-left span {
    font-size: 16px;
}

.sub-navigation-right span {
    font-size: 16px;
}

/*.sub-navigation-right {float: right; font-size: 16px;}
.sub-navigation-right&gt;div {float: left; margin: 0 15px;}
.sub-navigation-right&gt;div:last-child {margin-right: 0px;}*/
.sub-navigation-bar-background.fixed {
    position: fixed;
    top: 0;
    z-index: 1000000;
}

.sub-navigation-buy-btn {
    border: 1px solid #ffffff;
    line-height: 16px;
    border-radius: 3px;
    padding: 4px 15px;
    margin-top: 6px;
    float: left;
}

.sub-navigation-expand-button {
    float: right;
    display: none;
    cursor: pointer;
}

.sub-navigation-title {
    display: none;
}

.subnav-title {
    float: left;
}

.subnav-btn {
    float: right;
    cursor: pointer;
}

/*.sub-nav-support .sub-navigation-left{float:left;}
.sub-nav-support .sub-navigation-right{float:left;}*/
.sub-navigation-left.nav-title span {
    font-size: 16px;
}

.sub-nav-support .sub-navigation-right {
    margin-left: 25px;
}

.pi-btn {
    border-radius: 5px;
    width: 70px;
    height: 26px;
    line-height: 23px;
    background-color: white;
    color: #424e54;
    text-align: center;
    margin-top: 7px;
    font-weight: 500;
}

.pi-btn:hover {
    opacity: 0.5;
}

.sub-navigation-right.pi-btn.sub-navigation-ru-download-button {
    width: 140px;
}


.search-btn {
    color: #424e54;
    border: 1px solid #424e54;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    line-height: normal;
    padding: 3px 10px;
    border-radius: 5px;
    margin-top: 7px;
    float: right;
}

.search-btn:hover {
    color: #ffffff;
    background-color: #424e54;
}

/*.nav-container .search-row, .nav-container .nav-row{margin:0;}*/
.search-btn-icon {
    display: none;
}

.modules-smart-search {
    width: 100%;
    background-color: rgba(238, 238, 238, 0.95);
    height: 43px;
    line-height: 43px;
    float: right;
}

.modules-smart-search form&gt;.finder {
    float: left;
}

.modules-smart-search .finder label {
    display: none;
}

.modules-smart-search .finder input {
    padding: 0;
    margin: 0;
    border: none;
    background-color: inherit;
    font-size: 14px;
    color: rgb(50, 50, 50);
}

.modules-index-page-header .modules-smart-search {
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 10000000;
}

.main .small-banner-container {
    padding: 0;
    width: 100%;
    margin-bottom: 50px;
}

.main .small-banner-row {
    width: 100%;
    margin: 0;
}

/*.small-banner-container&gt;div&gt;div{padding-right:4px; width:100%; height:100px;}*/
.small-banner-container&gt;div:last-child&gt;div {
    padding-right: 0;
}

.small-banner-container img {
    width: 100%;
}

.clients-container {
    margin-bottom: 100px;
}

.clients-desc {
    font-family: Rubik;
    font-weight: 100;
    font-size: 40px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.clients-title {
    text-align: center;
}

.clients-img-container {
    text-align: center;
}

.clients-slider {
    padding-left: 0;
}

.small-banner-row&gt;div {
    border: 1px solid white;
    max-height: 250px;
    background-repeat: no-repeat;
}

.small-banner-row&gt;a&gt;div {
    background-size: auto 100%;
}

#s-banner-1 {
    background-image: url("../../../images/01_LandingPage_small_banner_NaviatiOS.png");
    background-position: center center;
    height: 250px;
    background-repeat: no-repeat;
}

#s-banner-2 {
    background-image: url("../../../images/01_LandingPage_small_banner_AWS.png");
    background-position: center center;
    height: 250px;
    background-repeat: no-repeat;
}

#s-banner-3 {
    background-image: url("../../../images/01_LandingPage_small_banner_NavicatDataModeler.png");
    background-position: center center;
    height: 250px;
    background-repeat: no-repeat;
}

#s-banner-4 {
    background-image: url("../../../images/01_LandingPage_small_banner_Top10reasons.png");
    background-position: center center;
    height: 250px;
    background-repeat: no-repeat;
}

.cht #s-banner-1 {
    background-image: url("../../../images/01_LandingPage_small_banner_NaviatiOS.png");
}

.cht #s-banner-2 {
    background-image: url("../../../images/01_LandingPage_small_banner_AWS_CHT.png");
}

.cht #s-banner-3 {
    background-image: url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_CHT.png");
}

.cht #s-banner-4 {
    background-image: url("../../../images/01_LandingPage_small_banner_Top10reasons_CHT.png");
}

.es #s-banner-1 {
    background-image: url("../../../images/01_LandingPage_small_banner_NaviatiOS.png");
}

.es #s-banner-2 {
    background-image: url("../../../images/01_LandingPage_small_banner_AWS_ES.png");
}

.es #s-banner-3 {
    background-image: url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_ES.png");
}

.es #s-banner-4 {
    background-image: url("../../../images/01_LandingPage_small_banner_Top10reasons_ES.png");
}

.pl #s-banner-2 {
    background-image: url("../../../images/01_LandingPage_small_banner_AWS_PL.png");
}

.pl #s-banner-3 {
    background-image: url("../../../images/01_LandingPage_small_banner_NavicatDataModeler_PL.png");
}

.pl #s-banner-4 {
    background-image: url("../../../images/01_LandingPage_small_banner_Top10reasons_PL.png");
}

.bx-controls-direction {
    display: none;
}

.main .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 40px;
}

/*Site map*/
.sitemap-container {
    background: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sitemap-col {
    padding-right: 15px;
}

.sitemap-col .sitemap-btn {
    margin-left: 20px;
    cursor: pointer;
    display: none;
}

.sitemap-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sitemap-items {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sitemap-items ul li {
    margin-bottom: 10px;
}

.sitemap-items ul li a {
    line-height: 1.333;
    font-size: 12px;
}

.sitemap-container ul li a {
    display: block;
    color: rgb(102, 102, 102)
}

.sitemap-container ul li a b {
    color: rgb(66, 78, 84);
}

.sitemap-container ul li a:focus {
    outline: none;
}

.sitemap-title {
    margin-bottom: 15px;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
}

.sitemap-second-row-title {
    margin-top: 30px;
}

.show-items {
    display: list-item !important;
    height: auto !important;
}

/*footer*/
.footer-container {
    background: #424e54;
    padding: 25px 0;
}

.footer-container&gt;div {
    text-align: center;
    color: white;
}

#signup-newsletter {
    height: 33px;
    background: transparent;
    outline: none;
    border: 0;
    line-height: 33px;
    color: #424e54;
    border: white solid 1px;
    border: 4px;
    padding: 0 0 0 10px;
    width: 100%;
}

.signup-newsletter-div {
    width: 575px;
    margin: 0 auto 30px auto;
}

.footer-container a,
.footer-container a:visited,
.footer-container a:hover {
    color: white;
}

.media-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.media-footer img {
    margin: 0 10px;
}

.footer-wechat-btn {
    cursor: pointer;
}

.footer-wechat-qrcode-container {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer-wechat-qrcode-background {
    background: rgba(255, 255, 255, 0.9);
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

.footer-wechat-qrcode {
    padding: 100px 0;
    position: relative;
    border: 1px solid #dbdbdb;
}

.footer-wechat-qrcode .footer-wechat-qrcode-img {
    max-width: 100%;
    padding: 0 30px;
}

.footer-wechat-qrcode-text {
    font-size: 24px;
    margin-top: 30px;
}

.footer-wechat-qrcode-cancel-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.media-footer&gt;div {
    display: inline-block;
}

.footer-ms-partner img {
    width: 170px;
}

.footer-ms-partner {
    margin-left: 30px;
}

/*.newsletter-container{margin-bottom:400px;}*/
.signup-title {
    float: left;
    border: transparent solid 1px;
    height: 33px;
    line-height: 33px;
}

.signup-input-part {
    position: relative;
    float: left;
    margin-left: 20px;
    background: transparent;
    border: 1px solid #969696;
    height: 33px;
    width: 360px;
    border-radius: 10px;
}

.newsletter-warning {
    position: absolute;
    bottom: -24px;
    left: 0;
    color: #fe95aa;
    display: none;
}

.newsletter-done {
    position: absolute;
    bottom: -24px;
    left: 0;
    color: white;
    display: none;
}

.signup-input {
    float: left;
    height: 33px;
    line-height: 33px;
    width: 100%;
}

.signup-btn {
    float: right;
    background: #3598CB;
    color: white;
    padding: 0 20px;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    border: #3598CB solid 1px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    cursor: pointer;
}

.signup-btn:hover {
    opacity: 0.7;
}

.shorten-input {
    width: 234px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.signup-hover {
    background: white;
    border: 0;
}

/*OnPrem, Cloud, Collaboration Infor Pages */
.product-banner.on-perm {
    background: url(../../../images/ProductPage_OnPrem_00_Banner.png) no-repeat center center;
}

.product-banner.cloud {
    background: url(../../../images/ProductPage_Cloud_00_Banner.png) no-repeat center center;
}

.product-banner.collaboration-banner {
    background: url(../../../images/Collaboration_00_Banner.png) no-repeat center center;
}

.banner-content-section {
    font-family: Rubik;
    font-size: 28px;
    color: #FFFFFF;
    text-align: center;
    line-height: 56px;
    font-weight: 300;
}

.navicat-collaboration-page .banner-slogan {
    opacity: 0.7;
    font-family: Rubik;
    font-size: 48px;
    color: #EEEEEE;
    text-align: center;
    font-weight: 200;
}

.navicat-collaboration-page .banner-heading {
    font-family: Rubik;
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 200;
    margin-bottom: 10px;
}

.main-section {
    margin-bottom: 120px;
}

.image-section {
    text-align: center;
    margin-bottom: 40px;
}

.image-section&gt;img {
    width: 100%;
}

.heading-section {
    font-family: Rubik;
    font-size: 36px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 40px;
    margin-top: 0;
}

.content-section {
    font-family: Rubik;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 300;
}

.platform-section {
    padding-bottom: 70px;
}

.platform-section .image-section {
    margin-bottom: 40px;
}

.platform-section .image-option {
    cursor: pointer;
    opacity: 0.5;
}

.platform-section .image-option.active {
    cursor: pointer;
    opacity: 1;
}

.platform-section .image-option&gt;img {
    margin-bottom: 15px;
}

.platform-section .image-option .title {
    opacity: 0.5;
    font-family: Rubik;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 300;
}

.platform-section .image-option.active .title {
    font-family: Rubik;
    font-size: 16px;
    color: white;
    text-align: center;
    font-weight: 300;
    opacity: 1;
}


.platform-section .image-section {
    margin-bottom: 40px;
}

.platform-section .image-option {
    cursor: pointer;
    opacity: 0.5;
}

.platform-section .image-option.active {
    cursor: pointer;
    opacity: 1;
}

.platform-section .image-option&gt;img {
    margin-bottom: 15px;
}

.platform-section .image-option .title {
    opacity: 0.5;
    font-family: Rubik;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 300;
}

.platform-section .image-option.active .title {
    font-family: Rubik;
    font-size: 16px;
    color: white;
    text-align: center;
    font-weight: 300;
    opacity: 1;
}

.cloud-price-plan-container {
    text-align: center;
}

.cloud-price-plan-container .navicat-cloud-price-plan-details {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
}

.cloud-price-plan-container .navicat-cloud-price-plan-details.plan-title {
    margin-top: 18px;
    font-size: 36px;
    color: #00A0E9;
    text-align: center;
    font-weight: 400;
}

.cloud-price-plan-container .price {
    font-size: 16px;
    color: #00A0E9;
    text-align: center;
    font-weight: 600;
}

.cloud-price-plan-container .navicat-cloud-pro-plan-content {
    background: rgba(0, 160, 233, 0.10);
    border: 1px solid #00A0E9;
}

.cloud-price-plan-container .navicat-cloud-pro-plan-label {
    width: 140px;
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    background: #00A0E9;
}

.cloud-price-plan-container .navicat-cloud-basic-plan-content {
    margin-top: 40px;
    border: 1px solid #979797;
    border-right: 0;
}

.cloud-price-plan-container .navicat-cloud-pro-plan-content .plan-title {
    margin-top: 18px;
}

.cloud-price-plan-container .navicat-cloud-price-plan-details .button {
    width: 140px;
    height: 34px;
    line-height: 34px;
}

.cloud-price-plan-container .navicat-cloud-basic-plan-content .navicat-cloud-price-plan-details:last-child {
    margin-bottom: 93px;
}

.collaboration-section {
    margin-bottom: 0px;
    padding-bottom: 100px;
}

.collaboration-section .small-heading {
    margin-bottom: 40px;
}

.collaboration-option {
    text-align: center;
    color: white;
    display: flex;
}

.collaboration-option&gt;div&gt;div {
    padding: 30px 0;
    height: 100%;
}

.collaboration-option .img-title {
    font-family: Rubik;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 32px;
}

.collaboration-option .content&gt;div {
    margin: 30px;
}

.collaboration-option .on-perm {
    border: 1px solid #45ADA8;
}

.collaboration-option .cloud {
    border: 1px solid #51C0E0;
}

.collaboration-option .title {
    padding: 10px 5px;
}

.collaboration-option .on-perm .title {
    background-color: #45ADA8;
}

.collaboration-option .cloud .title {
    background-color: #51C0E0;
}

.collaboration-option .action-btn {
    font-family: Rubik;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    font-weight: 400;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 30px auto;
    border-radius: 10px;
    cursor: pointer;
}

.collaboration-option .on-perm .action-btn {
    color: #45ADA8;
    background: rgba(81, 192, 224, 0.00);
    border: 1px solid #45ADA8;
    box-shadow: 0 2px 14px 0 rgba(69, 173, 168, 0.50);
}

.collaboration-option .cloud .action-btn {
    color: #51C0E0;
    background: rgba(81, 192, 224, 0.00);
    border: 1px solid #51C0E0;
    box-shadow: 0 2px 14px 0 rgba(81, 192, 224, 0.50);
}

.collaboration-option .more-details-btn {
    font-family: Rubik;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    width: 140px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
}

.collaboration-option .on-perm .more-details-btn {
    color: #45ADA8;
}

.collaboration-option .cloud .more-details-btn {
    color: #51C0E0;
}

.collaboration-option .icon img {
    width: 128px
}

.role-bigImg {
    width: 100%;
}

.role-option {
    cursor: pointer;
    opacity: 0.5;
    font-family: Rubik;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
}

.role-option.active {
    opacity: 1;
}

.role-img {
    margin-bottom: 20px;
}

.role-img&gt;img {
    width: 80px;
    border-radius: 60px;
}

.role-option .role-name {
    color: #fff;
    font-size: 20px;
    margin-bottom: 3px;
}

.role-option .role-post {
    color: #D5D5D5;
    font-size: 16px;
}


.question-section .heading-section,
.question-section .content-section {
    text-align: left
}

.question-section .content-section {
    margin-bottom: 20px;
}

.question-section .knowMore-btn {
    font-family: Rubik;
    font-size: 20px;
    color: #00A0E9;
    text-align: center;
    font-weight: 300;
    text-align: left;
    cursor: pointer;
    width: 122px;
    height: 24px;
}

.question-section .heading-section {
    color: white;
    font-family: Rubik;
    font-size: 36px;
    font-weight: 200;
}

.question-section .content-section {
    color: white;
    font-family: Rubik;
    font-size: 20px;
    font-weight: 400;
}



@media only screen and (max-width : 767px) {
    .cloud-price-plan-container .navicat-cloud-basic-plan-content {
        margin-top: 0;
    }

    .cloud-price-plan-container .navicat-cloud-basic-plan-content {
        padding-top: 18px;
    }

    .cloud-price-plan-container .navicat-cloud-basic-plan .plan-title {
        margin-top: 0;
    }

    .cloud-price-plan-container .navicat-cloud-basic-plan-content {
        border-right: 1px solid #979797;
    }

    .collaboration-option {
        display: block;
    }

    .collaboration-option&gt;div:first-child {
        margin-bottom: 20px;
    }

    .question-section div {
        text-align: center;
    }

    .question-section .heading-section,
    .question-section .content-section {
        text-align: center;
    }

    .question-section .img-div {
        margin-bottom: 40px;
    }
}

/*Product*/
.prod-container-big {
    margin-bottom: 70px;
}

.prod-content {
    margin-bottom: 20px;
}

.prod-ele {
    margin-bottom: 100px;
}

.product-icon {
    text-align: center;
    margin-top: 15px;
}

.product-icon .small-icon {
    display: none;
    margin: 0 auto;
}

.product-icon .large-icon {
    display: block;
    margin: 0 auto;
}

.prod-container-big a:hover h3,
.prod-container-big a:hover p,
.prod-container-small a:hover h3,
.prod-container-small a:hover p {
    color: #00a0e9;
}

.prod-container-big a:hover .product-learn-more,
.prod-container-small a:hover .product-learn-more {
    text-decoration: underline;
}

.product-learn-more {
    color: #00a0e9;
}

.product-container-v16 .prod-container-small,
.product-container-v16 .prod-container-big {
    display: flex;
    flex-wrap: wrap;
}

.product-container-v16 .prod-ele-container {
    margin-bottom: 30px;
}

.product-container-v16 .prod-ele {
    background-color: #f6f6f6;
    height: 100%;
    padding: 5px 5px 5px 5px;
}

.product-container-v16 .prod-btn-container {
    margin-bottom: 20px;
}

.product-container-v16 .prod-container-big {
    margin-bottom: 0;
}

.product-container-v16 .prod-container-big .prod-ele {
    padding: 15px;
}

.product-container-v16 .prod-container-big .large-icon {
    margin-bottom: 30px;
}

.product-container-v17 .prod-ele {
    border-radius: 15px;
}

/*Product details*/
.prod-buy-container {
    margin-bottom: 20px;
}

.prod-buy-container .prod-buy-icon {
    text-align: center;
    margin-bottom: 30px;
}

.prod-buy-row&gt;div:not(.clear),
.prod-buy-input&gt;div:not(.clear),
.prod-buy-ele&gt;div:not(.clear) {
    float: left;
}

.prod-buy-btn {
    border-radius: 10px;
    border: 1px solid #424e54;
    padding: 5px 10px;
    cursor: pointer;
    min-width: 150px;
    margin-right: 10px;
    text-align: center;
    opacity: 0.5;
    line-height: 25px;
}

.prod-buy-btn.selected {
    opacity: 1;
}

.prod-buy-btn[platform="X"] {
    cursor: default;
}

.prod-buy-input.database .prod-buy-btn {
    margin: 10px 10px 10px 0;
}

.prod-buy-input.database {
    margin-bottom: 50px;
}

.prod-buy-input .error-msg {
    display: none;
}

.prod-buy-input .error-msg.error {
    display: block;
}

.prod-buy-lang {
    outline: none;
    border-radius: 10px;
    border: 1px solid #424e54;
    width: 200px;
    cursor: pointer;
}

.prod-buy-quanity {
    outline: none;
    border-radius: 10px;
    padding: 5px 10px;
    width: 200px;
    border-color: #424e54 !important;
}

.prod-buy-title {
    width: 20%;
    border: 1px solid transparent;
    padding: 5px 10px 5px 0;
}

.prod-buy-title h3 {
    margin: 0;
}

.prod-buy-row .pb-title2 {
    border: 0;
    padding: 0 10px;
}

.prod-buy-content {
    width: 80%;
}

.prod-buy-content&gt;div {
    margin-bottom: 20px;
}

.prod-buy-symbol {
    width: 5%;
}

.prod-buy-text {
    width: 95%;
}

.prod-buy-table {
    margin-bottom: 50px;
    display: inline-block;
}

.prod-buy-table td,
.prod-buy-table th {
    padding: 5px 15px;
    border: 1px solid #ddd;
    text-align: center !important;
    width: 150px;
}

.prod-buy-table th {
    background: #eeeeee;
    width: 150px;
    font-weight: normal;
}

.prod-buy-summary {
    border-radius: 5px;
    border: 1px solid #424e54;
    padding: 30px;
    background-color: #ffffff;
    text-align: left;
    padding-top: 10px;
}

.prod-buy-summary.fixed {
    position: fixed;
    top: 90px;
}

.prod-buy-summary-row {
    margin-bottom: 10px;
}

.prod-buy-summary-title {
    margin-bottom: 15px;
}

.prod-buy-summary-desc {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.prod-buy-summary-desc li {
    margin: 5px 0;
}

.prod-buy-summary-items {
    float: left;
}

.prod-buy-summary-price,
.prod-buy-summary-discount-price {
    float: right;
}

.prod-buy-summary-price.discount {
    text-decoration: line-through;
}

.prod-price.discount {
    text-decoration: line-through;
}

.prod-discount-price {
    color: red;
}

.prod-buy-summary-container {
    position: relative;
    top: 10px;
}

.prod-buy-summary-container.bottom {
    position: absolute;
    bottom: 0px;
    right: 0;
    top: auto;
}

.prod-buy-summary-product {
    float: left;
}

.prod-buy-input .error-msg {
    padding: 0;
}

.summary-price-container {
    float: right;
}

.summary-price-container.volume-discount {
    text-decoration: line-through;
}

.prod-buy-summary-row.summary-total {
    border-top: 1px solid #dcdcdc;
    padding-top: 30px;
    margin-bottom: 40px;
}

.prod-buy-summary-btn {
    text-align: center;
}

.prod-buy-summary-btn .button {
    margin: 0 auto;
}

.store-page {
    margin-top: 80px;
}

.summary-volume-discount {
    text-align: right;
    color: red;
    display: none;
}

.prod-buy-summary-help {
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0;
    text-align: center;
}

.prod-buy-summary * {
    font-size: 14px;
}

.prod-buy-summary-title,
.prod-buy-summary-title&gt;span,
.prod-buy-summary-row.summary-total,
.prod-buy-summary-row.summary-total&gt;span,
.summary-price {
    font-size: 20px;
}

.prod-buy-summary-btn {
    font-size: 16px;
}

.prod-buy-input .prod-buy-table-container.tee-size-table {
    margin-top: 30px !important;
}

.cloud-buy-summary-container .summary-price-container {
    float: none;
}

.cloud-buy-summary-container .summary-total {
    border: none;
}

#platform-row {
    display: none;
}

.prod-buy-popup-background {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    display: none;
}

.prod-buy-popup {
    background-color: #ffffff;
    width: 750px;
    margin: auto;
    border-radius: 20px;
    padding: 30px 50px;
}

.prod-buy-popup-title {
    font-family: "Rubik";
    font-size: 18px;
    line-height: 28px;
    color: #00a0e9;
}

.prod-buy-popup-list {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    list-style: inside;
}

.prod-buy-popup-list li:not(:first-child) {
    margin-top: 10px;
}

.prod-buy-popup-button-row {
    margin: 50px 0px;
    display: flex;
    justify-content: space-between;
}

.prod-buy-popup-button-row .button {
    min-width: 112px;
    text-align: center;
}

.prod-buy-popup-remark {
    font-size: 12px;
    line-height: 17px;
}

/*monitor buy page*/
.monitor-buy-page .prod-buy-input-text {
    border: 1px solid #422e54;
    border-radius: 10px;
}

.monitor-buy-page .prod-buy-quanity {
    display: inline-block;
    width: 100px;
    border: none;
}

.monitor-buy-page .prod-buy-input-text span {
    margin-right: 15px;
}

.monitor-buy-page .prod-buy-table th {
    width: 170px;
}

.monitor-buy-page .prod-buy-table {
    margin-bottom: 0px;
}

/*Additional services*/
.addition-service-ele {
    margin-bottom: 85px;
}

.addition-service-title h3 {
    display: inline-block;
    margin-right: 15px;
}

.maintenance-plan-ele {
    border-radius: 5px;
    border: 1px solid #424e54;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    opacity: 0.5;
}

.maintenance-plan-ele.selected {
    opacity: 1;
}

.maintenance-plan {
    float: left;
}

.maintenance-price {
    float: right;
}

.version-option {
    display: none;
}

.maintenance-plan-ele2 {
    margin-bottom: 20px;
}

.maintenance-plan-ele2 .plan-price {
    float: left;
    font-weight: bold;
}

.maintenance-plan-ele2 .plan-quantity {
    float: right;
}

.plan-quantity input {
    width: 100px;
    border-radius: 10px;
    border: 1px solid #424e54;
}

.plan-price {
    margin-top: 5px;
}

.sub-navigation-bar-page {
    margin-top: 100px;
}

.main-head-row {
    text-align: center;
}

.maint-ele {
    margin-bottom: 50px;
}

.faq-btn {
    margin-left: 20px;
    cursor: pointer;
}

.faq-content {
    display: none;
}

.faq-title {
    vertical-align: middle;
}

/* Download*/
.download-img {
    margin-bottom: 100px;
}

.direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner.png") no-repeat center top;
    min-height: 550px;
}

.direct-download-banner-content h2,
.direct-download-banner-content p {
    color: #ffffff;
}

html[lang="zh-tw"] .direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner_CHT.png") no-repeat center top;
    min-height: 550px;
}

html[lang="ko-kr"] .direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner_KR.png") no-repeat center top;
    min-height: 550px;
}

html[lang="pl-pl"] .direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner_PL.png") no-repeat center top;
    min-height: 550px;
}

html[lang="ru-ru"] .direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner_RU.png") no-repeat center top;
    min-height: 550px;
}

html[lang="id-id"] .direct-download-banner {
    background: url("../../../images/02.Product_05_Download_DirectDownload_CollaborationBanner_ID.png") no-repeat center top;
    min-height: 550px;
}

.direct-download-banner-content {
    margin-top: 170px;
    text-align: center;
    margin-bottom: 100px;
}

.dl-title {
    margin-top: 8px;
    margin-bottom: 30px;
}

.direct-download-page .default-section {
    margin-bottom: 40px;
    padding-top: 40px;
}

.direct-download-page .section-controller {
    display: inline-block;
    color: #707070;
    width: 100%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.direct-download-page .section-controller .item-control:first-child a {
    margin: 0 7.5px 0 0;
}

.download-button-container {
    float: left;
    text-align: center;
}

.download-button-container:not(:last-child) {
    margin-right: 30px;
}

.download-location-label {
    font-size: 14px;
    margin-bottom: 15px;
}

.download-button-container .button {
    margin-bottom: 15px;
    line-height: 18px;
    padding: 8px 30px;
}

.download-button-container .temp-button {
    margin-bottom: 15px;
    line-height: 18px;
    padding: 8px 30px;
}

.download-essential-link {
    line-height: 28px;
    margin-bottom: 50px;
}

.essentials-download-row {
    padding-top: 20px;
}

.download-button-container .button.disable {
    color: grey;
    border-color: grey;
    cursor: auto;
}

.download-button-container .button.disable:hover {
    background-color: transparent;
}

.download-link-32-bit,
.download-link-32-bit:hover,
.download-link-32-bit:visited {
    color: #00a0e9;
    display: inline-block;
    margin-top: 15px;
}

.change-download-platform:not(:last-child) {
    margin-right: 20px;
}

/*Survey*/
.support-form-section {
    margin: 15px 0px;
}

.support-form-text-field input,
.support-form-text-field select {
    width: 370px;
}

.check-box-section,
.text-area-section {
    margin-bottom: 40px;
}

.text-area-section textarea {
    margin-top: 5px;
}

.check-box-section&gt;div:not(.support-form-sub-title):not(.error-msg) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.check-box-section .others-text-field {
    line-height: 26px;
    width: 250px;
    margin-left: 8px;
}

.checkbox-container {
    width: 25px;
    float: left;
}

.checkbox-label {
    margin-left: 25px;
    text-align: left !important;
    cursor: pointer;
    line-height: 28px;
}

.support-form-checkbox {
    position: relative;
    bottom: -4px;
}

.form-description {
    margin: 15px 0px;
}

.thank-you-statement {
    display: none;
}

#survey .captcha-container .g-recaptcha&gt;div {
    margin: 0;
}

.article-content span {
    font-size: 14px;
}

.article-content {
    line-height: 1.33;
}

.support-form-sub-title {
    font-family: "Rubik";
    font-size: 20px;
    line-height: 1.33;
}

.txtbox-div {
    margin-top: 20px;
}

.privacy-terms .error-msg {
    padding-left: 0px;
    margin-top: 3px;
}

/*Education*/
.edu-learnMore {
    text-align: center;
}

.app-pro {
    font-size: 20px;
    font-family: "Rubik";
}

/*Feature Matrix*/
.feature-matrix-table {
    border: 0;
}

.container .feature-matrix-table tr td {
    padding: 15px;
}

.feature-matrix-table tr td {
    width: 18%;
    text-align: center;
}

.feature-matrix-table tr&gt;td:first-child {
    width: 50%;
    text-align: left;
}

.feature-matrix-table .empty-td {
    border-top: 0;
    border-left: 0;
}

.feature-matrix-table .haeding-row td {
    background-color: #eeeeee;
}

.fm-table-container {
    margin-bottom: 75px;
    display: none;
}

.fm-title {
    float: left;
}

.fm-btn {
    float: right;
    cursor: pointer;
}

.fm-des {
    width: 65%;
    border-right: 1px #ddd solid;
}

.fm-ver {
    width: 35%;
}

.fm-section {
    border: 1px #ddd solid;
    border-bottom: 0;
}

.fm-title-container {
    padding: 15px;
    border-bottom: 1px #ddd solid;
    background-color: #eeeeee;
}

.fm-content-main-container {
    display: none;
}

.fm-section:first-child .fm-content-main-container {
    display: block;
}

.fm-content-main-container&gt;table {
    width: 100%;
}

.fm-content-main-container td {
    padding: 15px;
    border-bottom: 1px #ddd solid;
}

.fm-section {
    border-top: 0;
}

.fm-section:first-child {
    border-top: 1px #ddd solid;
}

.container .feature-matrix-table .ep-font {
    color: #ffaa00;
    border-left: 5px solid #ffaa00;
    border-right: 5px solid #ffaa00;
}

.container .feature-matrix-table .ep-start {
    border-top: 5px solid #ffaa00;
}

.container .feature-matrix-table .ep-end {
    border-bottom: 5px solid #ffaa00;
}

.fm-content-main-container .ep-font {
    color: #ffaa00;
}

.feature-matrix-fixed-bar {
    position: fixed;
    top: 40.5px;
    height: 57px;
    background-color: #ffffff;
    width: 100%;
    display: none;
    border-bottom: 1px solid #c9c9c9;
}



/* Release Notes*/
.release-notes-ver-container {
    width: 450px;
    margin: 0 auto;
}

.release-notes-ver.selected {
    background-color: #00a0e9;
    border-color: #0090d2 !important;
    color: #ffffff;
}

.selected+.release-notes-ver {
    border-left-color: #0090d2;
}

.release-notes-ver-container #mac-ver {
    border-right: 0;
}

.release-notes-ver {
    float: left;
    width: 150px;
    height: 35px;
    border: 1px solid #ddd;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 85px;
}

.release-notes-ver-container #win-ver {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0;
}

.release-notes-ver-container #lin-ver {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.container .release-notes-table tr td {
    padding: 15px;
    border-left: none;
    border-right: none;
}

.release-notes-table tr td {
    width: 70%;
}

.release-notes-table tr&gt;td:first-child {
    width: 20%
}

.release-notes-table tr td ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.release-notes-text {
    margin-bottom: 85px;
    text-align: center;
}

.release-notes-text a {
    color: #00a0e9;
    text-decoration: underline;
}

.release-notes-table .haeding-row td {
    background-color: #eeeeee;
}

.release-notes-table a {
    color: #00a0e9;
    text-decoration: underline;
}

.note-date b,
.note-title b {
    font-family: "Rubik";
    font-size: 20px;
    font-weight: 400;
}

/*Manual*/
.os-row {
    margin: 30px -15px;
}

.os-row.last-row {
    margin-bottom: 100px;
}


/*Article*/
.text-row {
    margin-bottom: 100px;
}

.article-row {
    margin-bottom: 45px;
}

.by-font {
    font-size: 10px;
}

/*Shopping cart*/
.navicat-page-title {}

.shopping-cart-table-cell {
    float: left;
    min-height: 45px;
    line-height: 45px;
}

.shopping-cart-table-cell:first-child {
    line-height: 20px;
    padding: 12px 0px 12px 10px;
}

.shopping-cart-table-title {
    background-color: #eeeeee;
    border: 1px solid #bfbfbf;
    font-weight: bold;
}

.shopping-cart-table-row {
    border: 1px solid #bfbfbf;
    border-top: none;
}

.shopping-cart-table-row-left {
    float: left;
    width: 80%;
}

.shopping-cart-product-cloumn {
    width: 50%;
    padding-left: 10px;
    line-height: auto;
}

.shopping-cart-quantity-cloumn {
    width: 10%;
    text-align: left;
}

.shopping-cart-price-cloumn {
    width: 20%;
}

.shopping-cart-amount-cloumn,
.shopping-cart-discount-amount-cloumn {
    width: 20%;
}

.shopping-cart-button-cloumn {
    float: left;
    width: 16%;
}

.shopping-cart-discount-cloumn {
    width: 80%;
    padding-left: 10px;
}

.shopping-cart-product-row .shopping-cart-product-cloumn {
    line-height: normal;
}

.shopping-cart-row-right {
    float: right;
}

.shopping-cart-row-left {
    float: left;
}

.shopping-cart-total-amount {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

.shopping-cart-save-quote {
    line-height: 40px;
}

.shopping-cart-save-quote input {
    width: 290px;
    float: left;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 40px;
}

.shopping-cart-save-quote-button {
    float: left;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px 15px;
    background-color: #00a0e9;
    color: #ffffff;
    cursor: pointer;
}

.shopping-cart-row {
    margin-top: 30px;
    margin-bottom: 50px;
}

#reseller-name,
#reseller-email {
    text-align: right;
}

#reseller-name {
    margin-top: 50px;
}

#tee-redeem-code {
    width: 350px;
    margin-right: 15px;
}

.tee-redeem-code-input-box,
.tee-redeem-code-input-title {
    display: inline-block;
}

.tee-redeem-code-input-title,
#check-redeem-code {
    vertical-align: top;
}

.tee-redeem-code-input-title span {
    line-height: 35px;
}

.tee-redeem-code-input-box .error-msg {
    padding-left: 10px;
    margin-top: 5px;
}

.save-quote-show {
    display: none;
}

.save-quote-button.button {
    margin-right: 15px;
}

/*Maintanence*/
.main-text {
    margin-bottom: 30px;
}

.main-table {
    width: 500px;
}

.main-table tr td {
    width: 70%;
}

.main-table tr&gt;td:first-child {
    width: 20%
}

.main-table .haeding-row td {
    background-color: #eeeeee;
}

.main-table a {
    color: #00a0e9;
    text-decoration: underline;
}

.main-sub-title {
    margin-bottom: 30px;
    font-size: 28px;
}

.main-period-content {
    width: 606px;
    margin-bottom: 30px;
}

.main-period-content .period-ele {
    float: left;
    width: 33%;
    margin-right: 2px;
}

.main-period-content .period-ele.last {
    margin-right: 0;
}

.period-bar {
    width: 100%;
    border: 2px solid #00a0e9;
    background: #00a0e9;
    border-radius: 5px;
    height: 30px;
    margin-bottom: 5px;
}

.period-empty {
    width: 25%;
    height: 100%;
    float: left;
    background: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.period-ele&gt;div:not(.period-bar) {
    text-align: center;
}

.period-des {
    margin-bottom: 20px;
}

.period-des&gt;div:not(.clear) {
    float: left;
}

.period-des-bullet {
    border: 2px solid #00a0e9;
    border-radius: 15px;
    height: 30px;
    width: 30px;
    margin-right: 15px;
}

.period-des-text {
    border: 2px solid transparent;
    height: 30px;
    line-height: 30px;
}

.blue-bg {
    background: #00a0e9;
}

.white-bg {
    background: white;
}

.main-faq-ol {
    list-style: decimal;
    padding-left: 20px;
}

.main-faq-ol li {
    margin-bottom: 20px;
    font-size: 20px;
}

.main-faq-title {
    margin-bottom: 30px;
}

.main-faq-ol .main-text {
    font-size: 16px;
}

.main-ol-index {
    list-style: decimal;
    padding-left: 20px;
    line-height: 1.33em;
}

.main-plan-btn {
    float: left;
    width: 200px;
    height: 35px;
    border: 1px solid #ddd;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.main-plan-btn.selected {
    background-color: #00a0e9;
    border-color: #0090d2;
    color: #ffffff;
}

#navicat-main-btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#monitor-main-btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.main-plan-btn-container {
    margin-top: 100px;
}

/*activation*/
.offline-activation-container textarea {
    width: 100%;
    height: 300px;
    border-radius: 5px;
}

.offline-act-btn {
    display: block;
    text-align: center;
}

/*unsubcribe*/
.unsubscribe-col&gt;div:not(.clear) {
    float: left;
}

.unsubscribe-col-title {
    border: 1px solid transparent;
    height: 36px;
    line-height: 36px;
}

.unsubscribeText {
    margin-bottom: 50px;
}

/*napp techer*/
.napp-tech-title {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 100px;
    font-size: 28px;
}

.napp-tech-parties&gt;div {
    margin-bottom: 40px;
}

.partner-form-container {
    padding: 45px 65px;
    border: 1px solid #969696;
    margin-top: 50px;
}

.partner-form-container h2,
.partner-form-container p,
.partner-form-container .default-row {
    text-align: center;
}

.partner-form .support-form-field-name {
    width: 40%;
    float: left;
    height: 36px;
    line-height: 36px;
}

.partner-form .support-form-text-field {
    width: 60%;
    float: left;
}

.partner-form .error-msg {
    margin-left: 40%;
    width: 60%;
    float: left;
    padding-left: 15px;
    margin-top: 10px;
}

.partner-form-checkbox {
    width: 5%;
    float: left;
}

.partner-form-agreement {
    width: 95%;
    float: left;
}

.partner-form textarea {
    width: 370px;
}

.robot-test-text {
    margin-bottom: 15px;
    text-align: center;
}

.robot-test-ele {
    text-align: center;
    margin-bottom: 50px;
}

.support-form-text-field.academic-year input {
    width: 150px;
}

.napp-section {
    display: none;
    margin-top: 80px;
}

.napp-top-heading {
    text-align: center;
}

.napp-des {
    text-align: center;
}

.napp-tab-container {
    display: none;
}

.napp-tab {
    float: left;
    width: 50%;
    padding: 16px 15px;
    background-color: #dcdcdc;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    border: 1px #969696 solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    top: 1px;
}

.napp-tab.selected {
    cursor: initial;
    background-color: transparent;
    margin-top: 0px;
    border-bottom: 1px #ffffff solid;
}

.napp-tab.selected&gt;div {
    margin-top: 10px;
}

.napp-form-container {
    margin-top: 0;
}

.form-content-extend {
    display: none;
}

.uni-domain select {
    width: 178px;
}

.support-form-text-field .email-uni-field {
    width: 165px;
}

.napp-uni-email-div {
    float: left;
}

.napp-uni-domain {
    float: left;
    margin-left: 10px;
    height: 37px;
    line-height: 37px;
}

.napp-ecnu-email-div,
.napp-jnu-email-div {
    float: left;
    margin-right: 5px;
    padding-top: 7px;
    opacity: 1 !important;
}

.napp-ecnu-email-radio,
.napp-jnu-email-radio {
    width: 20px !important;
}

.napp-ecnu-text,
.napp-jnu-text {
    float: left;
    margin-left: 10px;
    height: 37px;
    line-height: 37px;
}

.napp-ecnu-department-input,
.napp-jnu-department-input {
    float: left;
    margin-left: 10px;
}

.support-form-text-field .napp-uni-email-div input,
{
width: 115px;
}

.support-form-text-field .napp-ecnu-department-input input,
.support-form-text-field .napp-jnu-department-input input {
    width: 80px;
}

.napp-ecnu-email-container.disable&gt;div:not(.napp-ecnu-email-div),
.napp-jnu-email-container.disable&gt;div:not(.napp-jnu-email-div) {
    opacity: 0.6;
}

@media only screen and (max-width : 992px) {
    .uni-domain select {
        width: 177px;
    }

    .napp-ecnu-email-container.support-form-text-field .napp-uni-email-div input,
    .napp-jnu-email-container.support-form-text-field .napp-uni-email-div input {
        width: 108px;
    }
}

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

    .napp-ecnu-email-container.support-form-text-field .napp-uni-email-div input,
    .napp-jnu-email-container.support-form-text-field .napp-uni-email-div input {
        width: 100%;
    }

    .napp-ecnu-email-container .uni-email-div,
    .napp-jnu-email-container .uni-email-div {
        width: 40%;
    }

    .napp-ecnu-email-container .uni-domain,
    .napp-jnu-email-container .uni-domain {
        width: 22%;
    }
}

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

    .napp-ecnu-email-container .uni-email-div,
    .napp-jnu-email-container .uni-email-div {
        width: 35%;
    }
}

@media only screen and (max-width : 530px) {
    .email-uni-div .uni-email-div {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .uni-domain.napp-uni-domain {
        margin-left: 0;
        width: 100%;
    }

    .uni-domain.napp-uni-domain&gt;select {
        width: 100%;
    }

    .ecnu_email_container .email-uni-div .uni-email-div,
    .jnu_email_container .email-uni-div .uni-email-div {
        float: left;
        width: 30%;
    }

    .ecnu_email_container .uni-domain.napp-uni-domain,
    .jnu_email_container .uni-domain.napp-uni-domain {
        margin-left: 10px;
        width: 50%;
        text-align: left;
    }

    .ecnu_email_container .uni-domain.napp-uni-domain.text-div,
    .jnu_email_container .uni-domain.napp-uni-domain.text-div {
        width: 20%;
    }

    .ecnu_email_container .support-form-text-field .napp-ecnu-department-input input,
    .jnu_email_container .support-form-text-field .napp-jnu-department-input input {
        width: 100%;
    }

    .ecnu_email_container .napp-ecnu-department-input,
    .jnu_email_container .napp-jnu-department-input {
        float: left;
        width: 20%;
        margin-left: 10px;
    }
}

.submit-container {
    text-align: center;
}

/*open source*/
.open-source-banner {
    background: url("../../../images/04.Partner_04_OpenSource_page_Banner.png") no-repeat center center;
    position: relative;
}

.open-source-title {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.open-source-parties&gt;div {
    margin-bottom: 35px;
}

.open-source-form-checkbox {
    width: 5%;
    float: left;
}

.open-source-form-input textarea {
    height: 100px;
    padding: 10px;
    line-height: 1.333;
}

/*technology partner*/
.tech-partner-banner {
    background: url("../../../images/04.Partner_08_TechnologyPartner_Banner.png") no-repeat center center;
    position: relative;
}

.tech-partner-title {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.tech-partner-parties&gt;div {
    margin-bottom: 35px;
}

.tech-partner-form-container {
    padding: 45px 65px;
    border: 1px solid #dcdcdc;
}

.tech-partner-form-container h2,
.tech-partner-form-container p,
.tech-partner-form-container .default-row {
    text-align: center;
}

.tech-partner-form-row {
    margin-bottom: 40px;
}

.tech-partner-form-title {
    width: 40%;
    float: left;
    height: 36px;
    line-height: 36px;
}

.tech-partner-form-input {
    width: 60%;
    float: left;
}

.tech-partner-form-checkbox {
    width: 5%;
    float: left;
}

.tech-partner-form-agreement {
    width: 95%;
    float: left;
}

.tech-partner-form-input textarea {
    height: 100px;
    padding: 10px;
    line-height: 1.333;
}

.partner-logo {
    max-width: 100%;
    margin-top: 20px;
}

.tp-company-name {
    font-size: 28px;
}

.tp-company-img {
    text-align: center;
}

/*Checkout page*/
.register-page .support-form-field-name {
    margin-top: 10px;
}

.register-page .captcha-container {
    display: inline-block;
}

.checkout-register-table {
    border: 1px solid #bfbfbf;
    padding: 10px;
    text-align: left;
}

.address-line-2 {
    margin-top: 15px;
}

#captcha-form {
    width: 370px;
    margin-bottom: 50px;
}

.checkout-register-table div {
    line-height: 1.33;
}

.checkout-page .shopping-cart-table-row-left {
    width: 100%;
}

.checkout-page .shopping-cart-table-cell {
    overflow: hidden;
}

.checkout-page input {
    width: 100%;
}

.checkout-page .shopping-cart-amount-cloumn,
.checkout-page .shopping-cart-discount-amount-cloumn {
    text-align: right;
    padding-right: 15px;
}

.checkout-page .shopping-cart-price-cloumn {
    text-align: right;
}

.checkout-page .shopping-cart-amount-cloumn input,
.checkout-page .shopping-cart-discount-amount-cloumn input,
.checkout-page .shopping-cart-price-cloumn input {
    text-align: right;
}

.checkout-register-title {
    min-width: 250px;
    display: inline-block;
}

.modules-footer .checkout-row {
    display: none;
}

.shopping-cart-table {
    margin-bottom: 15px;
}

.paypal_btm button {
    margin-left: 20px;
}

.checkout-btn-field {
    float: left;
    margin-right: 20px;
}

.checkout-btn-field:last {
    margin-right: 0;
}

.checkout-btn-field:last-child {
    margin-right: 0;
}

.payIcon {
    float: left;
    text-align: left;
    background: url(../images/pay_icons.png) no-repeat 0 20px;
    height: 22px;
    float: left;
    width: 39px;
    padding: 0 8px 0 0;
    margin-top: 8px;
}

.payIcon.DISCOVER {
    background-position: 0 -124px;
}

.payIcon.VISA {
    background-position: 0 -31px;
}

.payIcon.MASTERCARD {
    background-position: 0 -62px;
}

.payIcon.AMEX {
    background-position: 0 -93px;
    margin-right: -10px;
    width: 22px !important;
}

.apple-payIcon {
    display: none;
}


/*Register*/
#check_drop_ship {
    display: none;
}

#reseller-drop-ship {
    display: none;
}

/*Partner*/
.partner-banner {
    background: url("../../../images/04.Partner_00_main_page_Banner.png") no-repeat center center;
    position: relative;
}

.partner-banner-text,
.partner-small-banner-text {
    background-color: rgba(256, 256, 256, 0.7);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.partner-small-banner-text {
    height: 40px;
    text-align: center;
}

.partner-banner-text h1 {
    font-size: 48px;
    margin: 21px 0px;
}

.partner-small-banner {
    height: 200px;
    position: relative;
}

.partner-small-banner.banner-1 {
    background: url("../../../images/04.Partner_00_LocateReseller.png") no-repeat center center;
}

.partner-small-banner.banner-2 {
    background: url("../../../images/04.Partner_00_ResellerProgram.png") no-repeat center center;
}

.partner-small-banner.banner-3 {
    background: url("../../../images/04.Partner_00_TechnologyPartner.png") no-repeat center center;
}

.partner-small-banner.banner-4 {
    background: url("../../../images/04.Partner_00_Sponsorship.png") no-repeat center center;
}

.partner-small-banner-text h3 {
    line-height: 40px;
    margin: 0;
}

.partner-small-banner-text p {
    display: none;
}

.partner-small-banner:hover .partner-small-banner-text {
    background-color: rgba(0, 160, 233, 0.7);
    height: 70px;
}

.partner-small-banner:hover .partner-small-banner-text h3 {
    color: #ffffff;
    font-size: 24px;
    margin-top: 10px;
    line-height: 1;
}

.partner-small-banner:hover .partner-small-banner-text p {
    color: #ffffff;
    margin: 5px 0 0 0;
    display: block;
}

.partner-our-customer-title {
    text-align: center;
}

.partner-our-customer-logo img {
    max-width: 100%;
}

.partner-small-banner-section {
    margin-bottom: 20px;
}

.partner-captcha-container {
    margin: 50px 0;
}

h1.partner-program-title {
    margin-top: 120px;
}

.partner-big-banner {
    height: 200px;
    position: relative;
    background-size: auto 100% !important;
}

.partner-big-banner.partner-education-banner {
    background: url("../../../images/NAPP_Banner.png") no-repeat center center;
}

.partner-big-banner.partner-open-source-banner {
    background: url("../../../images/Open Source_Banner.png") no-repeat center center;
}

@media only screen and (max-width : 1200px) {
    .partner-small-banner.ru-partner:hover .partner-small-banner-text h3 {
        font-size: 17px;
    }

    .partner-small-banner.ru-partner:hover .partner-small-banner-text p {
        font-size: 14px;
    }

    .partner-small-banner-text h3#sponsor-title {
        font-size: 17px;
    }
}

/*Locate a reseller*/
.find-reseller-banner {
    background: url("../../../images/04.Partner_01_FindReseller_page_Banner.png") no-repeat center center;
    position: relative;
}

.locator-row {
    line-height: 37px;
}

.locator-row select {
    margin-left: 20px;
    width: 250px;
}

.locator-label {
    display: inline-block;
}

.locator {
    margin-top: 25px;
}

.locate-reseller-separator {
    border-top: 1px solid #c9c9c9;
    margin-top: 100px;
    margin-bottom: 40px;
}

.locate-reseller-table {
    border: 1px solid #dcdcdc;
}

.locate-reseller-table-row {
    border-top: 1px solid #dcdcdc;
}

.locate-reseller-table-row:first-child {
    border-top: none;
}

.locate-reseller-table-logo {
    float: left;
    width: 30%;
    text-align: center;
}

.locate-reseller-table-logo img {
    max-width: 80%;
    max-height: 150px;
    margin-top: 20px;
}

.locate-reseller-table-content {
    float: left;
    width: 70%;
    padding: 10px;
    border-left: 1px solid #dcdcdc;
}

.locate-reseller-table-label,
.locate-reseller-table-details {
    display: inline-block;
}

.locate-reseller-table-label {
    width: 40%;
}

.locate-reseller-table-details {
    width: 60%;
}

.locate-reseller-table-content-row {
    margin: 10px 0px;
}

.locate-reseller-table .default-links {
    text-decoration: underline !important;
}

/*NAPP*/
.napp-banner {
    background: url("../../../images/04.Partner_05_NAPP_page_Banner.png") no-repeat center center;
    position: relative;
}

.napp-banner.usj {
    background: url("../../../images/04.Partner_07_NAPP_Student_USJ_Banner.png") no-repeat center center;
    position: relative;
}

.partner-small-banner.banner-5 {
    background: url("../../../images/04.Partner_05_Teacher.png") no-repeat center center;
}

.partner-small-banner.banner-6 {
    background: url("../../../images/04.Partner_05_Student.png") no-repeat center center;
}

.napp-banner.ntu {
    background: url("../../../images/04.Partner_07_NAPP_Student_ntu_Banner.png") no-repeat center center;
    position: relative;
}

.napp-banner.fju {
    background: url("../../../images/04.Partner_07_NAPP_Student_FJU_Banner.png") no-repeat center center;
    position: relative;
}

.academic-year-to {
    display: inline-block;
    margin: 0 5px;
}


/*Sponsorship*/
.sponsorship-banner {
    background: url("../../../images/04.Partner_03_Sponsorship_page_Banner.png") no-repeat center center;
    position: relative;
}

.partner-small-banner.banner-7 {
    background: url("../../../images/04.Partner_03_AcademicPartnerProgram.png") no-repeat center center;
}

.partner-small-banner.banner-8 {
    background: url("../../../images/04.Partner_03_OpenSourceProjectLicense.png") no-repeat center center;
}


/*Reseller*/
.reseller-banner {
    background: url("../../../images/04.Partner_02_Reseller_page_Banner.png") no-repeat center center;
    position: relative;
}

.reseller-list-style {
    list-style: inside;
    margin: 15px 0;
}

.reseller-img {
    height: 200px;
    margin-top: 15px;
}

.reseller-img-1 {
    background: url("../../../images/04.Partner_02_ResellerProgram.png") no-repeat center center;
}

.reseller-img-2 {
    background: url("../../../images/04.Partner_02_SoftwareDistributionPartners.png") no-repeat center center;
}

.reseller-img-3 {
    background: url("../../../images/04.Partner_02_BusinessCooperation.png") no-repeat center center;
}

.show-hide-control {
    text-decoration: underline;
    color: #00a0e9;
    margin-top: 15px;
}

.show-hide-control span {
    cursor: pointer;
}

.show-hide-control .hide-btn {
    display: none;
}

.show.show-hide-content {
    display: block;
}

.show.show-hide-control .show-btn {
    display: none;
}

.show.show-hide-control .hide-btn {
    display: block;
}

.pp-title {
    font-size: 28px;
}

/*About us*/
.about-us-banner {
    background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat center center;
    position: relative;
}

.timeline-row {
    padding: 0 40px;
    height: 535px;
}

.timeline-ele {
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    height: 50px;
    width: 5.55% !important;
}

.timeline-year {
    position: absolute;
    left: -15px;
    bottom: 22px;
}

.timeline-point {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    background: #d0d0d0;
    left: -5px;
    bottom: -5px;
    cursor: pointer;
}

.tl-point-selected {
    background: black;
}

.tl-end-year {
    position: absolute;
    right: -14px;
    bottom: 22px;
}

.timeline-ele .tl-end-point {
    left: initial;
    right: -5px;
}

.timeline-info {
    position: absolute;
    padding: 20px;
    background: white;
    z-index: 300;
    top: 100px;
    left: -20px;
}

.timeline-info p {
    text-align: center;
}

.tl-end-info {
    position: absolute;
    width: auto;
    padding: 20px;
    background: white;
    z-index: 300;
    top: 100px;
    right: -20px;
}

.tl-end-info p {
    text-align: center;
}

.timeline-ele .tl-info-2 {
    right: -85px;
    left: initial;
}

.img-cap {
    height: 260px
}

.milestone-text-p {
    margin-bottom: 30px;
}

.milestone-text-p2 {
    margin-bottom: 50px;
}

.tl-info-2016,
.tl-info-2008,
.tl-info-2009,
.tl-info-2017,
.tl-info-2018,
.tl-info-2019 {
    width: 635px;
    right: -85px;
}

.tl-info-2009 {
    width: 850px;
    left: -260px;
}

.tl-info-2017,
.tl-info-2018,
.tl-info-2019,
.tl-info-2020,
.tl-info-2023 {
    width: 1000px;
}

.tl-info-2022 {
    width: 900px;
}

.tl-info-2021 {
    width: 1100px;
}

.tl-info-2015 {
    width: 1153px;
    left: -645px;
}

.tl-info-2022 .content-div,
.tl-info-2017 .content-div,
.tl-info-2016 .content-div,
.tl-info-2008 .content-div,
.tl-info-2009 .content-div {
    float: left;
    width: 50%;
    padding: 25px;
    text-align: left;
}

.tl-info-2008 .content-div p {
    text-align: left;
}

.timeline-arrow-down {
    position: absolute;
    left: -10px;
    bottom: -35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #424e54;
}

.tl-end-arrow-down {
    position: absolute;
    right: -10px;
    bottom: -35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #424e54;
}

.timeline-ele .show-tl-ele,
.tl-info-container.show-tl-ele {
    display: block;
}

.tl-info-container img {
    max-width: 100%;
    width: 300px;
}

.timeline-info-container {
    display: none;
}

.contact-country,
.aboutUs-needHelp {
    text-align: center;
    margin-bottom: 30px;
}

.contact-row {
    width: 525px;
    margin: 0 auto 30px auto;
}

.contact-title {
    float: left;
    width: 110px;
}

.contact-row .contact-title-es {
    width: 165px;
}

.page-container .contact-row-es {
    width: 610px;
}

.contact-text {
    float: left;
    width: 415px;
}

.timeline-title {
    text-align: center;
    margin-top: 100px;
}

.timeline-row-mobile {
    position: relative;
    width: 100%;
    /*max-width: 800px;*/
}

.timeline-wrapper {
    position: relative;
    height: 45px;
    margin: 0 40px 30px 40px;
    overflow: hidden;
}

.timeline-year-mobile {
    margin: 0 8px;
    float: left;
    color: #d0d0d0;
    position: relative;
    cursor: pointer;
}

.timeline-year-mobile .year-arrow {
    position: absolute;
    right: 7px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 11px solid #424e54;
    display: none;
}

.tl-year-selected .year-arrow {
    display: block;
}

.timeline-year-bar {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 1020px;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.tl-btn-mobile {
    position: absolute;
    z-index: 1;
    top: 17px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    white-space: nowrap;
    cursor: pointer;
}

.tl-btn-mobile:hover {
    opacity: 0.7;
}

.tl-btn-mobile.next {
    right: 0;
}

.tl-btn-mobile.prev {
    left: 0;
}

.timeline-row-mobile {
    display: none;
}

.tl-year-selected {
    color: black;
}

.timeline-info-mobile {
    width: 100%;
    padding: 0 20px 20px 20px;
    background: white;
    text-align: center;
}

.contact_country.selected {
    font-weight: bold;
    cursor: default;
}

.contact-address2-row,
.contact-fax-row {
    display: none;
}

.tl-info-2002 .milestone-text-p {
    text-align: left;
}

.tl-info-2003 {
    left: -77px;
}

.tl-info-2006 {
    left: -144px;
}

.tl-info-2008 {
    left: -164px;
}

.tl-info-2010 {
    left: -135px;
}

.tl-info-2011 {
    left: -125px;
}

.tl-info-2012 {
    left: -245px;
}

.timeline-ele .tl-info-2013 {
    right: -50px;
}

.timeline-ele .tl-info-2014 {
    right: -40px;
}

.timeline-ele .tl-info-2022 {
    right: 0px;
}

.tl-info-2015 .milestone-text-p {
    text-align: center;
}

.g-map iframe {
    width: 100%;
}

#map_cn,
#map_jp {
    display: none;
}

/*Awards*/
.awards-banner {
    background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat center center;
    position: relative;
}

.awards-row {
    border-bottom: 1px solid #dcdcdc;
    margin-top: 50px;
    padding-bottom: 40px;
}

.awards-row:last-child {
    border: none;
}

.awards-logo {
    max-width: 100%;
}

.awards-logo-container {
    text-align: center;
    margin-top: 18px;
}

/*Press Release*/
.press-banner {
    background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat center center;
    position: relative;
}

.press-article {
    margin-bottom: 100px;
}

.press-article-date {
    margin-bottom: 15px;
}

.press-article-date,
.press-article-title {
    font-family: "Rubik";
    font-size: 20px;
}

.blog .pagination-container {
    text-align: center;
    margin-bottom: 100px;
}

.blog .pagination {
    display: block;
}

.blog .pagination li {
    display: inline-block;
    padding: 0 1%;
}

.blog .pagination li span {
    opacity: 0.5;
}

.blog .pagination .pagination-prev {
    margin-right: 10%;
}

.blog .pagination .pagination-next {
    margin-left: 10%;
}

.blog .show-hide-content {
    display: none;
}

.blog .show.show-hide-content {
    display: block;
}


/*Top 10*/
.top10-container * {
    text-align: center;
}

.top10-banner {
    background: url(../../../images/06.01_Top10Reasons_page_Banner.png) no-repeat center center;
}

.top10-banner.es {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_ES.png) no-repeat center center;
}

.top10-banner.cht {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_CHT.png) no-repeat center center;
}

.top10-banner.pl {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_PL.png) no-repeat center center;
}

.top10-banner.ru {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_RU.png) no-repeat center center;
}

.top10-banner.id {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_ID.png) no-repeat center center;
    background-size: auto 400px;
}

.top10-banner.th {
    background: url(../../../images/06.01_Top10Reasons_page_Banner_TH.png) no-repeat center center;
    background-size: auto 400px;
}

.tl-info-container {
    display: none;
}

/*Product Info*/
.product-info-desc {
    font-weight: 300;
}

.product-info-desc,
.whats-new-btn,
.product-info-subtitle {
    text-align: center;
}

.product-info-award-logo img {
    max-width: 100%;
}

.system-requirements-table {
    text-align: center;
    width: 100%;
    margin-bottom: 150px;
}

.system-requirements-table td {
    border: 1px solid #c9c9c9;
}

.system-requirements-title {
    border-bottom: 1px solid #c9c9c9;
    background-color: #eeeeee;
}

.system-requirements-title h3 {
    line-height: 50px;
    margin: 0;
}

.system-requirements-details {
    width: 33%;
    padding: 15px;
}

.system-requirements-details.center {
    /*border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;*/
}

.product-info-table-container,
.product-info-table-container-ios {
    margin-top: 200px;
    margin-bottom: 200px;
}

.product-info-table-title {
    font-family: "Rubik";
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #424E54;
    margin: 0 15px;
    text-align: center;
}

.product-info-table-cell {
    background-color: #F6F6F6;
    height: 60px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #F6F6F6;
}

.product-info-table-cell-container.selected .product-info-table-cell {
    background-color: #F0FAFF;
    border-color: #00A0E9;
}

.product-info-table-cell&gt;* {
    margin-left: 20px;
}

.product-info-table-cell&gt;*:first-child {
    margin-left: 30px;
}

.product-info-table-arrow {
    margin-left: auto;
    margin-right: 15px;
    cursor: pointer;
}

.product-info-table-arrow-blue {
    display: none;
}

.product-info-table-cell-container.selected .product-info-table-arrow-blue {
    display: block;
}

.product-info-table-cell-container.selected .product-info-table-arrow-grey {
    display: none;
}

.product-info-table-cell-details-container {
    display: none;
    position: relative;
}

.product-info-table-cell-details-container.product-info-table-cell-details-container-appended {
    display: block;
}

.product-info-table-cell-details {
    background-color: #F0FAFF;
    border: 1px solid #00A0E9;
    margin: 30px 0px 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.product-info-table-cell-details&gt;div&gt;div {
    text-align: left;
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px;
}

.product-info-table-cell-details&gt;div&gt;div:not(:first-child) {
    margin-top: 10px;
}

.product-info-table-cell-details-triangle-background {
    position: absolute;
    top: 12px;
}

.product-info-table-cell-details-triangle-background img {
    width: 50%;
}

.product-info-customer {
    width: 100%;
    height: 100%;
}

.product-info-customer-row {
    margin: 50px 0;
    padding: 50px 0;
}

.product-info-customer-col {
    width: 33%;
    text-align: center;
    padding: 0 15px;
    height: 100%;
}

.product-info-customer-col-content {
    background-color: #f5f6f6;
    padding: 15px;
    border-radius: 10px;
    padding-bottom: 1px;
}

.product-info-switcher-row {
    width: 100%;
    text-align: center;
    margin-top: 150px !important;
    margin-bottom: 50px !important;
}

.product-info-switcher-container {
    overflow: hidden;
    display: inline-block;
}

.product-info-switcher {
    width: 200px;
    line-height: 40px;
    float: left;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    cursor: pointer;
}

.product-info-switcher:first-child {
    border-right: 1px solid #0090d2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.product-info-switcher:last-child {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.product-info-switcher.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.product-info-screenshot-section {
    text-align: center;
}

.product-info-screenshot-section-v17 {
    display: flex;
    height: 800px;
    font-family: "Rubik";
}

.product-info-screenshot-section-v17&gt;div {
    height: 100%;
}

.product-info-screenshot-title-v17 {
    width: 25%;
    background-color: #F0F0F0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 80px 30px 50px;
    text-align: left;
}

.product-info-screenshot-title-v17 div div div:not(.product-info-screenshot-title-v17-dot-container) {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    cursor: pointer;
}

.product-info-screenshot-title-v17 div div div.selected {
    font-size: 20px;
    font-weight: 500;
    color: #00A0E9;
}

.product-info-screenshot-v17 {
    width: 74%;
    background-color: #F6F6F6;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 50px 40px 50px 25px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}

.product-info-screenshot-v17 h3 {
    font-size: 24px;
}

.product-info-screenshot-v17 p {
    font-size: 16px;
    margin-bottom: 50px;
}

.info-container .product-info-screenshot-v17 .screenshot {
    max-height: 480px;
}

.product-info-screenshot-button-v17 {
    margin-top: auto;
}

.product-info-screenshot-button-v17&gt;img {
    margin: 0px 22px;
    cursor: pointer;
}

.product-info-screenshot-title-v17-arrow {
    display: none;
}

.product-info-screenshot-title-v17-arrow img {
    max-width: 100%;
}

.product-info-screenshot-title-v17-dot-container {
    display: none;
    text-align: center;
    margin-top: auto;
}

.product-info-screenshot-title-v17-dot {
    height: 7px;
    width: 7px;
    border-radius: 7px;
    background-color: #424E54;
    opacity: 0.3;
    display: inline-block;
    margin: 10px 5px;
}

.system-requirements-table.premium-database-table .system-requirements-details {
    width: 20%;
}

.system-requirements-table.premium-cloud-table .system-requirements-details {
    width: 16.66%;
}

.system-requirements-table.premium-database-table p {
    margin-top: 30px;
}

.navicat-v17-feature .product-info-features-background {
    border-radius: 20px;
}

.info-container-v17 .system-requirements-table .system-requirements-content div {
    float: left;
    margin-top: 30px;
}

.info-container-v17 .system-requirements-table .system-requirements-content div:first-child p {
    margin-top: 30px;
}

.info-container-v17 .system-requirements-table .system-requirements-content:nth-child(2) div:first-child {
    width: 32%;
}

.info-container-v17 .system-requirements-table .system-requirements-content:nth-child(2) div:last-child {
    width: 68%;
    text-align: left;
}

.info-container-v17 .system-requirements-table .system-requirements-content:last-child div:first-child {
    width: 16%;
}

.info-container-v17 .system-requirements-table .system-requirements-content:last-child div:last-child {
    width: 84%;
    text-align: left;
    margin-top: 0px;
}

.product-info-screenshot-controller {
    display: inline-block;
    width: 80%;
    color: #707070;
}

.product-info-screenshot-number {
    display: inline-block;
    border-right: 1px solid #707070;
    margin-bottom: 15px;
}

.product-info-screenshot-number:last-child {
    border-right: none;
}

.product-info-screenshot-number div {
    text-align: center;
    margin: 0 7.5px;
    cursor: pointer;
}

.product-info-screenshot-number.selected div {
    color: #00a0e9;
}

.product-info-features-content {
    display: none;
    margin-bottom: 150px;
}

.product-info-screenshot {
    display: none;
}

.product-info-screenshot.show {
    display: block;
}

.product-info-screenshot h3 {
    margin-top: 40px;
}

.product-info-screenshot p {
    margin-bottom: 40px;
}

.product-info-screenshot-section {
    margin-bottom: 100px;
}

.product-info-video {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.product-info-video-container {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 200px;
}

.screenshot-container img {
    max-width: 100%;
}

.screenshot-container {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.fancybox-nav {
    display: none !important;
}

.screenshot-enlarge {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
    text-align: center;
    padding: 30px;
}

.large-screenshot-container {
    text-align: center;
    position: relative;
    display: inline-block;
}

.large-screenshot {
    max-width: 100%;
}

.screenshot-expand {
    position: absolute;
    right: 15px;
    top: 15px;
    display: none;
}

.screenshot-close {
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}

.screenshot-container:hover .screenshot-expand {
    display: block;
}

.large-screenshot-arrow {
    position: absolute;
    top: 42%;
    cursor: pointer;
    z-index: 1;
}

.large-screenshot-arrow.prev-arrow {
    left: 15px;
}

.large-screenshot-arrow.next-arrow {
    right: 15px;
}

.product-info-features-logo {
    text-align: center;
}

.schema-img img {
    max-width: 100%;
}

/*.product-info-features-row p {margin-bottom: 40px;}*/
.product-info-features-row :last-child p {
    margin-bottom: 0;
}

.product-info-customer-col-content img {
    height: 100%;
    width: auto;
}

.product-info-customer-logo {
    height: 50px;
}

.product-info-customer-logo img {
    max-width: 120px;
}

.product-info-customer-company {
    margin-bottom: 30px;
    color: #969696;
}

.product-info-customer-name {
    font-family: "Rubik";
    font-size: 20px;
    font-weight: 400;
}

.product-info-customer-triangel {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #f5f6f6 transparent transparent transparent;
    margin: 0 auto;
}

.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager {
    bottom: 150px;
}

.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 0;
    background-color: #687176;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    margin: 0 11px;
    color: #ffffff;
    line-height: 25px;
}

.customer-banner-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #33b3ed;
}

.customer-banner-container .bx-controls.bx-has-pager {
    height: 200px;
}

.customer-banner-container .customer-banner {
    margin-top: 50px;
}

/*Navicat Cloud Info*/
.navicat-cloud-banner {
    background: url("../../../images/02.Product_ProductBanner_NavicatCloud.png") no-repeat center center;
    position: relative;
}

.navicat-cloud-banner-2 {
    background: url("../../../images/Product_banner_NavicatCloud.svg") no-repeat center center;
    position: relative;
}

.navicat-cloud-info {
    text-align: center;
}

.navicat-cloud-info p {
    width: 80%;
    margin: 15px auto;
    font-size: 20px;
}

.navicat-cloud-info-section {
    margin-top: 50px;
}

.navicat-cloud-info-section img {
    width: 100%;
}

/*.navicat-cloud-info-section.section-1 {background: url("../../../images/anywhere_background.png") no-repeat  center bottom; position: relative;}
.navicat-cloud-info-section.section-2 {background: url("../../../images/02_Benefit_KeepYourWorkSafe.png") no-repeat  center bottom; position: relative;}
.navicat-cloud-info-section.section-3 {background: url("../../../images/03_Benefit_collaboration_background.png") no-repeat  bottom center; position: relative;}*/
.navicat-cloud-info-desc {
    font-size: 28px !important;
    color: #969696;
    font-weight: 300;
}

.navicat-cloud-price-plan {
    display: inline-block;
}

.navicat-cloud-pro-plan,
.navicat-cloud-basic-plan {
    float: right;
    width: 300px;
}

.navicat-cloud-pro-plan.ru {
    width: 435px;
}

.navicat-cloud-basic-plan.ru {
    width: 360px;
}

.navicat-cloud-pro-plan.pl,
.navicat-cloud-basic-plan.pl {
    width: 370px;
}

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

    .navicat-cloud-pro-plan.ru,
    .navicat-cloud-basic-plan.ru,
    .navicat-cloud-pro-plan.pl,
    .navicat-cloud-basic-plan.pl {
        float: none;
        width: 100%;
    }

    .navicat-cloud-price-plan.pl {
        width: 100%;
    }

    .navicat-cloud-pro-plan.ru .navicat-cloud-price-plan-details.plan-title,
    .navicat-cloud-basic-plan.ru .navicat-cloud-price-plan-details.plan-title {
        font-size: 39px;
    }

    .cloud-price-plan-container .navicat-cloud-basic-plan.ru .navicat-cloud-basic-plan-content,
    .cloud-price-plan-container .navicat-cloud-basic-plan.pl .navicat-cloud-basic-plan-content {
        border-right: 1px solid #979797;
        margin-top: 0;
    }
}

.navicat-cloud-pro-plan-label {
    line-height: 30px;
    width: 120px;
    background-color: #00a0e9;
    color: #ffffff;
    margin: 0 auto;
}

.navicat-cloud-price-plan-details {
    line-height: 60px;
    font-weight: bold;
}

.navicat-cloud-price-plan-details.plan-title {
    font-size: 28px;
    color: #00a0e9;
    font-weight: normal;
}

.navicat-cloud-pro-plan-content {
    background-color: #eaf8ff;
    border: 1px solid #00a0e9;
}

.navicat-cloud-pro-plan-content .plan-title {
    margin-top: 9px;
}

.navicat-cloud-basic-plan-content {
    border: 1px solid #e5e5e5;
    border-right: none;
    margin-top: 38px;
}

.navicat-cloud-price-plan-details.price-row {
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 15px;
}

.navicat-cloud-price-plan-details .button {
    font-weight: normal;
    margin-bottom: 50px;
}

.navicat-cloud-basic-plan-content .navicat-cloud-price-plan-details:last-child {
    margin-bottom: 110px;
}

span.price {
    color: #00a0e9;
}

.navicat-family-img img {
    max-width: 100%;
}

.navicat-family-section .button {
    line-height: 75px;
    padding: 0 80px;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.collaboration-productivity-section .button {
    margin-top: 40px;
    margin-bottom: 30px;
}

/*Navicat collaboration*/
.collaboration-banner {
    background: url("../../../images/06.04_Collaboration_page_Banner.png") no-repeat center center;
    position: relative;
    height: 400px;
}

.collaboration-page {
    text-align: center;
}

.member-icon-container {
    overflow: hidden;
    display: inline-block;
    margin-top: 30px;
}

.member-icon {
    float: left;
    margin: 0px 10px;
    position: relative;
    cursor: pointer;
}

.member-icon-cover,
.member-icon-text {
    width: 145px;
    height: 145px;
    position: absolute;
    top: 0;
    border-radius: 72.5px;
}

.member-icon-cover {
    background-color: #5791f3;
    opacity: 0.8;
}

.member-icon-text {
    color: #ffffff;
    line-height: 145px;
    font-weight: bold;
    font-size: 24px;
}

.member-icon:hover .member-icon-cover,
.member-icon:hover .member-icon-text {
    display: none;
}

.member-icon-label {
    margin-top: 10px;
    height: 21px;
    line-height: 21px;
}

.member-icon-selector {
    overflow: hidden;
    margin: 30px 0;
}

.member-icon-btn {
    float: left;
    width: 25%;
    border-right: 1px solid black;
}

.member-icon-btn.selected {
    color: #00a0e9;
    font-weight: bold;
}

.member-icon-btn:not(.selected) span {
    cursor: pointer;
}

.member-icon-btn:last-child {
    border: none;
}

.member-arrow-container {
    display: inline-block;
    margin-bottom: 80px;
}

.member-arrow {
    width: 162px;
    display: inline-block;
    opacity: 0;
}

.member-arrow.active {
    opacity: 1;
}

.member-description {
    font-size: 20px;
    position: relative;
    height: 250px;
}

.member-description&gt;div {
    position: absolute;
    width: 100%;
    top: 50px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0;
}

.member-description&gt;div:not(.member-description-default) {
    margin-top: 50px;
}

.member-description-default {
    margin-top: 30px;
    color: #448aff;
}

.member-description&gt;div.active {
    display: block;
    top: 0px;
    opacity: 1;
}

.collaboration-separator {
    border-bottom: 1px solid #e6e6e6;
    width: 80%;
    margin: 30px auto;
}

.collaboration-sharing-section {
    background: url("../../../images/06.04_Collaboration_02_sharing_background.png") no-repeat center bottom;
    background-size: 100% auto;
}

.collaboration-sharing-arrow {
    position: absolute;
    bottom: 270px;
    cursor: pointer;
}

.collaboration-sharing-arrow.mobile {
    display: none !important;
}

.sharing-box-container {
    overflow: hidden;
    display: inline-block;
}

.sharing-box {
    width: 330px;
    float: left;
    padding: 15px;
}

.sharing-icon-label {
    margin-top: 30px;
}

.sharing-query-box {
    height: 150px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    margin-bottom: 100px;
    text-align: left;
    padding: 25px;
    line-height: 22px;
    overflow: hidden;
}

.sharing-query-box span {
    color: #448aff;
}

.sharing-query {
    width: 60%;
    float: left;
}

.sharing-img {
    width: 40%;
    float: left;
    text-align: center;
}

.sharing-img img:first-child {
    margin-top: 12px;
    margin-bottom: 5px;
}

.sharing-img img {
    display: block;
    margin: 0 auto;
}

.collaboration-activity-section {
    background: url("../../../images/06.04_Collaboration_03_Activity Log_background.png") no-repeat center bottom;
    background-size: 100% auto;
}

.activity-log {
    width: 500px;
    height: 290px;
    background-color: #ffffff;
    display: inline-block;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px;
}

.activity-log-title {
    height: 40px;
    background-color: #448aff;
    line-height: 40px;
    color: #ffffff;
    text-align: left !important;
    padding: 0 30px;
    font-size: 20px;
}

.activity-log-content .activity-log-content-row {
    height: 80px;
    text-align: left;
    overflow: hidden;
    display: none;
}

.activity-log-content-row img {
    margin: 10px 20px;
    margin-left: 30px;
}

.activity-log-message {
    margin-top: 20px;
    margin-left: 110px;
    padding-right: 15px;
}

.activity-log-message span {
    font-weight: bold;
}

.activity-log-img {
    float: left;
}

.activity-log-message-time {
    font-size: 12px;
    color: #7b7b7b;
    margin-top: 5px;
}

.activity-log-content-row .activity-log-message&gt;div {
    text-align: left;
}

.collaboration-page p {
    font-size: 20px;
    font-family: "Rubik";
}

/*charts creator product info*/
.charts-creator-product-info-section {
    margin-top: 150px;
}

.info-container-v16 .charts-creator-product-info-section .product-info-screenshot {
    padding: 0px;
    background-color: transparent;
    margin-top: 0px;
    height: auto;
}

.charts-creator-product-info-section .dashboard-container {
    background-color: #f6f6f6;
    padding: 30px;
    margin-top: 30px;
}

.charts-creator-product-info-section .dashboard-screenshot {
    padding: 30px 100px 0px 100px;
}

.charts-creator-product-info-section .dashboard-screenshot img {
    max-width: 900px;
    max-height: 500px;
}

.charts-creator-product-info-section .collaboration-section img {
    max-width: 250px;
}

.charts-creator-product-info-section .charts-creator-ad {
    margin-top: 200px;
    margin-bottom: 100px;
    text-align: left;
}

.charts-creator-v17-product-info-tab-container {
    display: flex;
    font-size: 20px;
    border-bottom: 1px solid #979797;
    margin-top: 200px;
}

.charts-creator-v17-product-info-tab-sticky {
    position: fixed;
    top: -190px;
    margin-left: -15px;
    margin-top: 40px;
    background-color: #ffffff;
    z-index: 1;
    display: none;
}

.charts-creator-v17-product-info-tab-sticky.show {
    display: block;
}

.charts-creator-v17-product-info-tab {
    height: 45px;
    color: #979797;
    cursor: pointer;
}

.charts-creator-v17-product-info-tab~.charts-creator-v17-product-info-tab {
    margin-left: 50px;
}

.charts-creator-v17-product-info-tab.selected {
    color: #424e54;
    border-bottom: 5px solid #424e54;
}

.charts-creator-v17-product-info-tab-arrow {
    display: none;
    cursor: pointer;
}

.charts-creator-v17-product-info-tab-arrow img {
    height: 20px;
}

.charts-creator-v17-product-info-main {
    margin-bottom: 100px;
}

.charts-creator-v17-product-info-main .screenshot-container {
    padding: 0 170px;
}

.charts-creator-v17-product-info-main img:not(.screenshot-expand) {
    max-width: 100%;
    margin-top: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.charts-creator-v17-product-info-tab-title {
    font-size: 48px;
    font-weight: 300;
    margin-top: 95px;
    margin-bottom: 30px;
}

.charts-creator-v17-product-info-tab-desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.charts-creator-v17-product-info-tab-content {
    display: none;
}

.charts-creator-v17-product-info-tab-content.selected {
    display: block;
}

.charts-creator-v17-product-info-tab-content&gt;div:not(.charts-creator-v17-product-info-main) .screenshot {
    box-shadow: none;
}

.charts-creator-v17-product-info-tab-content .charts-creator-product-info-section.product-info-features {
    margin-top: 50px;
    margin-bottom: -30px;
}

.charts-creator-v17-product-info-tab-content .screenshot-container.info-content {
    margin-bottom: 0px;
}

.charts-creator-v17-product-info-card {
    background-color: #f6f6f6;
    border-radius: 15px;
    margin-top: 100px;
}

.charts-creator-v17-product-info-card-padding {
    padding: 30px;
}

.charts-creator-v17-product-info-card h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
}

.charts-creator-v17-product-info-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-top: 30px;
}

.charts-creator-v17-product-info-card-column {
    display: inline-block;
    vertical-align: top;
}

.charts-creator-v17-product-info-card-column:first-child {
    padding-right: 30px;
}

.charts-creator-v17-product-info-card-column:last-child {
    padding-left: 30px;
}

.charts-creator-v17-product-info-card img {
    max-width: 100%;
}

.charts-creator-v17-product-info-card&gt;img,
.charts-creator-v17-product-info-card&gt;a&gt;img {
    position: relative;
    top: 3px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
    max-height: max-content !important;
}

.charts-creator-v17-product-info-title-separator {
    display: none;
}

.charts-creator-v17-product-info-native-design:first-child {
    margin-top: -50px;
}

.charts-creator-v17-product-info-native-design {
    margin-top: 100px;
}

.charts-creator-v17-product-info-native-design .charts-creator-v17-product-info-card-column:first-child {
    width: 80%;
}

.charts-creator-v17-product-info-native-design .charts-creator-v17-product-info-card-column:last-child {
    width: 19%;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-card-column {
    width: 49.5%;
}

.charts-creator-v17-product-info-native-design img {
    width: 130px;
    height: 130px;
    margin-top: 30px;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-title-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-title {
    line-height: 50px;
    font-weight: 400;
    font-family: "Rubik";
    display: flex;
    cursor: pointer;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-title.selected {
    color: #00A0E9;
    font-weight: 500;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-image&gt;div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-image .screenshot-container,
#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-image p {
    display: none !important;
}

#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-image .screenshot-container.selected.platform-selected,
#charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-image p.selected {
    display: block !important;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-title {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Rubik";
    display: flex;
    cursor: pointer;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-title.selected {
    color: #00A0E9;
    font-size: 20px;
    font-weight: 500;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-title-container {
    margin-top: 100px;
    margin-bottom: 70px;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-card-column:first-child {
    width: 30%;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-card-column:last-child {
    width: 69%;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-image {
    margin-top: 70px;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-image img {
    margin: 0 auto;
    display: none;
}

#charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-image img.selected {
    display: block;
}

#charts-creator-v17-product-info-trend-line .charts-creator-v17-product-info-card-column:first-child,
#charts-creator-v17-product-info-group-chart .charts-creator-v17-product-info-card-column:first-child,
#charts-creator-v17-product-info-control-chart .charts-creator-v17-product-info-card-column:first-child {
    width: 40%;
}

#charts-creator-v17-product-info-trend-line .charts-creator-v17-product-info-card-column:last-child,
#charts-creator-v17-product-info-group-chart .charts-creator-v17-product-info-card-column:last-child,
#charts-creator-v17-product-info-control-chart .charts-creator-v17-product-info-card-column:last-child {
    width: 59%;
}


#charts-creator-v17-product-info-tab-collaboration .product-container-v17 .prod-ele {
    padding: 60px 0px 40px;
}

#charts-creator-v17-product-info-tab-collaboration .product-container-v17 img {
    max-width: 300px;
}

#charts-creator-v17-product-info-tab-collaboration .product-container-v17 .button {
    display: block;
    width: fit-content;
    margin: 35px auto -60px;
}

/*live support*/
.liveWrapper .LiveHelpButton {
    display: block;
    color: #00a0e9;
}

#LiveHelpSignInDetails p {
    margin: 10px 0 !important;
    font-size: 12px !important;
}

.whiteText {
    color: white !important;
}

.liveWrapper {
    padding: 10px 30px !important;
}

#LiveHelpCallAction,
.LiveChatIcon {
    display: none !important;
}

#chatstack-container .chatstack-launcher-frame {
    bottom: 85px !important;
}


/*language*/
.lang-ele {
    margin-bottom: 70px;
    text-align: left !important;
}

.lang-title&gt;h1 {
    text-align: left !important;
}

.lang-ele * {
    vertical-align: middle;
}

/*What is Navicat Data Modeler*/
.what-is-ndm-banner {
    background: url("../../../images/06.02_WhatIsNDM_page_Banner.png") no-repeat center center;
    position: relative;
}

.what-is-ndm-page {
    text-align: center;
}

.what-is-ndm-page h2 {
    font-weight: 300;
    font-size: 36px;
    font-family: "Rubik";
    color: #969696;
}

.what-is-ndm-main-des {
    color: #969696;
    font-weight: 100;
}

.what-is-ndm-page .product-info-switcher-row {
    margin-top: 50px;
    margin-bottom: 50px;
}

.what-is-ndm-page .product-info-switcher {
    line-height: 35px;
}

.what-is-ndm-page-cloud-bg {
    max-width: 100%;
}

.modeling-tools-row {
    margin-top: 50px;
}

.modeling-icon-container {
    display: inline-block;
    width: 9.09%;
    float: left;
    cursor: pointer;
}

.modeling-icon-container.modeling-icon-container-arrow {
    cursor: auto;
}

.modeling-icon-container.modeling-icon-container-arrow img {
    cursor: pointer;
    margin-top: 50px;
}

.modeling-icon-arrow {
    opacity: 0;
    height: 80px;
}

.modeling-icon-container:hover .modeling-icon-arrow {
    opacity: 1;
}

.engineering-section {
    text-align: left;
}

.engineering-section .col-sm-6 {
    padding: 0 8%;
    margin-top: 80px;
}

.ndm-screenshot-selector {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #00a0e9;
    margin-bottom: 15px;
    margin-top: 50px;
}

.ndm-screenshot-selector&gt;div:not(.clear) {
    width: 150px;
    float: left;
    color: #00a0e9;
    height: 60px;
    padding-top: 13px;
    cursor: pointer;
}

.ndm-screenshot-selector&gt;div:first-child,
.ndm-screenshot-selector&gt;div:nth-child(2) {
    border-right: 1px solid #00a0e9;
}

.ndm-screenshot-selector&gt;div.selected {
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.second-selector .ndm-screenshot-selector&gt;div:not(.clear) {
    height: 35px;
    line-height: 35px;
    padding-top: 0px;
}

.hidden-content {
    display: none;
}

.what-is-ndm-page.download-section p {
    margin-top: 50px;
}

/*.what-is-ndm-page.download-section .button {margin-top: 40px; margin-bottom: 40px;}*/
.what-is-ndm-separator {
    border-bottom: 1px solid #e6e6e6;
    width: 80%;
    margin: 100px auto;
}

/*What is Navicat for MongoDB*/
.nav-for-mongodb-section {
    margin-bottom: 150px;
}

.nav-for-mongodb-page .object-design-options {
    margin: 50px 0;
}

.nav-for-mongodb-page .schema-img {
    margin: 50px 0;
}

.nav-for-mongodb-page .productivity .modeling-icon-container {
    width: 14.2%;
}

.nav-for-mongodb-page .modeling-icon-arrow {
    margin-top: 30px;
}

.object-design-options span.selected,
.data-options span.selected {
    color: #0090d2;
}

.object-design-options span,
.data-options span {
    cursor: pointer;
}

.object-design-options span:hover,
.data-options span:hover {
    color: #0090d2;
}

.object-design .product-info-features-content,
.data .product-info-features-content {
    display: block;
}

.nav-for-mongodb-page .data-options {
    margin: 50px 0;
}

.nav-for-mongodb-section.productivity .title {
    margin-bottom: 20px;
}

.nav-for-mongodb-section.productivity .modeling-icon-arrow {
    opacity: 0;
}

.modeling-icon-container.selected {
    color: #0090d2;
}

.modeling-icon-container.selected .modeling-icon-arrow {
    opacity: 1;
}

.nav-for-mongodb-section.productivity .modeling-tools-row .desc {
    color: #0090d2;
}

.modeling-tools-row-mobile {
    display: none;
    margin-top: 50px;
}

.modeling-tools-row-mobile .title {
    margin-bottom: 15px;
}

.modeling-tools-row-mobile .options,
.nav-for-mongodb-section.productivity .modeling-tools-row-mobile .image {
    margin-bottom: 30px;
}

.modeling-tools-row-mobile .options {
    line-height: 30px;
}

.modeling-tools-row-mobile .options span {
    cursor: pointer;
}

.modeling-tools-row-mobile .options span.selected {
    color: #0090d2;
}

.modeling-tools-row-desktop {
    display: block;
}

.what-is-mongodb * {
    text-align: center;
}

@media only screen and (max-width : 991px) {
    .modeling-tools-row-mobile {
        display: block;
    }

    .modeling-tools-row-desktop {
        display: none;
    }
}

@media only screen and (max-width : 500px) {
    .object-design-options {
        line-height: 30px;
    }
}



.code-div {
    padding: 15px;
    border: #d2d2d2 solid 1px;
    margin: 20px 0;
    width: 500px;
}

@media only screen and (max-width : 767px) {
    .code-div {
        margin: 20px auto;
        width: 100%;
    }
}

/*Navicat for Mongodb (Key topics)*/
.navicat-for-mongodb {
    background: url("../../../images/06.07_Navicat_for_MongoDB_page_Banner.png") no-repeat center center;
    position: relative;
}

.nav-for-mongodb-page {
    text-align: center;
}

.nav-for-mongodb-page h2 {
    font-weight: 300;
    font-size: 36px;
    font-family: "Rubik";
    color: #969696;
}

.nav-for-mongodb-main-des {
    color: #969696;
    font-weight: 100;
}

.nav-for-mongodb-page .screenshot {
    max-height: 500px;
}


/*customer*/
.meet-cust-row {
    padding-bottom: 50px;
    border-bottom: 1px #c9c9c9 solid;
}

.meet-cust-row select {
    width: 70%;
}

.name-list {
    padding: 50px 0 10px 0;
    border-bottom: 1px #c9c9c9 solid;
    margin-bottom: 100px;
}

.name-list&gt;div {
    margin-bottom: 40px;
    line-height: 21px;
    height: 30px;
}

.main .page-container .comment-container&gt;div {
    text-align: center;
    line-height: 21px;
}

.comment-text {
    margin-bottom: 140px;
}

.comment-name {
    margin-bottom: 50px;
}

.comment-img {
    margin-bottom: 50px;
}

.main .cust-comment-row .bx-wrapper .bx-pager,
.main .cust-comment-row .bx-wrapper .bx-controls-auto {
    bottom: 0;
}

.comment-img&gt;img {
    height: 55px;
}

.country-form-row {
    text-align: center;
}

.country-form-row select {
    width: 400px;
}

.country-form-row .section-row {
    margin-bottom: 20px;
}

.country-form-row .section-row&gt;div {
    margin-bottom: 10px;
}

/*What's New*/
.user-interface-img,
.support-img {
    width: 100%
}

.whats-new-banner {
    background: url("../../../images/06.03_WhatsNew_page_Banner.png") no-repeat center center;
    position: relative;
}

.whats-new-switcher {
    width: 200px;
    line-height: 40px;
    float: left;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    cursor: pointer;
}

.whats-new-switcher:first-child {
    border-right: 1px solid #0090d2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.whats-new-switcher:nth-child(2) {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.whats-new-switcher.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.whats-new-switcher-container {
    width: 400px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.wsn-img-wrapper {
    width: 490px;
    margin: 0 auto;
}

.deploy-text li {
    text-align: left;
}

.deploy-text {
    float: left;
    width: 170px;
    padding-top: 8px;
}

.deploy-text li {
    font-size: 24px;
}

.whats-new-container .default-section {
    margin-bottom: 100px;
    color: #ffffff;
    font-weight: 200;
}

.whats-new-container .default-section h3 {
    color: #969696;
    font-size: 36px;
    font-weight: 300;
}

.p-text {
    margin-bottom: 70px;
}

.wn-sol {
    font-size: 48px;
    font-weight: 300;
}

.wn-introd {
    font-size: 28px;
    font-weight: 300;
}

/*release note*/
.note-date {
    float: left;
    margin-right: 25px;
}

.note-title {
    float: left;
}

/*AWS*/
.aws-banner {
    background: url("../../../images/06.05_AmazonRDS_page_Banner.png") no-repeat center center;
    position: relative;
}

.aws-switcher {
    width: 200px;
    line-height: 50px;
    float: left;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    cursor: pointer;
}

.aws-switcher:first-child {
    border-right: 1px solid #0090d2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.aws-switcher:nth-child(2) {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.aws-switcher.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.aws-switcher-container {
    width: 400px;
    margin: 0 auto;
    margin-top: 100px;
}

.step-row {
    border: 1px solid #f7a80d;
    position: relative;
}

.step-row&gt;div:not(.clear) {
    float: left;
    padding: 15px;
}

.step-nub {
    border: 1px solid #f7a80d;
    background: #f7a80d;
    color: white;
    text-align: center;
    width: 50px;
    height: 50px;
    position: absolute;
    height: 100%;
}

.step-title {
    margin-left: 50px;
    line-height: 1.33
}

.aws-introd {
    font-family: "Rubik";
    font-size: 20px;
}

/*Navicat Cloud store page*/
.cloud-store-title-row {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
}

.cloud-store-row {
    margin: 30px 0px;
}

#cloud-store-quantity {
    width: 200px;
}

.cloud-store-row #cloud-store-quantity,
.cloud-store-row .button {
    position: relative;
    top: 5px;
}

.cloud-store-row .button-column {
    text-align: right;
}


/*Product Info*/
.info-container {
    text-align: center;
}

.info-introd {
    margin-bottom: 70px;
}

.btn-wrapper-row {
    width: 600px;
    margin: 0 auto 165px auto;
}

.btn-wrapper-row .button {
    width: 230px;
    text-align: center;
}

.ru .btn-wrapper-row .button {
    width: 280px;
    font-size: 15px;
}

.btn-wrapper-row a:first-child {
    margin-right: 30px;
}

.info-switcher-in3-container {
    width: 600px;
    margin: 0 auto 100px auto;
}

.info-switcher-in3 {
    width: 200px;
    line-height: 50px;
    float: left;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    text-align: center;
}

.info-switcher-in3:first-child,
.info-switcher-in4:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
}

.info-switcher-in3:nth-child(3) {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.info-switcher-in3.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.info-switcher-in4-container {
    width: 720px;
    margin: 0 auto 100px auto;
}

.info-switcher-in4 {
    width: 180px;
    line-height: 50px;
    float: left;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    text-align: center;
}

.info-switcher-in4:nth-child(3) {
    border-left: none;
}

.info-switcher-in4:nth-child(4) {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.info-switcher-in4.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.IOS-container {
    display: none;
}

.info-ele {
    margin-bottom: 50px;
}

.info-ele h3 {
    font-size: 28px;
    font-family: "Rubik"
}

.info-ele .s-title {
    font-size: 20px;
    font-family: "Rubik";
    font-weight: 300;
}

.info-img-row {
    margin-top: 50px;
}

.product-info-features-row b {
    font-size: 20px;
    font-family: "Rubik";
    font-weight: 400;
}

.product-info-features-row .feature-row-text {
    text-align: left;
    margin-bottom: 50px;
}

.info-container-v16 .main-title {
    font-size: 48px;
    font-weight: 200;
}

.info-container-v16 .sub-header {
    font-size: 24px;
}

.info-container-v16 .product-info-features-row {
    display: flex;
    flex-wrap: wrap;
}

.info-container-v16 .product-info-features-container {
    margin-bottom: 30px;
}

.info-container-v16 .product-info-features-background {
    background-color: #f6f6f6;
    height: 100%;
    padding: 15px 5px 0px 5px
}

.info-container-v16 .product-info-features-row .feature-row-text {
    margin-bottom: 30px;
}

.info-container-v16 .product-info-features-row :first-child p {
    margin-top: 0px;
    margin-bottom: 10px;
}

.info-container-v16 .product-info-features {
    margin-bottom: 100px;
}

.info-container-v16 .product-info-screenshot {
    padding: 100px;
    background-color: #f6f6f6;
    padding-top: 15px;
    margin-top: 30px;
    height: 800px
}

.info-container-v16 .screenshot {
    max-height: 600px;
}

.info-req-container {
    border: 1px solid #bfbfbf;
    margin-bottom: 150px;
}

.info-req-title {
    height: 50px;
    line-height: 50px;
    background-color: #eeeeee;
    border-bottom: 1px solid #bfbfbf;
}

.info-req-text-wrapper {
    padding: 15px;
}

.info-req-text-wrapper&gt;div:not(.clear) {
    float: left;
}

.req-img {
    width: 20%;
    padding-top: 10px;
}

.req-text {
    width: 80%;
    text-align: left;
}

.req-text span {
    line-height: 20px;
}

.ios-app-container {
    width: 650px;
    margin: 0 auto;
}

.ios-app-container&gt;div:not(.clear) {
    float: left;
}

.ios-app-img {
    width: 20%;
    margin-right: 8%;
}

.ios-app-text {
    width: 72%;
    text-align: left;
}

.ios-app-text span {
    line-height: 20px;
}

.Mac-container,
.Linux-container {
    display: none;
}

.info-content {
    margin-bottom: 100px;
}

.screenshot {
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}


/*Search page*/
#search-form {
    padding-bottom: 50px;
    border-bottom: 1px solid #929292;
    margin-bottom: 50px;
}

#search-form .inputbox {
    width: 500px;
    display: inline-block;
    margin-right: 50px;
}

.search-results .result-title {
    font-size: 20px;
}

.search-results li {
    padding: 30px 0px;
}

#finder-search fieldset&gt;label {
    display: block;
}


/*nbm container*/
.ndm_container {
    text-align: center;
}

.ndm_container .info-img-row img {
    max-width: 100%;
}

.system-requirements-win {
    vertical-align: top;
    padding: 15px;
}

/*Report Viewer*/
.vr-introd {
    margin-bottom: 100px;
}

.system-requirements-win p:first-child {
    margin-top: 0;
}

.system-requirements-win p:last-child {
    margin-bottom: 0;
}

.nrv-s-sitle {
    font-family: "Rubik";
    font-size: 20px;
}


/*offline-order*/
.oo-ele {
    margin-bottom: 50px;
}


/*rss*/
.rss-ul {
    margin-left: 20px;
    font-size: 16px;
    list-style: initial;
}

.rss-title {
    width: 350px;
    float: left;
    padding: 15px;
    border: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0;
}

.rss-row:last-child .rss-title {
    border-bottom: 1px solid #ddd;
}

.rss-info {
    width: 165px;
    float: left;
    padding: 15px;
    border: 1px solid #ddd;
    border-left: 0;
    border-bottom: 0;
}

.rss-row:last-child .rss-info {
    border-bottom: 1px solid #ddd;
}

.rss-title span *,
.rss-info span * {
    vertical-align: middle;
}

.rss-hide {
    opacity: 0;
}

.ls-ol {
    padding-left: 15px;
    list-style-type: decimal;
    line-height: 1.5;
}

/* Save quotation*/
.quote-info {
    margin-bottom: 30px;
}

.quote-info-row {
    line-height: 25px;
}

.quote-info-row&gt;.title {
    float: left;
    margin-right: 5px;
}

.quote-info-row&gt;.info {
    float: left;
    font-weight: bold;
}

.quote-btn-row {
    margin-bottom: 50px;
}

.q-btn-left {
    float: left;
}

.q-btn-right {
    float: right;
}

.q-btn-left&gt;.button {
    float: left;
    margin-right: 30px;
}

.q-btn-right&gt;.button {
    float: right;
    margin-left: 30px;
}

#btn-email {
    margin-right: 0;
}

#btn-pq {
    margin-left: 0;
}

.quote-table {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.quote-table .default-section {
    margin-bottom: 100px;
}

.quote-ele {
    margin-bottom: 20px;
    line-height: 20px;
}

.quote-ele.title {
    font-size: 20px;
    font-family: "Rubik";
}

.quote-sign {
    padding-bottom: 90px;
    border-bottom: 2px black solid;
}

.quote-contact-row {
    text-align: center;
}

.quote-table .shopping-cart-row-right {
    width: 30%;
    text-align: right;
}

.quote-table .shopping-cart-row-left {
    width: 50%;
    line-height: 20px;
}

.sign-br {
    display: none;
}

.quote-email-popup-background {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    top: 0;
}

.quote-email-popup {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 200px;
    padding: 15px;
    padding-bottom: 50px;
    background-color: #ffffff;
    position: relative;
}

.quote-email-popup .support-form-text-field input {
    width: 100%;
}

.quote-email-popup textarea {
    margin-bottom: 50px;
}

.quote-email-popup-field-title {
    margin-top: 15px;
    margin-bottom: 10px;
}

.quote-email-popup .button {
    text-align: center;
}

.quote-email-popup #quote-email-popup-submit,
.quote-email-popup #quote-email-popup-close {
    float: right;
}

.quote-email-success {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.quote-email-popup-finish-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background-color: #ffffff;
}

.quote-email-popup-finish-content h3 {
    text-align: center;
    margin-top: 200px;
}

.quote-email-popup-loading {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: none;
}

.quote-email-popup-loading .loading {
    margin-top: 250px;
}

.quote-email-popup-origin-content .error-msg {
    padding-left: 0px;
}

#q-payment-link {
    word-wrap: break-word;
}

.country-row,
.industry-row {
    text-align: right;
}

/*Blog*/
.blog-banner {
    background: url("../../../images/05.AboutUs_00_Main_banner.png") no-repeat center center;
    position: relative;
    background-position: center bottom;
    margin-bottom: 60px;
}

.blog-left-column {
    width: 70%;
    float: left;
}

.blog-right-column {
    width: 30%;
    float: right;
    padding-left: 30px;
}

.blog-left-column img {
    max-width: 100%;
    height: auto;
}

.blog-right-column-title {
    font-size: 20px;
    border-bottom: 1px #d2d2d2 solid;
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 15px;
}

.blog-page h2,
.blog-page h2 a {
    color: #00a0e9;
    font-size: 30px;
    font-weight: 300;
}

.blog-page .blog-sub-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-page .blog-list {
    list-style-position: inside;
}

.blog-page .blog-list li {
    line-height: 20px;
}

.blog-page #jstree {
    color: #00a0e9;
}

.blog-page li[aria-level="3"] i.jstree-icon {
    width: 0px;
}

.blog-page .jstree-default .jstree-node {
    margin-top: 15px;
    margin-bottom: 15px;
}

.blog-page .jstree-default .jstree-wholerow {
    background: transparent !important;
}

.blog-page a.jstree-anchor {
    height: auto;
    white-space: normal;
}

.blog-page .jstree-default&gt;.jstree-no-dots .jstree-closed&gt;.jstree-ocl {
    background-image: url("../../../images/05.AboutUs_04_expand.svg");
    background-position: 0 4px;
}

.blog-page .jstree-default&gt;.jstree-no-dots .jstree-open&gt;.jstree-ocl {
    background-image: url("../../../images/05.AboutUs_04_hide.svg");
    background-position: 0 4px;
}

.blog-page .page-header {
    padding: 0;
    margin: 0;
    border-bottom: none;
}

.blog-page .a2a_kit a {
    display: inline-block;
}

.blog-page div[itemprop="blogPost"] {
    margin-bottom: 50px;
}

.blog-page div[itemprop="blogPost"] p {
    margin: 0;
}

.blog-page .readmore a.btn {
    padding-left: 0;
    color: #00a0e9;
}

.blog-page .readmore a.btn:focus {
    background: white;
    box-shadow: none;
}

.blog-page .blog .pagination-container {
    margin-bottom: 0px;
    width: auto;
}

#a2apage_dropdown {
    margin-top: 3px !important;
}

/*Video*/
.youtube-iframe {
    position: relative;
    padding-bottom: 56.25%;
}

.youtube-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Subscription plan*/
.sub-plan-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

.plan-edition-tab {
    padding: 0px 2px;
    margin-top: 26px;
    font-size: 20px;
}

.plan-edition-tab:first-child {
    padding-left: 0px;
}

.plan-edition-tab:last-child {
    padding-right: 0px;
}

.plan-edition-tab-box {
    padding: 8px 15px;
    background-color: #dcdcdc;
    text-align: center;
    cursor: pointer;
    border: 1px #969696 solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    top: 1px;
    line-height: 24px;
}

.plan-edition-tab.selected .plan-edition-tab-box {
    cursor: initial;
    background-color: #ffffff;
    margin-top: 0px;
    border-bottom: 1px #ffffff solid;
    font-size: 24px;
    padding: 16px 15px;
}

.plan-edition-tab.selected .plan-edition-tab-box&gt;div {
    margin-top: 10px;
    color: #00a0e9;
}

.plan-edition-tab.selected {
    margin-top: 0;
}

.plan-info {
    border: 1px #969696 solid;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.plan-info-space {
    height: 60px;
}

.plan-info-col:nth-child(4) {
    border-left: 1px rgba(150, 150, 150, 0.2) solid;
    border-right: 1px rgba(150, 150, 150, 0.2) solid;
}

.plan-info-col:hover {
    color: #00a0e9;
}

.subscription-details {
    position: relative;
    height: 100%;
}

.subscription-type {
    font-size: 24px;
    margin-bottom: 40px;
}

.subscription-price {
    font-size: 34px;
    margin-bottom: 40px;
}

.subscription-price-des {
    font-size: 16px;
}

.subscription-des {
    margin-bottom: 60px;
    text-align: left;
}

.subscription-des-list {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 25px;
}

.subscription-des-list li {
    margin: 10px 0px;
    line-height: 22px;
}

.subscription-plan-form {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 0px;
}

.plan-info-table {
    width: 100%;
    border: black 1px solid;
}

.plan-info-table td {
    width: 33%;
    text-align: center;
    border: black 1px solid;
    padding: 20px;
    padding: 20px;
}

.price-container {
    height: 40px;
}

.feature-container {
    margin: 20px 0;
    height: 100px;
    padding: 15px;
    background-color: #d6d5d5;
}

.plan-info {
    display: none;
}

.plan-info.show-plan {
    display: flex;
}

.per-month-price {
    font-size: xx-small;
}

.plan-separator-mobile {
    display: none;
}

.subscription-price-original {
    font-size: 20px;
    text-decoration: line-through;
    margin-bottom: 5px;
    display: none;
}

.plan-info-col .promotion .subscription-price-original {
    display: block;
}

.plan-info-col .promotion .subscription-price {
    color: red;
}

.plan-info-col .promotion .subscription-type {
    margin-bottom: 13px;
}

.reseller-price {
    display: none;
}

.plan-info .button.disabled {
    color: grey;
    border-color: grey;
    cursor: auto;
}

.plan-info .button.disabled:hover {
    background-color: transparent;
}

.plan-v17-tab-container {
    margin: 50px auto 30px;
    width: max-content;
    border-bottom: 1px solid #979797;
}

.plan-v17-tab {
    display: inline-block;
    color: #979797;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}

.plan-v17-tab.selected {
    color: #00A0E9;
    font-size: 24px;
    padding-bottom: 16px;
    border-bottom: 4px solid #00A0E9;
    position: relative;
    top: 1px;
    margin-top: 1px;
}

.plan-v17-tab:not(:first-child) {
    margin-left: 50px;
}

.plan-v17-container .plan-info {
    border: none;
    margin-bottom: 200px;
    font-family: "Rubik";
}

.plan-v17-container .plan-info-col {
    border: none;
}

.plan-v17-container .plan-info-col&gt;div {
    background-color: #F9F9F9;
    border-radius: 20px;
}

.plan-v17-container .plan-info-col:hover {
    color: #424E54;
}

.plan-v17-container .plan-info-col:last-child&gt;div {
    padding-bottom: 55px;
}

.plan-v17-container .subscription-details form,
.plan-v17-container .subscription-plan-form {
    margin-bottom: 55px;
}

.plan-v17-container .subscription-type {
    background-color: #E9E8E8;
    color: #424E54;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    padding: 16px 0px 11px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.plan-v17-container .subscription-price {
    color: #00A0E9;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
}

.plan-v17-container .subscription-price-des {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 23px;
    color: #424E54;
}

.plan-v17-container .subscription-des {
    padding: 0px 50px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
}

.plan-v17-container .noncomerical-desc {
    margin-bottom: 30px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    display: none;
}

/*Resources page*/
.resources-title-row {
    position: relative;
    margin-top: 100px;
}

.resources-separator {
    border-bottom: 1px solid #a0a0a0;
}

.resources-title {
    font-size: 36px;
    line-height: 45px;
}

.resources-type {
    position: absolute;
    bottom: 0;
    right: 0;
}

.resources-type-tab {
    float: left;
    line-height: 30px;
    margin-right: 30px;
    cursor: pointer;
}

.resources-type-tab.selected {
    color: #00a0e9;
}

.resources-content {
    display: flex;
    flex-wrap: wrap;
}

.resources-content [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.resources-details {
    max-width: 80%;
    color: #424e54;
    font-weight: bold;
    margin-top: 55px;
}

.resources-details img {
    max-width: 100%;
    border: 1px solid #9d9d9d;
}

.resources-description {
    margin-top: 20px;
}

/*Discover Monitor 2*/
.section-controller {
    display: inline-block;
    width: 100%;
    color: #707070;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 90px;
}

.item-control {
    display: inline-block;
    border-right: 1px solid #707070;
    margin-bottom: 15px;
}

.item-control:last-child {
    border-right: none;
}

.item-control&gt;a {
    text-align: center;
    margin: 0 7.5px;
    cursor: pointer;
}

.item-control.selected a {
    color: #00a0e9;
}

.mp-section {
    padding-top: 10px;
    margin-bottom: 140px;
}

.mp-section p {
    text-align: center;
    margin-bottom: 30px;
}

.mp-title,
.mp-image {
    text-align: center;
}

.mp-section-controller {
    display: inline-block;
    width: 100%;
    color: #707070;
    text-align: center;
    margin-bottom: 30px;
}

.mp-item-control {
    display: inline-block;
    border-right: 1px solid #707070;
    margin-bottom: 15px;
}

.mp-item-control:last-child {
    border-right: none;
}

.mp-item-control&gt;div {
    text-align: center;
    margin: 0 7.5px;
    cursor: pointer;
}

.mp-item-control.selected div {
    color: #00a0e9;
}

.mp-image img {
    max-width: 100%;
}

.lrq-images .mp-image {
    display: none;
}

.lrq-images .mp-image.show {
    display: block;
}

.lrq-images-container {
    position: relative;
}

.lrq-images-container .img_div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
}

.lrq-images-container .img_div:first-child {
    position: initial;
}

.lrq-images-container .img_div.active {
    z-index: 1000;
    opacity: 1;
}

.lrq-img-text {
    margin-bottom: 30px;
    text-align: center;
}

/*Discover Monitor 2.2*/
.monitor-2-2 .schedule-report-icon-container {
    opacity: 0.5;
}

.monitor-2-2 .schedule-report-icon-container.selected {
    opacity: 1;
}

.monitor-2-2 .schedule-report-icon-container .schedule-report-icon-arrow {
    opacity: 0;
}

.monitor-2-2 .schedule-report-icon-container.selected .schedule-report-icon-arrow {
    opacity: 1;
}

.monitor-2-2 .schedule-report-icon img {
    display: block;
    margin: 0 auto;
}

.monitor-2-2 .schedule-report-icon-desc {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
}

.monitor-2-2 .schedule-report-desc {
    text-align: center;
    margin-top: 30px;
    display: none;
}

.monitor-2-2 .schedule-report-desc.selected {
    display: block;
}

/*Navicat Monitor 3 Key Topic*/
.monitor-3-key-topic-heading {
    position: relative;
    opacity: 0;
    top: 550px;
    transition: opacity 3s, top 3s;
}

.monitor-3-key-topic-heading.active {
    opacity: 1;
    top: 0px;
}

.monitor-3-key-topic-heading .monitor-3-key-topic-logo {
    max-width: 100%;
}

.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-bold {
    display: flex;
    align-items: center;
    justify-content: center;
}

.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-animate {
    margin-top: 100px;
}

.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-animate h1 {
    color: #001342;
    font-size: 90px;
    font-weight: 700;
    line-height: 122px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
    line-height: 56px;
    color: #001342;
    font-size: 52px;
    font-weight: 700;
}

.monitor-3-key-topic {
    text-align: center;
    margin-top: 250px;
}

.monitor-3-key-topic .monitor-3-key-topic-shortcut-row {
    margin-top: 130px;
    opacity: 0;
    transition: opacity 3s;
}

.monitor-3-key-topic .monitor-3-key-topic-shortcut-row.active {
    opacity: 1;
}

.monitor-3-key-topic .monitor-3-key-topic-shortcut {
    display: inline-block;
    line-height: 28px;
    color: #00A0E9;
    border: 1px solid #00A0E9;
    padding: 1px 20px;
    border-radius: 15px;
    margin-right: 20px;
    cursor: pointer;
    margin-top: 20px;
}

.monitor-3-key-topic .monitor-3-key-topic-shortcut:last-child {
    margin-right: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-shortcut:hover,
.monitor-3-key-topic .monitor-3-key-topic-shortcut.selected {
    color: #ffffff;
    background-color: #00A0E9;
}

.monitor-3-key-topic .monitor-3-key-topic-section {
    margin-top: 200px;
    position: relative;
    width: inherit;
}

.monitor-3-key-topic .monitor-3-key-topic-section h1 {
    font-size: 36px;
    line-height: 43px;
    font-weight: 300;
    margin: 0px;
    padding-top: 30px;
}

.monitor-3-key-topic .monitor-3-key-topic-section p {
    font-size: 18px;
    line-height: 28px;
    margin: 30px 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img,
.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-hover-img {
    position: relative;
    margin: 0 auto;
    max-width: 900px;
    max-height: 630px;
    padding-top: 30px;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-img {
    max-height: 650px;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-img {
    padding-top: 50px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img img,
.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-hover-img img {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    max-width: 900px;
    max-height: 600px;
    opacity: 0;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img img.show-img {
    opacity: 1;
    transition: opacity 2s;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-img img {
    top: 50px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img img:first-child {
    position: relative;
    z-index: 1;
    opacity: 1;
    top: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-hover-img img.show-img {
    opacity: 1;
    top: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-hover-img img:first-child {
    position: relative;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll {
    position: fixed;
    width: inherit;
    top: 0;
    opacity: 0;
    z-index: -1;
    background-color: #ffffff;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll.active {
    opacity: 1;
    z-index: 2;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-fix-scroll {
    padding-right: 60px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-start {
    position: absolute;
    top: 0px;
    opacity: 0;
    background-color: #ffffff;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-fix-scroll-start {
    padding-right: 30px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-end {
    position: absolute;
    bottom: 0px;
    opacity: 0;
    background-color: #ffffff;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-fix-scroll-end {
    padding-bottom: 80px;
    padding-right: 30px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-start.active,
.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-end.active {
    opacity: 1;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-end .monitor-3-key-topic-img img {
    opacity: 1;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background {
    background-color: #f8f8f8;
    padding: 20px 30px 40px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-button-row {
    margin-top: 30px;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-screenshot {
    display: none;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-screenshot.selected {
    display: block;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-screenshot .monitor-3-key-topic-img {
    padding-top: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background#sql-profiler {
    padding-top: 0px;
}

.monitor-3-key-topic #sql-profiler .monitor-3-key-topic-fix-scroll,
.monitor-3-key-topic #sql-profiler .monitor-3-key-topic-fix-scroll-start,
.monitor-3-key-topic #sql-profiler .monitor-3-key-topic-fix-scroll-end {
    background-color: transparent;
}

.monitor-3-key-topic .monitor-3-key-topic-section#sql-profiler,
.monitor-3-key-topic .monitor-3-key-topic-section#sql-profiler-hover {
    display: none;
}

.monitor-3-key-topic .monitor-3-key-topic-section#sql-profiler.selected,
.monitor-3-key-topic .monitor-3-key-topic-section#sql-profiler-hover.selected {
    display: block;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background#sql-profiler-hover {
    padding-top: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section-background#sql-profiler-hover .monitor-3-key-topic-hover-img {
    padding-top: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-download-section p {
    line-height: 42px;
    margin: 0px;
    font-weight: 400;
    margin-bottom: 50px;
}

.monitor-3-key-topic .monitor-3-key-topic-download-section a {
    margin-right: 50px;
}

.monitor-3-key-topic .monitor-3-key-topic-download-section a:last-child {
    margin-right: 0px;
}

.monitor-3-key-topic .monitor-3-key-topic-section .twentytwenty-container {
    margin: 0 auto;
    max-width: 900px;
}

.monitor-3-key-topic-background {
    max-width: 100%;
    margin-top: 150px;
    position: relative;
    bottom: -3px;
}

/*what is navicat modeler 3 &amp; modeler product info*/
.what-is-ndm-3 {
    background-color: #13394B;
}

.what-is-ndm-3 p,
.what-is-ndm-3 h1,
.what-is-ndm-3 h3 {
    color: #ffffff;
}

.what-is-ndm-3 .section-controller {
    margin-bottom: 0;
}

.what-is-ndm-3 .section-controller .item-control {
    color: #ffffff;
    border-color: #ffffff;
}

.what-is-ndm-3 .section-controller .item-control&gt;a {
    color: #ffffff;
}

.what-is-ndm-3 .section-controller .item-control.selected&gt;a {
    color: #00a0e9;
}

.what-is-ndm-3 .modeling-icon-arrow,
.product-info-features-content .modeling-icon-arrow {
    opacity: 1;
    color: #ffffff;
}

.product-info-features-content .modeling-icon-arrow div {
    color: #424E54;
}

.product-info-features-content .modeling-icon-container img {
    width: auto;
}

.what-is-ndm-3 .modeling-icon-arrow img,
.product-info-features-content .modeling-icon-arrow img {
    opacity: 0;
}

.what-is-ndm-3 .modeling-icon-container {
    cursor: initial;
}

.what-is-ndm-3 .ndm-screenshot-selector {
    border-radius: 5px;
    border: none;
}

.what-is-ndm-3 .ndm-screenshot-selector&gt;div {
    border-color: #ffffff;
}

.what-is-ndm-3 .ndm-screenshot-selector&gt;div:not(.clear) {
    color: #ffffff;
    border: 1px solid;
    height: auto;
    padding: 13px 0;
}

.what-is-ndm-3 .ndm-screenshot-selector&gt;div:first-child {
    border-right: none;
    border-radius: 15px 0 0 15px;
}

.what-is-ndm-3 .ndm-screenshot-selector&gt;div:nth-child(3) {
    border-left: none;
    border-radius: 0 15px 15px 0;
}

.what-is-ndm-3 .ndm-screenshot-selector&gt;div.selected {
    border-color: #00a0e9;
}

.what-is-ndm-3 .hidden-content-2-container {
    margin: 30px 0;
    position: relative;
}

.what-is-ndm-3 .hidden-content-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -99;
}

.what-is-ndm-3 .what-is-ndm-separator {
    border-color: #13394B;
}

.what-is-ndm-3 .second-selector .ndm-screenshot-selector&gt;div:not(.clear) {
    line-height: initial;
}

.modeler_3_container .product-info-switcher:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
}

.modeler_3_container .product-info-switcher:nth-child(3) {
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modeler_3_container .product-info-switcher.selected {
    border-color: #0090d2;
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.modeler_3_container .section-controller {
    margin-bottom: 0;
}

.modeler_3_container .product-info-switcher-row {
    margin-top: 100px !important;
}

/* modeler 4 product info*/
.info-container-v17.modeler-v4-container {}

.info-container-v17.modeler-v4-container .charts-creator-v17-product-info-card {
    margin-top: 0px;
}

.info-container-v17.modeler-v4-container .charts-creator-v17-product-info-card-column p {
    margin-top: 0px;
}

.info-container-v17.modeler-v4-container .charts-creator-v17-product-info-card:not(.charts-creator-v17-product-info-native-design) .charts-creator-v17-product-info-card-column {
    width: 49.5%;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.database_objects .charts-creator-v17-product-info-card-padding,
.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.model_types .charts-creator-v17-product-info-card-padding,
.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.standard_designing_tools .charts-creator-v17-product-info-card-padding {
    padding: 50px;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.database_objects img,
.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.model_types img {
    margin-top: 50px;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.database_objects .charts-creator-v17-product-info-card-column,
.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.model_types .charts-creator-v17-product-info-card-column,
.info-container-v17.modeler-v4-container .modeler-v4-product-info-card.standard_designing_tools .charts-creator-v17-product-info-card-column {
    width: 100%;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card {
    margin-top: 100px;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card&gt;h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 30px;
}

.info-container-v17.modeler-v4-container .modeling-tools-row {
    margin-top: 80px;
}

.info-container-v17.modeler-v4-container .modeling-icon-container {
    float: none;
    width: 15%;
    vertical-align: top;
}

.info-container-v17.modeler-v4-container .modeling-icon-container&gt;div {
    margin-top: 30px;
}

.info-container-v17.modeler-v4-container .modeler-v4-product-info-card .modeling-tools-row.mobile-show {
    display: none;
}

/*Navicat On-prem Server Product Info*/

.on-prem-product-info-desc {
    font-family: "Rubik";
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    margin-top: 100px;
}

.on-prem-product-info-desc:first-child {
    font-size: 48px;
    line-height: 72px;
}

.on-prem-product-info .plan-v17-tab {
    font-size: 20px;
}

.on-prem-product-info .plan-v17-tab.selected {
    font-size: 24px;
}

.on-prem-product-info .product-info-screenshot-section-v17 {
    min-height: 850px;
}

.on-prem-product-info .product-info-screenshot-title-v17 {
    padding-top: 50px;
    display: flex;
    align-items: center;
}

.on-prem-product-info .product-info-screenshot-section-v17 .screenshot {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.on-prem-product-info-collaboration-container {
    margin-top: 150px;
    margin-bottom: 150px;
}

.on-prem-product-info-collaboration {
    background-color: #f6f6f6;
    border-radius: 20px;
    padding: 30px 50px;
    text-align: left;
}

.on-prem-product-info-collaboration-title {
    font-family: "Rubik";
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}

.on-prem-product-info-collaboration-text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.on-prem-product-info-collaboration-icon-row {
    margin-top: 50px;
    display: inline-block;
}

.on-prem-product-info-collaboration-icon {
    display: inline-block;
    vertical-align: top;
}

.on-prem-product-info-collaboration-icon img {
    width: 128px;
}

.on-prem-product-info-collaboration-icon&gt;div:last-child {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.on-prem-product-info-collaboration-icon:not(:first-child) {
    margin-left: 100px;
}

.on-prem-product-info .system-requirements-details {
    width: auto;
}

.on-prem-product-info .parallax-scrolling-container {
    margin-top: 150px;
    margin-bottom: 250px;
}

.parallax-scrolling-container img {
    max-width: 100%;
}

.parallax-scrolling {
    position: relative;
    margin-top: 100px;
}

#fix-img.parallax-scrolling-fix-img {
    width: 725px;
    margin: 0 auto;
}

.parallax-scrolling-moving-img {
    position: absolute;
}

#moving-img-1.parallax-scrolling-moving-img {
    left: -467px;
    top: 573px;
    width: 530px;
}

#moving-img-2.parallax-scrolling-moving-img {
    left: 1232px;
    top: 558px;
    width: 216px;
    z-index: 3;
}

#moving-img-3.parallax-scrolling-moving-img {
    left: 998px;
    top: 558px;
    width: 216px;
    z-index: 2;
}

#moving-img-4.parallax-scrolling-moving-img {
    left: 1231px;
    top: 187px;
    width: 167px;
    z-index: 3;
}

#moving-img-5.parallax-scrolling-moving-img {
    left: 1231px;
    top: 282px;
    width: 149px;
    z-index: 2;
}

.parallax-scrolling-mobile {
    margin-top: 50px;
    position: relative;
}

.parallax-scrolling-mobile img:last-child {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.parallax-scrolling-mobile img.show:last-child {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}


/*what's new Navicat 15*/
.whats-new-15-container h1,
.whats-new-15-container h3,
.whats-new-15-container p {
    color: #ffffff;
}

.whats-new-15-container h3.subtitle {
    margin-top: -30px;
}

.wtsnew-section {
    margin-top: 150px;
}

.whats-new-15-screenshot-selector-container {
    display: inline-block;
}

.whats-new-15-screenshot-selector&gt;div.selected {
    color: #ffffff;
    background-color: #00a0e9;
    cursor: auto;
}

.whats-new-15-screenshot-selector&gt;div:not(.clear) {
    width: 200px;
    float: left;
    color: #00a0e9;
    height: 60px;
    padding-top: 13px;
    cursor: pointer;
}

.whats-new-15-container .whats-new-15-screenshot-selector {
    border-radius: 5px;
    border: none;
    margin: 30px 0 40px 0;
}

.whats-new-15-container .whats-new-15-screenshot-selector&gt;div {
    border-color: #ffffff;
}

.whats-new-15-container .whats-new-15-screenshot-selector&gt;div:not(.clear) {
    color: #ffffff;
    border: 1px solid;
    height: auto;
    padding: 13px 0;
}

.whats-new-15-container .whats-new-15-screenshot-selector&gt;div:first-child {
    border-right: none;
    border-radius: 15px 0 0 15px;
}

.whats-new-15-container .whats-new-15-screenshot-selector&gt;div:nth-child(3) {
    border-left: none;
    border-radius: 0 15px 15px 0;
}

.whats-new-15-container .whats-new-15-screenshot-selector&gt;div.selected {
    border-color: #00a0e9;
}

.whats-new-15-container .hidden-content-2-container {
    margin: 30px 0;
    position: relative;
}

.whats-new-15-container .hidden-content-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -99;
}

.whats-new-15-container .whats-new-15-screenshot-selector.whats-new-15-screenshot-selector-2&gt;div:nth-child(3) {
    border-left: none;
    border-radius: 0 15px 15px 0;
}

.wtsnew-charts-subtitle {
    margin-top: 100px;
    font-size: 24px;
}

.advanced-chart-selector-container {
    margin: 40px auto;
    cursor: pointer;
}

.advanced-chart-selector {
    color: #ffffff;
    border-right: 1px solid #ffffff;
    padding: 0 10px;
}

.advanced-chart-selector:last-child {
    border-right: none;
}

.advanced-chart-selector.selected {
    color: #00a0e9;
}

.advanced-chart-screenshot {
    display: none;
    margin: 0 auto;
    max-width: 100%;
}

.advanced-chart-screenshot.selected {
    display: block;
}

.whats-new-15-container .section-controller .item-control&gt;a {
    color: #ffffff;
}

.whats-new-15-container .section-controller .item-control.selected&gt;a {
    color: #00a0e9;
}

.whats-new-15-container .section-controller {
    margin: 0;
}

/*Navicat 16 highlights*/
.navicat-v16-highlights .highlights-background {
    background-color: #48411a;
    padding: 10px 100px 50px 100px;
    margin-top: 100px;
}

.navicat-v16-highlights .no-background {
    background-color: transparent;
    padding-top: 10px;
    margin-top: 100px;
}

.navicat-v16-highlights .small-column-row {
    display: flex;
    flex-wrap: wrap;
}

.navicat-v16-highlights .highlights-small-background {
    background-color: #48411a;
    padding: 15px 30px 30px 30px;
    height: 100%;
}

.navicat-v16-highlights .highlights-small-column {
    max-width: 270px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
    display: block;
}

.navicat-v16-highlights .highlights-small-column .highlights-snippet {
    display: inline-flex;
}

.navicat-v16-highlights .highlights-small-column .highlights-snippet div {
    font-size: 20px;
    line-height: 100px;
    margin-left: 30px;
    color: #ffffff;
}

.navicat-v16-highlights .advanced-chart-selector-container {
    line-height: 30px;
}

.navicat-v16-highlights .navicat-v16-highlights-wrapper.highlights-background {
    height: 900px;
}

.navicat-v16-highlights .fancybox img {
    max-height: 500px;
    max-width: 100%;
}

/*Navicat 17 highlights*/
/*Navicat Data Modeler 4*/
.navicat-v17-highlights {
    text-align: center;
}

.navicat-v17-highlights .navicat-v17-highlights-section h1 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 500;
}

.navicat-v17-highlights .navicat-v17-highlights-section p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0px;
}

.navicat-v17-highlights img {
    max-width: 100%;
}

.navicat-v17-highlights .navicat-v17-highlights-slogan-section {
    margin-top: 50px;
    margin-bottom: 150px;
}

.navicat-v17-highlights .navicat-v17-highlights-slogan {
    font-size: 48px;
    line-height: 60px;
    color: #001AAA;
    font-weight: 400;
}

.navicat-v17-highlights .navicat-v17-highlights-section {
    text-align: left;
    margin-bottom: 200px;
}

.navicat-v17-highlights .navicat-v17-highlights-section h1 {
    color: #001AAA;
    margin: 0px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-card {
    margin-top: 50px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-card-topic {
    font-size: 24px;
    font-weight: 500;
    color: #424E54;
    font-family: "Rubik";
    line-height: 32px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-card-padding {
    padding: 50px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-two-column {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-two-column:first-child {
    padding-right: 15px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-two-column:last-child {
    padding-left: 15px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram {
    margin-top: 30px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram-title {
    color: #CDCDCD;
    line-height: 2;
    margin-bottom: 50px;
}

.navicat-v17-highlights-design-diagram-title-desktop {
    display: inline-block;
}

.navicat-v17-highlights-design-diagram-title-mobile {
    display: none;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram span {
    font-weight: 400;
    color: #CDCDCD;
    cursor: pointer;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram span.selected {
    font-weight: 700;
    color: #51C0DF;
    font-size: 20px;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram p,
.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram img {
    display: none;
}

.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram p.selected,
.navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-design-diagram img.selected {
    display: block;
}

.navicat-v17-highlights .navicat-v17-highlights-section p.navicat-v17-highlights-short-p {
    width: 80%;
}

.navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div:first-child {
    width: 70%;
}

.navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div:last-child {
    width: 29%;
}

.navicat-v17-highlights .navicat-v17-highlights-mobile-view-img {
    display: none;
}

.navicat-v17-highlights .navicat-v17-highlights-two-column-img {
    position: absolute;
    bottom: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.navicat-v17-highlights #navicat-v17-highlights-data-dictionary.navicat-v17-highlights-section .navicat-v17-highlights-card .navicat-v17-highlights-two-column {
    width: 49.5%;
    display: inline-block;
}

.navicat-v17-highlights #navicat-v17-highlights-data-dictionary img:first-child {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-slogan-section,
.navicat-v17-highlights.what-is-navicat-modeler-4,
.navicat-v17-highlights {
    margin-top: 0px;
}

.navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-slogan {
    color: #7B3A00;
    font-weight: 400;
    margin-top: 0px;
}

.navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-slogan-2 {
    font-size: 48px;
    line-height: 60px;
    color: #FF6A00;
    font-family: "Rubik";
}

.navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-description {
    color: #7B3A00;
    font-weight: 400;
}

.navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-section h1 {
    color: #FF6A00;
}

.navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section&gt;div {
    background-color: transparent;
    padding-right: 30px;
}

.navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img,
.navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img img {
    max-width: 100%;
    width: auto;
}

/* Navicat for Redis Key Topic */
.navicat-for-redis-key-topic.monitor-3-key-topic {
    margin-top: 350px;
}

.navicat-for-redis-key-topic-heading.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
    color: #ffffff;
    margin-top: 100px;
    line-height: 80px;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-shortcut-row {
    margin-top: 100px;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section h1,
.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section p {
    color: #ffffff;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-download-section h1 {
    color: #ffffff;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-download-section p {
    color: #ffffff;
    margin-top: 30px;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section.monitor-3-key-topic-section-background {
    background-color: #333333;
    padding-right: 30px;
}

.navicat-for-redis-key-topic-feature-row {
    margin-top: 70px;
}

.navicat-for-redis-key-topic-feature {
    float: left;
    width: 25%;
    opacity: 0.4;
}

.navicat-for-redis-key-topic-feature.selected {
    opacity: 1;
}

.navicat-for-redis-key-topic-title {
    font-size: 18px;
    margin-bottom: 40px;
    color: #ffffff;
}

.navicat-for-redis-key-topic-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12.5px 0 12.5px;
    border-color: #ffffff transparent transparent transparent;
    margin: 30px auto 50px;
    opacity: 0;
}

.navicat-for-redis-key-topic-feature.selected .navicat-for-redis-key-topic-arrow {
    opacity: 1;
}

.navicat-for-redis-key-topic-feature-des p {
    display: none;
}

.navicat-for-redis-key-topic-feature-des p.selected {
    display: block;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll,
.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-start,
.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll-end {
    background-color: transparent;
    max-width: 100%;
}

.navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-img img,
.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-hover-img img {
    width: auto;
    max-width: 100%;
}

/* Careers page */
.careers-container {
    margin-bottom: 200px;
}

.careers-container img {
    max-width: 100%;
    margin-top: 100px;
}

.careers-container h3 {
    margin-top: 30px;
    font-size: 26px;
    color: #00A0E9;
}

.careers-container p {
    margin-top: 30px;
    font-size: 18px;
}

.careers-container .col-sm-12 p {
    margin-top: 50px;
}

/*************Responsive*****************/
@media only screen and (max-width : 1199px) {
    .locator-row select {
        margin-left: 0px;
        width: 230px;
    }

    .img-cap {
        height: 220px
    }

    .tl-info-2008 {
        left: -80px;
    }

    .tl-info-2009 {
        width: 765px;
        left: -265px;
    }

    .tl-info-2022,
    .tl-info-2018,
    .tl-info-2019 {
        width: 765px;
        left: -265px;
    }

    .tl-info-2009 .cap-img {
        width: 100%;
    }

    .tl-info-2012 {
        left: -120px;
    }

    .tl-info-2015 {
        width: 750px;
        left: -520px;
    }

    .timeline-ele .tl-info-2.tl-info-2017 {
        right: -160px;
    }

    .tl-info-2015 img {
        width: 100%;
    }

    .tl-info-2020 img,
    .tl-info-2022 img {
        width: 250px !important;
    }

    /*.tl-end-info.tl-info-2019 { width: 400px; left: -280px;}*/
    .tl-end-info {
        width: 745px;
        left: -650px;
    }

    .tl-end-info img {
        width: 100%
    }

    .banner-title {
        line-height: 1;
    }

    .pl .prod-buy-summary-title&gt;span,
    .pl .prod-buy-summary-row.summary-total,
    .pl .prod-buy-summary-row.summary-total&gt;span,
    .pl .summary-price {
        font-size: 16px;
    }

    /*Products*/
    .product-container-v16 .prod-ele-container {
        width: 100%;
    }

    /*Product Info*/
    .product-info-screenshot-title-v17 {
        width: 29%;
    }

    .product-info-screenshot-v17 {
        width: 70%;
    }

    .info-container-v17 .product-info-features-container .feature-row-text * {
        text-align: left;
    }

    /*Charts creator product info*/
    .charts-creator-product-info-section .dashboard-screenshot {
        padding: 30px 50px 0px 50px;
    }

    .charts-creator-product-info-section .dashboard-screenshot img {
        max-width: 100%;
    }

    /*Navicat On-prem Server Product Info*/
    .parallax-scrolling {
        margin-top: 75px;
    }

    #fix-img.parallax-scrolling-fix-img {
        width: 598px;
    }

    #moving-img-1.parallax-scrolling-moving-img {
        left: -385px;
        top: 472px;
        width: 437px;
    }

    #moving-img-2.parallax-scrolling-moving-img {
        left: 1016px;
        top: 460px;
        width: 178px;
    }

    #moving-img-3.parallax-scrolling-moving-img {
        left: 823px;
        top: 460px;
        width: 178px;
    }

    #moving-img-4.parallax-scrolling-moving-img {
        left: 1015px;
        top: 154px;
        width: 138px;
    }

    #moving-img-5.parallax-scrolling-moving-img {
        left: 1015px;
        top: 233px;
        width: 123px;
    }

    /*Navicat 17 highlights*/
    /*Navicat Data Modeler 4*/
    .navicat-v17-highlights .navicat-v17-highlights-section p.navicat-v17-highlights-short-p {
        width: 90%;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section&gt;.navicat-v17-highlights-two-column:first-child {
        padding-right: 5px;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section&gt;.navicat-v17-highlights-two-column:last-child {
        padding-left: 5px;
    }

    /*Subscription plan*/
    .plan-v17-container .subscription-des {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width : 991px) {
    .banner-content-mobile .ft-title-banner {
        font-size: 36px;
    }

    .navbar-nav .menu-item,
    .cs-btn {
        display: none !important;
    }

    .cs-item {
        border-top: white 1px solid;
    }

    .nav&gt;.menu-icon {
        display: block;
    }

    .prod-buy-summary,
    .prod-buy-summary-container {
        position: static !important;
    }

    .download-ver .button-link {
        margin-right: 10px;
    }

    .sub-navigation-right {
        margin-left: 20px;
    }

    html .sub-navigation-right span {
        font-size: 12px;
    }

    html[lang="ru-ru"] .sub-navigation-right span {
        font-size: 10px;
    }

    .index-large-banner-slider {
        display: none;
    }

    .index-small-banner-slider {
        display: block;
    }

    .banner-content .banner-title {
        font-size: 40px;
    }

    .banner-title {
        line-height: 1;
    }

    /*Locate a reseller*/
    .locator {
        text-align: center;
    }

    .locator-label {
        width: 20%;
        text-align: left;
    }

    .locator-row select {
        margin-left: 0px;
        width: 250px;
    }

    /*Navicat Cloud Info*/
    .navicat-cloud-info p {
        width: 100%;
    }

    /*customers*/
    .meet-cust-row .empty-row {
        display: none;
    }

    .meet-cust-row .country-row {
        width: 340px;
        margin: 0 auto 15px auto;
        float: none;
    }

    .meet-cust-row .industry-row {
        width: 340px;
        margin: 0 auto 15px auto;
        float: none;
    }

    .meet-cust-row .ft-btn-row {
        width: 340px;
        margin: 0 auto;
        float: none;
    }

    .meet-cust-row .ft-btn-row .button {
        margin: 0 auto;
        width: 130px;
        display: block;
    }

    /*What is Navicat Data Modeler*/
    .modeling-icon-container.row-a {
        width: 16.66%;
    }

    .modeling-icon-container.row-b {
        width: 20%;
    }

    /*product*/
    .product-empty-space {
        display: none;
    }

    .info-container-v16 .product-info-screenshot {
        padding: 50px;
        padding-top: 10px;
        padding-bottom: 80px;
    }

    .info-container-v16 .product-info-screenshot {
        height: 600px
    }

    .info-container-v16 .screenshot {
        max-height: 400px;
    }

    .info-container-v16 .product-info-features-container {
        width: 100%;
    }

    /* Product info*/
    .product-info-screenshot-section-v17 {
        flex-direction: column;
        height: auto;
    }

    .product-info-screenshot-title-v17 {
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 25px 30px;
    }

    .product-info-screenshot-title-v17-column {
        width: 31%;
        margin-left: 1%;
        display: inline-block;
        vertical-align: top;
        min-height: 300px;
    }

    .product-info-screenshot-v17 {
        width: 100%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        display: flex;
        flex-direction: column;
        min-height: 850px;
        padding-right: 25px;
    }

    .product-info-screenshot-button-v17 {
        margin-top: auto;
    }

    .info-container-v17 .system-requirements-table .system-requirements-content div {
        float: none;
        width: 100% !important;
        text-align: center !important;
    }

    .info-container-v17 .system-requirements-table .system-requirements-details {
        display: block;
        width: 100%;
    }

    .info-container-v17 .system-requirements-table .system-requirements-content:last-child div:last-child {
        margin-top: 30px;
    }

    /*Charts creator product info*/
    .charts-creator-v17-product-info-card .charts-creator-v17-product-info-card-padding .charts-creator-v17-product-info-card-column {
        display: block;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    #charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-card-column,
    #charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-card-column:first-child,
    #charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-card-column:last-child,
    #charts-creator-v17-product-info-trend-line .charts-creator-v17-product-info-card-column:first-child,
    #charts-creator-v17-product-info-group-chart .charts-creator-v17-product-info-card-column:first-child,
    #charts-creator-v17-product-info-control-chart .charts-creator-v17-product-info-card-column:first-child,
    #charts-creator-v17-product-info-trend-line .charts-creator-v17-product-info-card-column:last-child,
    #charts-creator-v17-product-info-group-chart .charts-creator-v17-product-info-card-column:last-child,
    #charts-creator-v17-product-info-control-chart .charts-creator-v17-product-info-card-column:last-child {
        width: 100%;
    }

    #charts-creator-v17-product-info-custom-field .charts-creator-v17-product-info-custom-field-title,
    #charts-creator-v17-product-info-chart-types .charts-creator-v17-product-info-chart-types-title {
        display: inline-block;
        line-height: 30px;
    }

    .charts-creator-v17-product-info-title-separator {
        display: inline-block;
    }

    .charts-creator-v17-product-info-main .screenshot-container {
        padding: 0;
    }

    /*Navicat 16 highlights*/
    .navicat-v16-highlights .highlights-background,
    .navicat-v16-highlights .no-background {
        padding-right: 15px;
        padding-left: 15px;
    }

    /*Navicat 17 highlights*/
    /*Navicat Data Modeler 4*/
    .navicat-v17-highlights .navicat-v17-highlights-slogan {
        font-size: 36px;
        line-height: 50px;
        font-weight: 400;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section p.navicat-v17-highlights-short-p {
        width: 100%;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-two-column {
        width: 100%;
        display: block;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section&gt;.navicat-v17-highlights-two-column:first-child {
        padding-right: 0px;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section&gt;.navicat-v17-highlights-two-column:last-child {
        margin-top: 50px;
        padding-left: 0px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div:first-child {
        width: 80%;
        display: inline-block;
    }

    .navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div:last-child {
        width: 19%;
        display: inline-block;
    }

    .navicat-v17-highlights-design-diagram-title-desktop {
        display: none;
    }

    .navicat-v17-highlights-design-diagram-title-mobile {
        display: inline-block;
    }

    .navicat-v17-highlights .navicat-v17-highlights-mobile-view-img,
    .navicat-v17-highlights .navicat-v17-highlights-two-column-img {
        display: block;
        position: relative;
        top: 3px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section .navicat-v17-highlights-two-column.navicat-v17-highlights-desktop-view-img {
        display: none;
    }

    .navicat-v17-highlights #navicat-v17-highlights-linux-arm-version,
    .navicat-v17-highlights #navicat-v17-highlights-uri {
        margin-top: 200px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-diagram-design .navicat-v17-highlights-two-column {
        width: 100% !important;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section:not(#navicat-v17-highlights-data-dictionary):not(#navicat-v17-highlights-focus-mode) .navicat-v17-highlights-card .navicat-v17-highlights-two-column {
        padding: 0px;
    }

    .navicat-v17-highlights .navicat-v17-highlights-section:not(#navicat-v17-highlights-data-dictionary):not(#navicat-v17-highlights-focus-mode) .navicat-v17-highlights-card .navicat-v17-highlights-two-column&gt;img {
        margin-top: 50px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-chart .navicat-v17-highlights-two-column:last-child .navicat-v17-highlights-card&gt;div:last-child {
        margin-top: 0px !important;
    }

    .navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-slogan-2 {
        font-size: 36px;
        font-weight: 400;
        line-height: 50px;
    }

    /*About us */
    .tl-info-2006 {
        left: -120px;
    }

    .tl-info-2008 {
        left: -170px;
    }

    .tl-info-2009 {
        left: -250px;
    }

    .tl-info-2010 {
        left: -135px;
    }

    .tl-info-2011 {
        left: -125px;
    }

    .tl-info-2012 {
        left: -80px;
    }

    .timeline-ele .tl-info-2013 {
        right: -75px;
    }

    .timeline-ele .tl-info-2014 {
        right: -70px;
    }

    /*quote*/
    .q-btn-left,
    .q-btn-right {
        float: none;
    }

    .q-btn-left {
        margin-bottom: 30px;
    }

    .quote-btn-row .button {
        float: left;
        margin: 0;
        display: block;
        margin-right: 30px;
    }

    .q-btn-right .button {
        margin-bottom: 30px;
    }

    .quote-col {
        width: 100%;
    }

    .q-br {
        display: none;
    }

    .quote-sign {
        width: 330px;
    }

    /*checkout*/
    .shopping-cart-row-right {
        float: none;
    }

    .shopping-cart-row-left {
        margin-right: 20px;
    }

    .checkout-btn-field {
        float: none;
        margin-right: 0;
        width: 190px;
        margin: 0 auto;
    }

    .checkout-btn-field:last-child {
        margin: 0 auto;
    }

    .checkout-btn-field {
        margin-bottom: 20px;
    }

    .checkout-btn-field:last-child {
        margin-bottom: 0;
    }

    #myBtn {
        float: none;
    }

    #myBtn,
    .checkout-btn {
        width: 190px;
        text-align: center;
    }

    /*sponsorship*/
    .sponsorship_title {
        font-size: 17px;
    }

    /*Navicat Monitor 3 Key Topic*/
    .monitor-3-key-topic-heading .monitor-3-key-topic-slogan-animate h1 {
        font-size: 60px;
        line-height: 68px;
    }

    .monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
        font-size: 34px;
        line-height: 40px;
    }

    /* Navicat for Redis Key Topic */
    .navicat-for-redis-key-topic.monitor-3-key-topic {
        margin-top: 250px;
    }

    .navicat-for-redis-key-topic-heading.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
        line-height: 60px;
    }

    /* modeler 4 product info*/
    .info-container-v17.modeler-v4-container .charts-creator-v17-product-info-card:not(.charts-creator-v17-product-info-native-design) .charts-creator-v17-product-info-card-column {
        width: 100%;
    }

    .info-container-v17.modeler-v4-container .modeler-v4-product-info-card .charts-creator-v17-product-info-card-padding {
        padding: 50px;
    }

    .info-container-v17.modeler-v4-container .modeler-v4-product-info-card .charts-creator-v17-product-info-card-column&gt;img {
        margin-top: 50px;
    }

    /*Navicat On-prem Server Product Info*/
    .on-prem-product-info .product-info-screenshot-title-v17 {
        background-color: #F6F6F6;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column {
        min-height: auto;
        width: 100%;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column-container {
        width: 100%;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column.selected {
        display: block;
        text-align: center;
    }

    .on-prem-product-info .product-info-screenshot-v17 {
        padding-top: 10px;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column-container .product-info-screenshot-title-v17-column div {
        display: inline-block;
        line-height: 14px;
        font-family: "Rubik";
        font-size: 14px;
        padding: 6px 20px;
        border-radius: 15px;
        border: 1px solid #00A0E9;
        color: #00A0E9;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column-container .product-info-screenshot-title-v17-column div:not(:last-child) {
        margin-right: 10px;
    }

    .on-prem-product-info .product-info-screenshot-title-v17-column-container .product-info-screenshot-title-v17-column div.selected {
        color: #ffffff;
        background-color: #00A0E9;
    }

    .on-prem-product-info .product-info-screenshot-button-v17 {
        margin-top: 30px;
    }

    .on-prem-product-info-collaboration {
        padding: 30px;
    }

    .on-prem-product-info-collaboration-icon:not(:first-child) {
        margin-left: 42px;
    }

    .parallax-scrolling {
        margin-top: 62px;
    }

    #fix-img.parallax-scrolling-fix-img {
        width: 458px;
    }

    #moving-img-1.parallax-scrolling-moving-img {
        left: -295px;
        top: 362px;
        width: 334px;
    }

    #moving-img-2.parallax-scrolling-moving-img {
        left: 778px;
        top: 353px;
        width: 136px;
    }

    #moving-img-3.parallax-scrolling-moving-img {
        left: 630px;
        top: 353px;
        width: 136px;
    }

    #moving-img-4.parallax-scrolling-moving-img {
        left: 778px;
        top: 118px;
        width: 105px;
    }

    #moving-img-5.parallax-scrolling-moving-img {
        left: 778px;
        top: 178px;
        width: 94px;
    }

    /*Subscription plan*/
    .plan-v17-container .plan-info-col {
        padding: 0 10px;
    }

    .plan-v17-container .subscription-type {
        background-color: #E9E8E8;
        color: #424E54;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
        padding: 16px 0px 11px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .plan-v17-container .subscription-des {
        padding: 0px 8px;
        margin-bottom: 60px;
    }
}


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

    /*Consent banner &amp; Redirect Pop-up*/
    .consent-banner,
    .redirect-pop-up {
        width: auto;
        margin: 250px 15px;
    }

    .consent-banner-button.button {
        min-width: 0px;
        width: auto;
        display: inline-block;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile-inline-block {
        display: inline-block;
    }

    .desktop-inline-block {
        display: none;
    }

    .mobile-list-item {
        display: list-item;
    }

    .page-container * {
        text-align: center;
    }

    .parallel-button:first-child {
        margin: 15px auto 0 auto;
    }

    .button {
        display: block;
        margin: 15px auto 0 auto;
        width: 230px;
    }

    .screenshot-expand {
        width: initial !important;
    }

    .system-requirements-table .nrv-win-td {
        border-top: none;
    }

    .banner-content-mobile .banner-title {
        font-size: 30px;
    }

    .banner-content-mobile .banner-slogan {
        font-size: 16px;
    }

    .banner-content:last-child .banner-title {
        font-size: 30px;
    }

    .navbar-nav {
        margin: 0 !important;
    }

    .sitemap-container {
        text-align: center;
    }

    .sitemap-wrapper {
        padding: 0;
    }

    .sitemap-wrapper-row&gt;div {
        padding: 0;
    }

    .sitemap-col {
        border-bottom: 1px #c9c9c9 solid;
        padding-right: 0;
    }

    .sitemap-items {
        height: 0;
        display: none;
        padding: 0 30px;
        background-color: #f8f8f8;
    }

    .sitemap-col .sitemap-btn {
        display: inline-block;
    }

    .small-banner-row&gt;div {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .sitemap-container {
        padding-bottom: 0;
        padding-top: 0;
    }

    .sitemap-wrapper-row {
        margin: 0;
    }

    .sitemap-title {
        margin: 10px 0;
        padding: 0;
        background-color: #eeeeee;
    }

    .sitemap-title&gt;div {
        width: 130px;
        margin: 0 auto;
    }

    .sitemap-items ul li {
        padding: 5px 0;
        margin-bottom: 0;
    }

    .sitemap-items ul li:first-child {
        padding: 10px 0 5px 0;
    }

    .sitemap-items ul li:last-child {
        padding: 5px 0 10px 0;
    }

    .sitemap-name {
        float: left;
        color: rgb(66, 78, 84) !important;
    }

    .sitemap-btn {
        float: right;
    }

    .sub-navigation-bar-background.expand {
        z-index: 1;
        opacity: 0.8;
    }

    /*landing page*/
    .clients-desc {
        font-size: 34px;
        text-align: center;
        width: 100%;
    }

    /*.sub-navigation-right {clear: left; float: none; overflow: hidden; background-color: #687176; position: absolute; top: 40px; width: 100%; left: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; max-height: 0px;}*/
    .expand .sub-navigation-right {
        max-height: 1000px;
    }

    .sub-navigation-right&gt;div {
        float: none;
        margin-left: 50px;
    }

    .sub-navigation-right span {
        font-size: 14px;
    }

    .sub-navigation-buy-btn {
        margin-bottom: 30px;
    }

    .sub-navigation-expand-button {
        display: block;
    }

    .sub-navigation-left.nav-title {
        display: none;
    }

    /*footer*/
    .signup-title {
        float: none;
        width: 177px;
        margin: 0 auto 15px auto;
    }

    .signup-input-part {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .signup-input {
        width: 70%;
    }

    .signup-btn {
        width: 30%;
    }

    #signup-newsletter {
        padding: 0 20px;
    }

    .signup-newsletter-div {
        width: auto;
    }

    .footer-wechat-qrcode-background {
        width: auto;
        margin: 0 15px;
    }

    .media-footer {
        flex-direction: column-reverse;
    }

    .footer-ms-partner {
        margin-left: 0px;
        margin-bottom: 50px;
    }

    /*product*/
    .prod-container-big *,
    .prod-container-small * {
        text-align: center;
    }

    .product-icon .small-icon {
        display: block;
    }

    .product-icon .large-icon {
        display: none;
    }

    .prod-btn-container {
        width: 100%;
    }

    .prod-title {
        margin-top: 15px;
    }

    .prod-buy-summary-row {
        clear: both;
    }

    .product-container-v16 .prod-ele {
        height: auto;
        margin-bottom: 0px;
    }

    /*Product Details*/
    .prod-buy-content {
        width: 100%;
    }

    .prod-buy-row {
        margin-top: 50px;
    }

    .prod-buy-row&gt;div:not(.clear),
    .prod-buy-input&gt;div:not(.clear),
    .prod-buy-ele&gt;div:not(.clear) {
        float: none;
    }

    .prod-buy-container * {
        text-align: center;
    }

    .prod-buy-symbol {
        width: 22px;
        margin: 0 auto;
    }

    .prod-buy-title {
        width: 119px;
        margin: 0 auto;
    }

    .prod-buy-input&gt;div:not(.clear) {
        width: 230px;
        margin: 20px auto 0 auto !important
    }

    .prod-buy-content .prod-buy-input&gt;.prod-buy-select,
    .prod-buy-content .prod-buy-input&gt;.prod-buy-input-text {
        width: 200px;
    }

    .prod-buy-summary-btn {
        margin: 0 auto;
    }

    .prod-buy-summary-title {
        text-align: left;
    }

    .prod-buy-summary-row.summary-total {
        text-align: left;
    }

    .prod-buy-text {
        width: 100%;
    }

    .prod-buy-select,
    .prod-buy-input-text {
        width: 100% !important;
    }

    .prod-buy-lang {
        width: 100%;
    }

    .prod-buy-input .prod-buy-table-container.tee-size-table {
        width: auto;
    }

    .prod-buy-popup {
        width: auto;
        margin: auto 10px;
        padding: 30px 20px 25px;
    }

    .prod-buy-popup-title {
        font-size: 16px;
        line-height: 24px;
    }

    .prod-buy-popup-button-row {
        margin: 30px 0px;
    }

    .prod-buy-popup-button-row .button {
        width: auto;
        margin: 0px;
    }

    /*Additional services*/
    .addition-service-title h3 {
        display: block;
        margin-bottom: 5px;
        margin-right: 0px;
    }

    .maintenance-plan-ele&gt;div {
        float: none;
    }

    .maintenance-plan-ele .maintenance-price {
        margin-top: 5px;
    }

    /*Download*/
    .download-page {
        text-align: center;
    }

    .download-ver-title {
        margin-bottom: 0px;
    }

    .download-page .button-link {
        margin-right: 0px;
    }

    .download-page .button-link .button {
        display: block;
        margin-top: 30px;
    }

    .direct-download-banner-content {
        margin-top: 200px;
    }

    .download-button-container:not(:last-child) {
        margin-right: 0px;
    }

    .download-button-container {
        float: none;
    }

    .direct-download-page .window-linux&gt;div:last-child {
        margin-top: 50px;
    }

    .download-essential-link .default-links {
        display: block;
    }

    .direct-download-page .section-controller {
        text-align: center;
    }

    .change-download-platform {
        display: flex;
        margin: 0 !important;
    }


    /*Feature Matrix*/
    .fm-table-container {
        display: block;
    }

    .feature-matrix-table {
        display: none;
    }

    .feature-matrix-fixed-bar.desktop {
        display: none !important;
    }

    /*Release Note*/
    .release-notes-ver-container {
        width: 100%;
    }

    .release-notes-ver {
        width: 33%;
    }

    .support-form-text-field input,
    .support-form-text-field select {
        width: 100%;
    }

    .support-form-field-name {
        margin-bottom: 10px;
        font-weight: bold;
        font-family: "Rubik";
        font-weight: 400;
    }

    .check-box-section .others-text-field {
        display: inline-block;
        margin-left: 0px;
        text-align: left;
        height: 30px;
    }

    .error-msg {
        padding-left: 15px;
    }

    #survey .captcha-container .g-recaptcha&gt;div {
        margin: 0 auto;
    }

    /*header*/
    .nav-bar-container .menu-left-bar .language-icon&gt;a,
    .language-icon .lang-text {
        padding-right: 5px;
    }

    /*Article*/
    .article-date,
    .article-content {
        margin-bottom: 15px;
    }

    /*shopping cart*/
    .shopping-cart-table-cell {
        min-height: initial;
        line-height: normal;
        text-align: left;
    }

    .shopping-cart-table-title .shopping-cart-table-cell {
        line-height: 45px;
    }

    .shopping-cart-product-name {
        text-align: left;
    }

    .shopping-cart-table-row-left {
        width: 100%
    }

    .shopping-cart-quantity-cloumn,
    .shopping-cart-price-cloumn {
        display: none;
    }

    .shopping-cart-button-cloumn {
        clear: both;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .shopping-cart-product-cloumn,
    .shopping-cart-discount-cloumn {
        width: 75%;
    }

    .shopping-cart-amount-cloumn,
    .shopping-cart-discount-amount-cloumn {
        width: 25%;
        padding-left: 2%;
        text-align: center;
    }

    .shopping-cart-product-row .shopping-cart-product-cloumn {
        margin-top: 0px;
    }

    .shopping-cart-table-row {
        padding: 10px 0px;
    }

    .shopping-cart-row-left,
    .shopping-cart-row-right {
        float: none;
    }

    .shopping-cart-row .button-link {
        margin-right: 0px;
    }

    .shopping-cart-table-row .prod-buy-summary-desc.mobile {
        margin-bottom: 10px;
    }

    .shopping-cart-table-cell input {
        width: 100%;
    }

    .shopping-cart-save-quote {
        margin-top: 30px;
    }

    .shopping-cart-save-quote input {
        width: 60%;
    }

    .shopping-cart-save-quote .shopping-cart-save-quote-button {
        width: 40%;
    }

    .shopping-cart-table-cell:first-child {
        padding: 0px 0px 0px 10px;
    }

    .shopping-cart-maintenance-row {
        margin: 10px 0;
    }

    .register-page .captcha-container {
        display: block;
    }

    #reseller-name,
    #reseller-email {
        text-align: center;
        margin: 30px 0;
    }

    #tee-redeem-code {
        width: 100%;
        margin-right: 0px;
    }

    .tee-redeem-code-input-box,
    .tee-redeem-code-input-title {
        display: block;
    }

    .save-quote-button.button {
        margin-right: auto;
    }

    /*Maintenance*/
    .main-period-content,
    .main-table {
        width: 100%;
    }

    /*upgeade*/
    .upgrade-container * {
        text-align: center;
    }

    .upgrade-page .button {
        margin-bottom: 15px;
        line-height: 18px;
        padding: 8px 30px;
    }

    /*Checkout page*/
    .checkout-page .button {
        display: block;
    }

    #captcha-form {
        width: 100%;
    }

    .checkout-register-title {
        display: inline;
    }

    /*Partner*/
    .partner-banner-text h1 {
        margin: 15px 0px;
        font-size: 36px;
        text-align: center;
    }

    .partner-small-banner-section {
        margin: 50px 0px 0px 0px;
    }

    .partner-form-agreement {
        line-height: 1.33;
    }

    .partner-our-customer-logo img {
        margin: 0 auto;
    }

    .partner-our-customer-logo .mobile {
        margin: 0 auto;
    }

    /*Locate a reseller*/
    .locator-label {
        width: 100%;
        text-align: center;
    }

    .locator-row select {
        width: 100%;
    }

    .locate-reseller-table-logo,
    .locate-reseller-table-content,
    .locate-reseller-table-label,
    .locate-reseller-table-details {
        display: block;
        width: 100%;
    }

    .locate-reseller-table-content {
        border-left: none;
    }

    .locate-reseller-table-logo img {
        margin: 50px 0 30px 0;
    }

    .locate-reseller-table-label {
        margin-top: 20px;
    }

    .locate-reseller-table-content-row.phone {
        margin-bottom: 0px;
    }

    .locate-reseller-table-content-row.fax {
        margin-top: 0px;
    }

    .locate-reseller-table-content-row.fax .locate-reseller-table-label {
        margin-top: 0;
    }

    .locate-reseller-table-details {
        margin-top: 5px;
    }

    .locate-reseller-table-content-row.country div {
        display: inline-block;
        width: auto;
    }

    .locate-reseller-table-content-row.country .locate-reseller-table-details {
        margin-left: 5px;
    }

    /*activation*/
    .offline-act-col {
        margin-bottom: 100px;
    }

    /*Unsubscribe*/
    .page-container .unsubscribe-col&gt;div {
        float: none;
    }

    .unsubscribe-col-title,
    .unsubscribe-col-input {
        margin: 0 auto;
        width: 100%;
    }

    .unsubscribe-col-input input[type="text"] {
        width: 400px;
    }

    /*napp teacher*/
    .partner-form-container {
        padding: 0;
        border: none;
    }

    .partner-form .support-form-field-name,
    .partner-form .support-form-text-field {
        float: none;
        width: 100%;
    }

    .partner-form .error-msg {
        margin-left: 0;
        width: 100%;
    }

    .partner-form textarea {
        width: 100%;
    }

    .partner-form-container textarea,
    .partner-form-container input:not(.button) {
        text-align: left;
    }

    .support-form-text-field.academic-year input {
        width: 45%;
    }

    .academic-year-to {
        width: 5%;
        margin: 0;
    }

    /*Reseller*/
    .reseller-list-style b {
        display: block;
    }

    .pp-title {
        font-size: 20px;
    }

    /*Press*/
    .press-article {
        text-align: center;
    }

    .page-container ul *,
    .page-container table *,
    .page-container ol * {
        text-align: left;
    }




    /*top10*/
    .contact-row {
        width: 100%;
    }

    .contact-title {
        margin-bottom: 10px;
    }

    .contact-title,
    .contact-text {
        width: 100%;
        float: none;
    }

    .contact-row .contact-title-es {
        width: 100%;
    }

    .page-container .contact-row-es {
        width: 100%;
        float: none;
    }


    /*Product Info*/
    .product-info-desc {
        font-size: 20px;
    }

    table.system-requirements-table *,
    table.product-info-customer * {
        text-align: center;
    }

    .system-requirements-details.center {
        border: 1px solid #c9c9c9;
        /*border-left: none; border-right: none;*/
        border-top: none;
        border-bottom: none;
    }

    .system-requirements-details {
        display: block;
        width: 100%;
    }

    .product-info-customer-col {
        display: block;
        width: 100%;
    }

    .product-info-switcher-container {
        width: 100%;
    }

    .product-info-switcher {
        width: 50%;
    }

    .product-info-screenshot-controller {
        width: 100%;
    }

    .system-requirements-table td.system-requirements-title {
        border-bottom: none;
    }

    .product-info-table-container {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .product-info-table-title {
        font-size: 18px;
        line-height: 24px;
    }

    .product-info-table-cell {
        margin-top: 20px;
    }

    .product-info-table-cell-details&gt;div:not(:first-child)&gt;div:first-child {
        margin-top: 10px;
    }

    .product-info-table-cell-details-triangle-background {
        top: -18px;
    }

    .product-info-features-logo {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .product-info-customer-col-content {
        height: auto !important;
    }

    .product-info-screenshot-v17 {
        min-height: 750px;
    }

    .product-info-screenshot-title-v17 {
        padding: 25px 5px;
    }

    .product-info-screenshot-title-v17-column-container {
        display: flex;
        justify-content: space-between;
    }

    .product-info-screenshot-title-v17-column {
        display: none;
        width: 220px;
    }

    .product-info-screenshot-title-v17-column.selected {
        display: flex;
        flex-direction: column;
    }

    .product-info-screenshot-title-v17-arrow {
        display: flex;
        cursor: pointer;
    }

    .product-info-screenshot-title-v17-dot-container {
        display: block;
    }

    .product-info-screenshot-title-v17-dot.selected {
        opacity: 1;
    }

    .system-requirements-table.premium-database-table .system-requirements-details,
    .system-requirements-table.premium-cloud-table .system-requirements-details {
        width: 100%;
    }

    /*Charts creator product info*/
    .charts-creator-product-info-section .collaboration-section {
        margin-bottom: 50px;
    }

    .charts-creator-product-info-section .dashboard-screenshot {
        padding: 30px 0px 0px 0px;
    }

    .charts-creator-product-info-section .product-info-features-row .product-info-features-container p {
        text-align: left;
    }

    .product-container-v17.charts-creator-ad .prod-content p {
        text-align: left;
    }

    .charts-creator-v17-product-info-tab~.charts-creator-v17-product-info-tab {
        margin-left: 25px;
    }

    .charts-creator-v17-product-info-tab {
        margin: auto;
        display: none;
    }

    .charts-creator-v17-product-info-tab.mobile-show {
        font-size: 14px;
        white-space: nowrap;
        display: inline-block;
    }

    .charts-creator-v17-product-info-tab-arrow:not(.hide) {
        display: flex;
    }

    #charts-creator-v17-product-info-tab-collaboration .product-container-v17 .button {
        margin-bottom: 0px;
    }

    .charts-creator-v17-product-info-tab-sticky {
        width: 100%;
    }

    /*Navicat Cloud Info*/
    .navicat-cloud-price-plan {
        display: block;
    }

    .navicat-cloud-pro-plan,
    .navicat-cloud-basic-plan {
        float: none;
        width: 100%;
    }

    .navicat-cloud-pro-plan .button {
        width: 80%;
        margin: 15px auto;
    }

    .navicat-cloud-pro-plan-content {
        border: 2px solid #00a0e9;
    }

    .navicat-cloud-basic-plan-content {
        margin-top: 0px;
        border: 1px solid #e5e5e5;
        border-top: none;
    }

    .navicat-cloud-price-plan-details {
        line-height: 50px;
    }

    .navicat-cloud-price-plan-details:last-child {
        margin-bottom: 30px !important;
    }

    .navicat-cloud-price-plan .plan-title {
        margin-top: 10px;
    }

    .navicat-family-section .button,
    .collaboration-productivity-section .button {
        line-height: 35px;
        padding: 0 30px;
        font-size: 16px;
    }

    /*Navicat Collaboration*/
    .member-icon {
        float: none;
        cursor: auto;
    }

    .member-description-default {
        display: none !important;
    }

    .member-description {
        height: auto;
    }

    .member-description .member-description-content {
        opacity: 1;
        position: relative;
        top: 0;
        display: none;
    }

    .member-description-content.mobile-active {
        display: block;
    }

    .member-icon {
        display: none;
    }

    .member-icon.mobile-active {
        display: block;
    }

    .sharing-box-container {
        display: block;
    }

    .sharing-box {
        width: 100%;
        float: none;
        padding: 0;
        display: none;
    }

    .sharing-box.selected {
        display: block;
    }

    .sharing-query-box {
        opacity: 1 !important;
    }

    .sharing-query-box .sharing-query {
        text-align: left;
    }

    .member-icon-cover,
    .member-icon-text {
        display: none;
    }

    .default.collaboration-sharing-section {
        background: url("../../../images/06.04_Collaboration_02_sharing_background_a.png") no-repeat center bottom;
        background-size: 100% auto;
    }

    .collaboration-sharing-section {
        background: url("../../../images/06.04_Collaboration_02_sharing_background_b.png") no-repeat center bottom;
        background-size: 100% auto;
    }

    .activity-log {
        width: 100%;
    }

    .activity-log-content .activity-log-content-row {
        display: block !important;
    }

    .collaboration-sharing-arrow.mobile.show {
        display: block !important;
    }

    /*sub-nav*/
    .sub-navigation-left {
        float: none;
        margin-right: 0;
    }

    .sub-navigation-right {
        float: none;
        margin-right: 0;
    }

    .sub-navigation-title {
        display: block;
    }

    .sub-navigation-wrapper {
        display: none;
        padding-left: 50px;
    }

    /*.sub-nav-support .sub-navigation-left{float:left;}
    .sub-nav-support .sub-navigation-right{float:left;}*/

    /*customers*/
    .name-list&gt;div {
        height: 60px;
    }

    .main .page-container .comment-container&gt;div {
        text-align: center;
    }

    .meet-cust-row span {
        display: block;
        margin-bottom: 15px;
    }

    .meet-cust-row select {
        width: 100%;
    }

    .meet-cust-row .country-row,
    .meet-cust-row .industry-row {
        width: 100%;
    }

    .country-form-row select {
        width: 300px;
    }

    /*What is Navicat Data Modeler*/
    .what-is-ndm-page .engineering-section {
        text-align: center;
    }

    .modeling-icon-container.row-c {
        width: 25%
    }

    .modeling-icon-container.row-d {
        width: 33.33%
    }

    .engineering-section .col-sm-6 {
        padding: 0 15px;
    }

    .ndm-screenshot-selector {
        display: block;
    }

    .ndm-screenshot-selector&gt;div:not(.clear) {
        width: 33.333%;
    }

    /*Modler 3 product info*/
    .modeler_3_container .product-info-switcher {
        width: 33%;
    }

    /* Whats new*/
    .wsn-img-wrapper {
        width: 100%;
        margin: 0;
    }

    .deploy-text {
        float: none;
        width: 100%;
        padding-top: 0;
        width: 220px;
        margin: 0 auto;
    }

    .deploy-text li {
        font-size: 18px;
    }

    #rock-img {
        width: 100%;
    }

    /*what's new Navicat 15*/
    .whats-new-15-screenshot-selector,
    .whats-new-15-screenshot-selector-container {
        display: block;
    }

    .whats-new-15-screenshot-selector&gt;div:not(.clear) {
        width: 33%;
    }

    .whats-new-15-screenshot-selector.whats-new-15-screenshot-selector-2&gt;div:not(.clear) {
        width: 33.3%;
    }

    /*Navicat 16 highlights*/
    .navicat-v16-highlights .wn-sol {
        font-size: 36px;
    }

    .navicat-v16-highlights .default-section {
        font-size: 20px;
    }

    .navicat-v16-highlights h1 {
        font-size: 24px;
    }

    .navicat-v16-highlights .highlights-background,
    .navicat-v16-highlights .no-background {
        margin-top: 50px;
    }

    .navicat-v16-highlights .col-sm-6:first-child {
        margin-bottom: 30px;
    }

    .navicat-v16-highlights .navicat-v16-highlights-wrapper.highlights-background {
        height: 800px;
    }

    .navicat-v16-highlights .navicat-v16-highlights-wrapper .screenshot-container img {
        max-height: 450px;
    }

    /*Navicat 17 highlights*/
    /*Navicat Data Modeler 4*/
    .navicat-v17-highlights .navicat-v17-highlights-slogan {
        font-size: 30px;
        line-height: 40px;
        font-weight: 400;
    }

    .navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div.navicat-v17-highlights-two-column {
        width: 100%;
        display: block;
        padding: 0px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-focus-mode .navicat-v17-highlights-card-padding&gt;div.navicat-v17-highlights-two-column:last-child {
        margin-top: 50px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-data-dictionary.navicat-v17-highlights-section .navicat-v17-highlights-card .navicat-v17-highlights-two-column:first-child {
        padding-right: 5px;
    }

    .navicat-v17-highlights #navicat-v17-highlights-data-dictionary.navicat-v17-highlights-section .navicat-v17-highlights-card .navicat-v17-highlights-two-column:last-child {
        padding-left: 5px;
    }

    .navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section&gt;div {
        padding-right: 0px;
    }

    .navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll {
        padding-right: 15px;
    }

    .navicat-v17-highlights.monitor-3-key-topic .monitor-3-key-topic-section h1 {
        font-size: 30px;
        line-height: 1.25;
    }

    .navicat-v17-highlights #navicat-v17-highlights-chart .navicat-v17-highlights-two-column:last-child img {
        max-width: 200px;
    }

    .navicat-v17-highlights.what-is-navicat-modeler-4 .navicat-v17-highlights-slogan-2 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 400;
    }

    /* modeler 4 product info*/
    .info-container-v17.modeler-v4-container .modeler-v4-product-info-card .modeling-tools-row.mobile-show {
        display: block;
    }

    .info-container-v17.modeler-v4-container .modeler-v4-product-info-card .modeling-icon-container.mobile-hide {
        display: none;
    }

    .info-container-v17.modeler-v4-container .modeling-icon-container {
        width: 23%;
    }

    .info-container-v17.modeler-v4-container .modeler-v4-product-info-card&gt;h3 {
        font-size: 24px;
    }

    .on-prem-product-info-collaboration {
        padding: 20px;
    }

    /*Navicat On-prem Server Product Info*/
    .on-prem-product-info-desc {
        font-size: 20px;
        line-height: 30px;
    }

    .on-prem-product-info-desc:first-child {
        font-size: 30px;
        line-height: 40px;
    }

    .on-prem-product-info .plan-v17-tab {
        font-size: 18px;
    }

    .on-prem-product-info .plan-v17-tab.selected {
        font-size: 18px;
    }

    .on-prem-product-info .product-info-screenshot-v17 p {
        margin-bottom: 20px;
    }

    .on-prem-product-info .product-info-screenshot-v17 {
        min-height: 0px;
    }

    .on-prem-product-info .parallax-scrolling-container {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .on-prem-product-info-collaboration-title {
        font-size: 20px;
    }

    .on-prem-product-info-collaboration-text {
        font-size: 14px;
    }

    .on-prem-product-info-collaboration-icon-row {
        width: 100%;
    }

    .on-prem-product-info-collaboration-icon:not(:first-child) {
        margin-left: 0px;
        width: 50%;
        margin-bottom: 50px;
    }

    .on-prem-product-info-collaboration-icon:first-child {
        width: 50%;
        margin-bottom: 50px;
    }

    .on-prem-product-info-collaboration-icon&gt;div {
        display: inline-block;
        width: 100%;
    }

    /*release note*/
    .note-date {
        float: none;
        margin-right: 0;
        width: 100%
    }

    .note-title {
        float: none;
        width: 100%
    }

    /*AWS*/
    .migration-img {
        width: 100%
    }

    .aws-switcher-container {
        width: 100%;
    }

    .aws-switcher {
        width: 50%;
    }

    .step-title {
        text-align: left;
    }

    .aws-banner {
        background: url(../../../images/06.05_AmazonRDS_page_Banner_770px.png) no-repeat center center;
    }

    /*Navicat Cloud store page*/
    .cloud-store-row .button,
    .cloud-store-row #cloud-store-quantity {
        top: 0px;
    }

    .cloud-store-row .mobile-inline-block {
        margin-right: 5px;
    }

    .cloud-store-row .year-quantity {
        text-align: left;
        padding-left: 30px;
    }

    .cloud-store-row .year-price p {
        text-align: right;
        padding-right: 30px;
    }

    .button-column .button {
        margin-top: 0px;
    }

    /*Product info*/
    .btn-wrapper-row {
        width: 100%;
    }

    .info-switcher-in3-container,
    .info-switcher-in4-container {
        width: 100%
    }

    .info-switcher-in3 {
        width: 33%;
    }

    .info-switcher-in4 {
        width: 25%;
    }

    .info-ele img {
        width: 100%;
    }

    .clients-img-container {
        text-align: center !important;
    }

    .ios-app-container {
        width: 100%;
    }

    .ios-app-container&gt;div:not(.clear) {
        float: none;
    }

    .info-req-text-wrapper&gt;div:not(.clear) {
        float: none;
    }

    .ios-app-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }

    .ios-app-text {
        width: 100%;
    }

    .req-img {
        width: 100%;
        text-align: center;
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 35px;
    }

    .req-text {
        width: 100%;
    }

    .product-info-customer-col {
        height: auto;
    }

    #trial .pi-btn {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .info-container-v16 .product-info-screenshot {
        padding: 5px 15px;
        padding-bottom: 30px;
    }

    .info-container-v16 .product-info-features-container p {
        text-align: center;
    }

    .info-container-v16 .main-title {
        font-size: 36px;
    }

    .info-container-v16 .sub-header {
        font-size: 20px;
    }

    .info-container-v16 h1 {
        font-size: 24px;
    }

    /* Navicat Premium*/
    .feature-row-text b {
        text-align: center;
        display: inherit;
    }

    /*Search page*/
    #search-form .inputbox {
        width: 100%;
        display: block;
        margin-right: 0px;
    }

    .search-results li * {
        text-align: center;
    }

    /* Report viewer*/
    .rv-table .system-requirements-content td:first-child {
        border-bottom: 0;
    }

    .rv-table .system-requirements-content td,
    .rv-table .system-requirements-title {
        width: 100%;
        display: block;
    }

    /*rss*/
    .rss-title {
        width: 100% !important;
        float: none;
        border-right: 1px solid #ddd;
        padding-bottom: 0;
    }

    .rss-info {
        width: 100% !important;
        float: none;
        border-top: 0;
        border-left: 1px solid #ddd;
    }

    .rss-row:last-child .rss-title {
        border-bottom: 0;
    }

    .rss-left {
        text-align: left;
    }


    .main-period-content .period-ele {
        float: left;
        width: 32%;
        margin-right: 2px;
    }

    #main-subscribe&gt;div {
        line-height: 25px;
        padding: 5px 30px;
    }

    .awards-logo {
        max-width: 300px;
    }

    /*feature matrix*/
    .fm-content-main-container td {
        line-height: 1.33;
    }

    .ne-feature-title {
        text-align: center;
    }

    /* Save quotation*/
    .quote-table .shopping-cart-row-right {
        float: none;
        width: 100%;
    }

    .quote-table .shopping-cart-row-left {
        float: none;
        width: 100%;
        text-align: center;
    }

    .quote-table .default-section {
        margin-bottom: 80px;
    }

    .quote-info-row .title {
        float: none;
        text-align: left;
    }

    .quote-info-row .info {
        float: none;
        text-align: left;
        font-weight: bold;
    }

    .quote-info-row {
        margin-bottom: 25px;
    }

    .q-btn-left,
    .q-btn-right {
        float: none;
    }

    .quote-btn-row .button {
        float: none;
        margin: 0;
        width: 230px;
        margin: 0 auto 30px auto !important;
    }

    .quote-page .shopping-cart-total-amount {
        margin-bottom: 50px;
    }

    .shopping-cart-total-amount {
        margin-bottom: 30px;
    }

    .quote-col * {
        text-align: center;
    }

    .quote-col {
        margin-bottom: 50px;
    }

    .quote-sign {
        width: 100%;
    }

    .sign-br,
    .q-br {
        display: inline;
    }

    .quote-sign {
        line-height: 20px;
    }

    #btn-ntbot {
        line-height: 25px;
    }

    .quote-ele.title {
        margin-top: 50px;
    }

    .quote-email-popup #quote-email-popup-submit,
    .quote-email-popup #quote-email-popup-close {
        float: none;
    }

    /*Check out*/
    .checkout-btn {
        display: block !important;
        width: 200px;
        margin: 0 auto 0 auto !important;
    }

    #myBtn {
        display: block;
        width: 200px;
        margin: 0 auto !important;
        float: none !important;
    }

    /*sponsorship*/
    .sponsorship_title {
        font-size: 20px;
    }


    .shopping-cart-row-right,
    .shopping-cart-row-left {
        margin: 0;
    }

    .shopping-cart-table-title .shopping-cart-table-cell {
        line-height: 25px;
    }

    /*Blog*/
    .blog-banner {
        margin-bottom: 0px;
    }

    .blog-left-column {
        width: 100%;
        float: auto;
    }

    .blog-right-column {
        width: 100%;
        float: auto;
        padding-left: 0px;
        text-align: left;
    }

    .blog-right-column * {
        text-align: left;
    }

    /*Maintenance*/
    .main-plan-btn {
        width: 50%;
    }

    /*Subscription plan*/
    .sub-plan-container .row {
        margin: 0;
    }

    .plan-info.show-plan {
        display: block;
    }

    .plan-edition-tab {
        margin-top: 22px;
    }

    .plan-edition-tab:not(#noncomerical) div {
        line-height: 28px;
    }

    .plan-edition-tab.single-row div {
        line-height: 28px;
    }

    .plan-edition-tab-box {
        font-size: 14px;
        padding: 10px;
        line-height: 14px;
    }

    .plan-edition-tab.selected .plan-edition-tab-box {
        font-size: 16px;
        height: 72px;
    }

    .subscription-plan-form {
        position: relative;
    }

    .plan-info-col:nth-child(4) {
        border: none;
    }

    .plan-separator-mobile {
        display: block;
        background-color: #969696;
        height: 1px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .subscription-type {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .subscription-price {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .subscription-des {
        margin-bottom: 30px;
    }

    .plan-separator-mobile {
        float: none;
    }

    .plan-v17-tab {
        font-size: 16px;
    }

    .plan-v17-tab:not(:first-child) {
        margin-left: 20px;
    }

    .plan-v17-tab.selected {
        font-size: 18px;
        font-weight: bold;
    }

    .plan-v17-container .plan-info-col&gt;div {
        padding-bottom: 55px;
    }

    .plan-v17-container .plan-info-col {
        margin-bottom: 30px;
    }

    .plan-v17-container .subscription-details form,
    .plan-v17-container .subscription-plan-form {
        margin-bottom: 0px;
    }

    .plan-v17-container .subscription-type {
        padding: 26px 0px 21px;
    }

    .plan-v17-container .subscription-price-des {
        margin-left: 10px;
    }

    .plan-v17-container .subscription-des {
        padding: 0px;
        width: 300px;
        margin: 0px auto 30px;
    }

    .plan-v17-container span.mobile {
        display: inline-block;
    }

    /*Resources page*/
    .resources-type {
        position: relative;
    }

    .resources-type-tab {
        width: 50%;
        margin-right: 0;
        margin-top: 20px;
    }

    .resources-details {
        max-width: 100%;
    }

    /*Discover Monitor 2.2*/
    .monitor-2-2 .schedule-report-icon-container {
        width: 20%;
        float: left;
    }

    .monitor-2-2 .schedule-report-icon-container img {
        max-width: 100%;
    }

    .monitor-2-2 .schedule-report-icon-desc {
        display: none;
    }

    .monitor-2-2 .schedule-report-icon-desc .schedule-report-icon-arrow {
        margin-top: 15px;
    }

    /*Navicat Monitor 3 Key Topic*/
    .monitor-3-key-topic {
        margin-top: 0px;
    }

    .monitor-3-key-topic-heading .monitor-3-key-topic-slogan-animate {
        margin-top: 0px;
    }

    .monitor-3-key-topic-heading .monitor-3-key-topic-slogan-animate h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
    }

    .monitor-3-key-topic .monitor-3-key-topic-section h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .monitor-3-key-topic .monitor-3-key-topic-section p {
        font-size: 14px;
        line-height: 20px;
    }

    .monitor-3-key-topic .monitor-3-key-topic-section .monitor-3-key-topic-fix-scroll {
        padding-right: 15px;
    }

    .monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-fix-scroll {
        padding-right: 45px;
    }

    .monitor-3-key-topic .monitor-3-key-topic-section-background .monitor-3-key-topic-shortcut {
        display: block;
        width: 250px;
        margin: 15px auto;
    }

    .monitor-3-key-topic .monitor-3-key-topic-download-section a,
    .monitor-3-key-topic .monitor-3-key-topic-download-section a:last-child {
        margin: 15px auto 0px;
    }

    /* Navicat for Redis Key Topic */
    .navicat-for-redis-key-topic.monitor-3-key-topic {
        margin-top: 150px;
    }

    .navicat-for-redis-key-topic-heading.monitor-3-key-topic-heading .monitor-3-key-topic-slogan-content {
        margin-top: 50px;
        font-size: 24px;
        font-weight: 700;
        line-height: 40px;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic #other-features .monitor-3-key-topic-shortcut {
        display: block;
        width: 250px;
        margin: 20px auto;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic #other-features .mobile .navicat-for-redis-key-topic-icon {
        display: none;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic #other-features .mobile .navicat-for-redis-key-topic-icon.selected {
        display: block;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section {
        padding-right: 15px;
        margin-top: 150px;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-shortcut-row {
        margin-top: 150px;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .navicat-for-redis-key-topic.monitor-3-key-topic .monitor-3-key-topic-section p {
        font-size: 18px;
        line-height: 28px;
    }

    /*Partner*/
    .partner-banner-text h1 {
        margin: 15px 0px;
        font-size: 36px;
        text-align: center;
    }

    .partner-small-banner-section {
        margin: 50px 0px 0px 0px;
    }

    .partner-form-agreement {
        line-height: 1.33;
    }

    .partner-our-customer-logo img {
        margin: 0 auto;
    }

    .partner-our-customer-logo .mobile {
        margin: 0 auto;
    }

    h1.partner-program-title {
        margin-bottom: 0px;
    }

    /* Careers page */
    .careers-container .col-sm-12 img {
        margin-top: 50px;
    }
}

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

    /*about us*/
    .timeline-row {
        display: none;
    }

    .timeline-row-mobile {
        display: block;
    }

}


@media only screen and (max-width : 320px) {
    .small-banner-container&gt;div {
        width: 100%;
    }


}

@media only screen and (min-width : 768px) {
    .plan-edition-tab {
        width: 200px;
    }

    #noncomerical.plan-edition-tab {
        width: 250px;
    }
}

/*

@media (max-width:750px) and (min-width:320px) {

}​

@media (max-width:970px) and (min-width:750px) {

}​

@media (max-width:1170px) and (min-width:970px) {

}​


*/


/**********Promotion Banner*******************/
.promotion-banner {
    /* background-image: -moz-linear-gradient(180deg, #FF3737 0%, #FF7E7E 96%);
    background-image: -webkit-linear-gradient(180deg, #FF3737 0%, #FF7E7E 96%);
    background-image: -ms-linear-gradient(180deg, #FF3737 0%, #FF7E7E 96%); */
    background-image: linear-gradient(180deg, #F7FFF9 2%, #FCFFFA 90%);
    /* background-color: #001342; */
    position: relative;
}

.promotion-banner-img {
    max-width: 100%;
    margin-top: 0;
}

.promotion-banner-img-container {
    text-align: center;
}

.promotion-banner-content * {
    color: #07661D;
}

.promotion-banner-content h1 {
    font-size: 24px;
    margin: 15px 0px;
    margin-top: 20px;
}

.promotion-banner-content p {
    font-size: 16px;
}

.promotion-banner-content .button {
    border-color: #07661D;
}

.promotion-banner-content .button:hover {
    background-color: transparent;
    color: #07661D;
}

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 24px;
    margin-bottom: -18px;
    margin-top: 20px;
}

#clockdiv&gt;div {
    padding: 10px;
    border-radius: 3px;
    background: #83b387;
    display: inline-block;
}

#clockdiv div&gt;span {
    width: 60px;
    padding: 15px;
    border-radius: 3px;
    background: #529258;
    display: inline-block;
    color: #ffffff;
}

#clockdiv .smalltext {
    font-size: 14px;
    margin-top: 5px;
    color: #ffffff;
}

@media only screen and (max-width : 991px) {
    .promotion-banner-img {
        margin-top: 40px;
    }

    /*.promotion-banner-content h1 {
        margin-top: 15px;
    }*/
}

@media only screen and (max-width : 767px) {
    .promotion-banner-img {
        margin-top: 0px;
    }

    .promotion-banner-content * {
        text-align: center;
    }

    #clockdiv {
        display: block;
        margin: 0;
    }

    .promotion-banner-content h1 {
        margin-top: 15px;
    }
}

.promotion-top-banner-container {
    background-color: #E9F8FF;
    position: fixed;
    top: 0;
    z-index: 1000000;
    width: 100%;
    display: none;
}

.promotion-top-banner-placeholder {
    height: 50px;
    display: none;
}

.promotion .promotion-top-banner-container,
.promotion .promotion-top-banner-placeholder {
    display: block;
}

.promotion-top-banner {
    display: flex;
    justify-content: space-between;
    height: 50px;
}

.promotion-top-banner p {
    color: #00A0E9;
    font-weight: 500;
    font-family: "Rubik";
    font-size: 18px;
    margin: 13px 0px;
    line-height: 24px;
}

.promotion-top-banner .promotion-top-banner-button-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotion-top-banner .promotion-top-banner-button {
    display: inline-block;
    font-size: 16px;
    color: #00A0E9;
    text-decoration: underline;
    cursor: pointer;
}

.promotion-top-banner .promotion-top-banner-pop-up-button {
    margin-left: 30px;
}

.promotion .sub-navigation-bar-background.fixed {
    position: fixed;
    top: 50px;
    z-index: 1000000;
}

.promotion-pop-up-banner-background {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999998;
    display: none;
}

.promotion.promotion-pop-up-banner-background {
    display: flex;
}

.promotion-pop-up-banner {
    max-width: 500px;
    margin: auto;
    border-radius: 20px;
    position: relative;
}

.promotion-pop-up-banner .promotion-pop-up-img {
    max-width: 100%;
    border-radius: 20px;
}

.promotion-pop-up-banner .promotion-pop-up-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.promotion-pop-up-banner .button {
    background-color: #ffffff;
    color: #00A0E9;
    border-radius: 20px;
    border: none;
    line-height: 40px;
    min-width: 200px;
    font-weight: 700;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.promotion-pop-up-banner p {
    font-size: 12px;
    color: #ffffff;
}

.promotion-pop-up-banner .promotion-pop-up-banner-content {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0px;
}

@media only screen and (max-width : 767px) {
    .promotion-top-banner {
        display: block;
        text-align: center;
        height: 60px;
    }

    .promotion-top-banner-placeholder {
        height: 60px;
    }

    .promotion-top-banner p {
        margin-bottom: 5px;
        margin-top: 0px;
        padding-top: 5px;
    }

    .promotion-top-banner p {
        font-size: 14px;
    }

    .promotion-top-banner .promotion-top-banner-button {
        font-size: 14px;
    }

    .promotion .sub-navigation-bar-background.fixed {
        top: 60px;
    }
}</pre></body></html>