.nav-dwn a {
    font-size: 12px;
    padding: 3px 10px;
}
/* new banner */
.main-slider {
    background: #f0f2f0;
}

.yellow-bg {
    background: #ffcc00;
}

.orange-bg {
    background: #fda31a;
}

.blue-bg-0D2092 {
    background: #0D2092;
}

.blue-bg-1a1b49 {
    background: #1a1b49;
}

.blue-bg-001A89 {
    background: #001A89;
}

.nutanix-bg {
    background: #080f46 url(https://www.manageengine.com/itom/images/hero-banners/nutanix-banner-bg.png) top center no-repeat;
    background-size: cover;
}

.halloween-bg:before {
    content: "";
    background: url(https://www.manageengine.com/itom/css/../../../itom/images/banner/halloween-spider-bg.svg) top left no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -1;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    padding: 24px 0;
    min-height: 312px;
}


.banner-wrapper h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 8px;
}

.banner-wrapper h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 16px;
}

.banner-wrapper h2>strong {

    font-weight: 900;
}

.banner-wrapper h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

.banner-wrapper p {
    font-size: 18px;
    margin: 0;
    margin-bottom: 0 !important;
}

.banner-wrapper a {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 6px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    transition: all .3s;
    margin-top: 16px;
}

.banner-wrapper a:hover {
    text-decoration: none;
    opacity: .8;
}

.txt-black * {
    color: #000;
}

.txt-white * {
    color: #fff;
}

.yellow-txt {
    color: #ffc901;
}

.btn-red {
    background: #b70100;
    color: #fff;
}

.btn-yellow {
    background: #ffc800;
    color: #000;
}

.btn-black {
    background: #000;
    color: #fff !important;
}

.btn-white {
    background: #fff;
    color: #000 !important;
}

.mrg-btm-sm {
    margin-bottom: 8px !important;
}

.mrg-btm-md {
    margin-bottom: 16px !important;
}

.mrg-btm-l {
    margin-bottom: 24px !important;
}

.hero-content-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    flex-wrap: wrap;
    max-width: 1120px;
    width: 100%;
    gap: 40px;
    margin: 0 auto;
}

.main-slider:before {
    height: 100%;
    background-image: url(../images/fwa-banner-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    opacity: 0.20;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    background-size: cover;
    z-index: -1;
}

.gartner-bg:before {
    height: 100%;
    background-image: url(../images/hero-banners/banner-bg-color.svg);
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    opacity: 0.8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    background-size: cover;
    z-index: -1;
}

.banner-container {
    max-width: 1120px;
}

.hero-content-row>.cell:first-child {
    width: 60%;
}

.hero-content-row>.cell:last-child {
    width: calc(40% - 40px);
    text-align: center;
}

.hero-content-row>.cell>img {
    width: 100%;
}

.yellow-hglt {
    display: inline-block;
    background: #ffcc02;
    text-transform: uppercase;
    padding: 9px 11px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.15;
    font-weight: 600;
    margin-bottom: 16px;
}

.white-box {
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    padding: 9px 11px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.15;
    color: #000;
    margin-bottom: 16px;
}

.list-disc-white {
    margin: 0;
    padding: 0;
    margin-left: 16px;
    color: #fff;
}

.list-disc-white>li {
    list-style: disc;
    padding: 0;
}

.mt1 {
    margin-top: 16px !important;
}

.itom-day-img {
    max-width: 270px;
    margin-bottom: 24px;
}

.mob-hide {
    display: block;
}

.mob-show {
    display: none;
}

.itom-day-con>img {
    max-width: 190px;
    margin-bottom: 8px;
}



.date-location {
    display: flex;
    gap: 24px;
    margin-top: 8px;
}

.date-location>.split {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #3a43b0;
    padding: 4px 12px;
}

.date-location div {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.date-location div>img {
    max-width: 24px;
}

.date-location div p {
    font-size: 14px;
    margin: 0;
}

.border-lt-yellow {
    border: 1px solid #ffe19e !important;
}

.col2-row {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 16px;
}

.col2-row img {
    max-width: 100px;
    margin: 0 !important;
}

.img-max-width1 {
    max-width: 250px !important;
}

.img-max-width2 {
    max-width: 350px !important;
}

.img-max-width3 {
    max-width: 300px !important;
}

.img-max-width4 {
    max-width: 400px !important;
}

@media screen and (max-width: 1200px) {
    .hero-content-row {
        max-width: 100%;
        width: 95%;
    }
}

@media screen and (max-width: 1024px) {
    #commonHeader {
        min-height: 90px;
        height: 90px;
    }

    .hero-content-row>.cell {
        width: 100% !important;
        text-align: center;
    }

    .hero-content-row>.cell:last-child {
        display: none;
    }

    .date-location {
        justify-content: center;
    }

    .mob-hide {
        display: none;
    }

    .mob-show {
        display: block;
    }

    .col2-row {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    .date-location {
        flex-wrap: wrap;
    }

    .date-location>.split {
        width: 95%;
    }
}

/* end new banner */

        body {
            font-size: 16px;
            line-height: 28px;
        }

        .slider-5-bg {
            background: #001a8c;
        }

        .blue-bg-0b3090 {
            background: #0b3090;
        }

.swiper-wrapper{
    background: #f0f2f0;
 
}

        .main-slider:before {
            height: 100%;
            background-image: url(https://www.manageengine.cn/network-configuration-manager/images/op-banner-bg.png);
            background-repeat: no-repeat;
            width: 100%;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            opacity: 0.2;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            overflow: hidden;
            background-position: top center;
            background-size: 85%;
        }
        .swiper-slide{
        	padding:0px
        }
        .banner-wrapper {
            font: 300 16px/30px "Zoho_Puvi_Regular", sans-serif;
        }

        .sec-pTB {
            padding: 60px 0;
        }

        .sec-pTB h2 {
            margin-top: 0;
        }

        .ncm-fea {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
        }

        .ncm-fea>li {
            width: calc(33.33% - 72px);
            box-shadow: 0 0 24px 0 #cfcfcf3e;
            padding: 24px;
            border-radius: 6px;
        }

        .ncm-fea>li h4 {
            margin: 0;
        }

        .fea-title {
            display: flex;
            align-items: center;
        }

        .fea-title span.ncm-sprite {
            width: 85px;
        }

        #banner-area img {
            width: 100%;
            max-width: 100%;
        }

        .flex-row2 {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            align-items: center;
        }

        .flex-row2 .col:nth-child(1) {
            width: 55%;
        }

        .flex-row2 .col:nth-child(2) {
            width: calc(45% - 24px);
        }

        @media (max-width: 1024px) {
            .ncm-fea>li {
                width: calc(50% - 72px);
            }
        }

        @media (max-width: 768px) {
            .flex-row2 .col {
                width: 100% !important;
            }
        }

        @media (max-width: 650px) {
            .ncm-fea>li {
                width: calc(100% - 72px);
            }
        }

        .txt-cyan {
            color: #a6f4ff;
        }

        .txt-light-blue {
            color: #a0a9d3;
        }

        .ban_show {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .itom-banner img {
            float: left;
            width: 100%;
            height: auto;
            height: 360px;
            max-width: 1200px;
        }

        #sgbanner {
            display: none;
        }

        /* --- new css -----*/
        .opmPlusBanner {
            background: #f0f2f0;
            float: left;
            width: 100%;
            margin: 0 auto;
            float: none;
            box-shadow: none;

            display: flex;
            align-items: center;
            justify-content: center;
        }

        .spacing1 {
            padding: 50px 0;
        }

        .pad1 {
            padding: 50px 0;
            position: relative;
            -webkit-animation: AnimFadeUp 2s ease-in-out;
            animation: AnimFadeUp 2s ease-in-out;
        }

        @-webkit-keyframes AnimFadeUp {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }

            100% {
                transform: translateY(0px);
                opacity: 1;
            }
        }

        @keyframes AnimFadeUp {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }

            100% {
                transform: translateY(0px);
                opacity: 1;
            }
        }

        .nutanix-bg {
            background: #080f46 url(images/banner/nutanix-banner-bg.png) top center no-repeat;
            background-size: cover;
        }

        .itom-banner {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        iframe {
            width: 100%;
        }

        /*------- end css --------*/

        .survey-bannerbg {
            background: #ffd101 !important;
        }

        .view-details a {
            font-size: 18px;
            text-decoration: underline;
            color: #545454;
        }

        .clearfix.divEdition .per50 {
            width: 29%;
        }

        #btmBar ul li:nth-child(2) {
            display: none;
        }

        #btmBar ul li:nth-child(4) {
            display: none;
        }

        .free-dwn-btn {
            display: none;
            text-align: center;
        }

        .btnDownloads {
            background: #feb40a;
            padding: 10px 23px;
            color: #000;
            text-decoration: none;
            border-radius: 5px;
            transition: all ease 0.5s;
            font-size: 22px;
            font-weight: 600;
            display: inline-block;
        }

        .div-key-fea .row {
            text-align: center;
            width: 100%;
            display: inline-block;
        }

        .div-key-fea .row .col {
            width: 20%;
            margin: 2%;
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

        .div-key-fea .row .col span {
            display: inline-block;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: solid 1px #666;
            margin: 2%;
            position: relative;
            zoom: 0.75;
        }

        .div-key-fea .row .col a {
            display: inline-block;
            clear: both;
        }

        .mid .col .me-ncm {
            zoom: 1.5 !important;
        }

        .mid .col {
            vertical-align: middle !important;
        }

        .btn a:link,
        .btn a:visited {
            background: #e3142b;
            color: #fff;
            padding: 8px 10px;
            text-decoration: none;
            border-radius: 6px;
        }

        .btn a:hover {
            opacity: 0.85;
        }

        .icon-fea {
            background: #fff url(https://www.manageengine.cn/network-configuration-manager/images/ncm-key-feature-sprite.png) top center no-repeat;
        }

        .ic-cca {
            background-position: 7px 4px;
        }

        .ic-scd {
            background-position: -80px 4px;
        }

        .ic-idr {
            background-position: -167px 8px;
        }

        .ic-cc {
            background-position: -254px 5px;
        }

        .ic-pci {
            background-position: -82px -78px;
        }

        .ic-js {
            background-position: -343px 6px;
        }

        .ic-rfu {
            background-position: 7px -80px;
        }

        .ic-cram {
            background-position: -168px -78px;
        }

        .ic-cr {
            background-position: -255px -78px;
        }

        .ic-rbac {
            background-position: -340px -82px;
        }

        .bounce {
            animation: bounce 1s;
            transform: translateY(0px);
            animation-iteration-count: infinite;
        }

        .bounce1 {
            animation: bounce 1.5s;
            transform: translateY(0px);
            animation-iteration-count: infinite;
        }

        @keyframes bounce {
            0% {
                top: 0;
                -webkit-animation-timing-function: ease-in;
            }

            50% {
                top: 4px;
                -webkit-animation-timing-function: ease-out;
            }

            100% {
                top: 0;
                -webkit-animation-timing-function: ease-in;
            }
        }

        @keyframes bounce1 {
            0% {
                top: 0;
                -webkit-animation-timing-function: ease-in;
            }

            50% {
                top: 8px;
                -webkit-animation-timing-function: ease-out;
            }

            100% {
                top: 0;
                -webkit-animation-timing-function: ease-in;
            }
        }

        #commonHeader {
            min-height: 92px !important;
        }

        .bg {
            background: #fff;
            padding-bottom: 25px;
            min-height: 750px;
            position: relative;
        }

        .bg h3 {
            margin: 0;
            padding: 5px 0;
        }

        .ncmapps {
            padding: 30px 0;
        }

        .ncmapps .per40 img {
            width: 85%;
        }

        .divEdition {
            width: 100%;
            text-align: left;
            margin: 0 auto;
        }

        .divEdition .per50 h3 {
            margin: 0;
            padding: 25px 0;
            border-bottom: solid 1px #e1e1e1;
        }

        .divEdition ul {
            margin: 0 auto;
            display: block;
            width: 90%;
            padding: 15px 0;
            min-height: 305px;
        }

        .divEdition ul li {
            list-style-type: disc;
            line-height: 30px;
            text-align: left;
            margin-left: 30px;
        }

        .divEdition .per50 a:link,
        .divEdition .per50 a:visited {
            background: #ec1331;
            color: #fff;
            display: inline-block;
            padding: 8px 25px;
            text-decoration: none;
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            border-radius: 6px;
            position: absolute;
            bottom: 15px;
            left: 30%;
        }

        .divEdition .per50 a:hover {
            background: #f00;
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
        }

        .ncm-bg {
            background: #eaeaea url(https://www.manageengine.cn/network-configuration-manager/images/ncm-bg.png) no-repeat center top;
            background-size: cover;
        }

        .pt0 {
            padding-top: 0;
        }

        .ncm-sprite {
            background: url(https://www.manageengine.cn/network-configuration-manager/images/ncm-index-sprite.png) top center no-repeat;
            display: inline-block;
            width: 80px;
            height: 80px;
            margin-right: 7px;
            float: left;
            background-size: 260px 220px;
        }

        .icon1 {
            background-position: -6px -5px;
        }

        icon2 {
            background-position: -100px -11px;
        }

        .icon3 {
            background-position: -180px 0;
        }

        .icon4 {
            background-position: 0px -80px;
        }

        .icon5 {
            background-position: -90px -90px;
        }

        .icon6 {
            background-position: -4px -150px;
        }

        .icon7 {
            background-position: -87px -150px;
        }

        .trainingad-strip {
            background-image: linear-gradient(#ff0023, #ff4d00);
            text-align: center;
        }

        .feaImg {
            display: inline-block;
            height: 30px;
            margin: 5px 10px 0 0;
            width: 32px;
            background: url(https://www.manageengine.cn/network-configuration-manager/images/nfa-fea-icons_sprite.png) no-repeat 0 0;
            float: left;
        }

        .fea-npm2 {
            background-position: -61px -216px;
        }

        .fea-npm7 {
            background-position: -60px -61px;
        }

        .fea-npm17 {
            background-position: -207px -114px;
        }

        .fea-npm13 {
            background-position: -10px -212px;
        }

        .fea-npm10 {
            background-position: -208px -64px;
        }

        .fea-npm19 {
            background-position: -161px -163px;
        }

        .de-trainingad-strip {
            text-align: center;
            display: none;
            background: #fff;
        }

        .ie-trainingad-strip {
            background: #edf8f9;
            text-align: center;
            display: none;
        }

        .play-icon {
            max-width: 695px;
            height: 390px;
            margin: 0 auto;
            cursor: pointer;
        }

        .app-store {
            display: flex;
            justify-content: left;
            align-items: center;
            flex-wrap: wrap;
        }

        .app-store a {
            width: 140px;
            display: block;
            margin: 30px 0;
        }

        .app-store a img {
            max-width: 100%;
        }

        .appLeftalign {
            padding-top: 10px;
        }

        .appLeftalign ul {
            margin: 0 0 0 35px;
        }

        .appLeftalign ul li {
            list-style-type: disc;
        }

        .eff-skew {
            transform: perspective(900px) rotateX(10deg) scale(1);
            /*opacity: .95;-webkit-box-shadow: 0 0 10px 10px #dddddd;box-shadow: 0 0 10px 10px #dddddd;*/
            max-width: 1150px;
            -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .eff-skew:hover {
            transform: perspective(900px) rotateX(0deg) scale(1.1);
            -webkit-box-shadow: 0 0 16px 0 #b7b7b7;
            box-shadow: 0 0 16px 0 #b7b7b7;
        }

        @media (max-width: 768px) {
            .itom-banner img {
                max-width: 1200px;
                width: 100%;
                height: auto;
            }

            .clearfix.divEdition .per50 {
                width: 46%;
            }

            #btmBar ul li:nth-child(2) {
                display: block;
            }

            #btmBar ul li:nth-child(4) {
                display: block;
            }

            #btmBar ul li:nth-child(3) {
                display: none;
            }

            #btmBar ul li:nth-child(5) {
                display: none;
            }

            #btmBar ul li:nth-child(7) {
                display: none;
            }

            #btmBar ul li {
                width: 32%;
            }

            .btmBar {
                display: block !important;
            }

            .hTag1,
            h1,
            .pg-head {
                font-size: 31px !important;
                line-height: 40px !important;
            }

            .free-dwn-btn {
                display: block;
            }

            #combanner .row .per50 {
                width: 100%;
            }

            #cont-iframe iframe {
                height: 235px;
            }

            #cont-iframe img {
                width: 100%;
            }
        }

        @media (max-width: 760px) {
            .swiper-slide {
                min-height: 285px;
                display: inline-flex;
                align-items: center;
            }

            .clearfix.divEdition .per50 {
                width: 98%;
            }
        }

        @media (max-width: 650px) {
            .opmPlusBanner .h2 {
                font-size: 21px !important;
            }

            .opmPlusBanner span {
                font-size: 18px !important;
            }

            .swiper-slide {
                min-height: 240px !important;
            }

            .divEdition {
                width: 90% !important;
            }

            .divEdition .per50 {
                width: 98%;
            }

            .div-key-fea .row .col {
                transform: scale(0.8);
            }
        }

        @media (max-width: 1025px) {
            .divEdition {
                width: 100%;
            }
        }

        @media (min-width: 768px) {
            #combanner .row .per50 {
                width: 100%;
                min-height: 335px;
            }
        }

        @media (min-width: 1024px) {
            #combanner .row {
                width: 99%;
            }

            #combanner .row .per50 {
                width: 49%;
            }

            #cont-iframe img {
                width: 98%;
            }
        }

        @media (min-width: 1200px) {
            #combanner .row {
                width: 99%;
            }

            #combanner .row .per50 {
                width: 49.5%;
            }

            #cont-iframe img {
                width: 85%;
            }
        }

        @media (min-width: 1400px) {
            #combanner .row {
                width: 80%;
            }

            #combanner .row .per50 {
                width: 45%;
                min-height: 335px;
            }

            #cont-iframe img {
                width: 80%;
            }
        }

        @media (max-width: 499px) {
            .swiper-slide {
                min-height: 185px !important;
            }

            .pad1 {
                padding: 15px 0px !important;
            }

            .opmPlusBanner .h2 {
                font-size: 15px !important;
                line-height: 1 !important;
            }

            .opmPlusBanner span {
                font-size: 13px !important;
            }

            .opmPlusBanner a {
                padding: 12px 20px;
                font-size: 12px !important;
            }
        }

        @media (max-width: 400px) {
            .swiper-slide {
                min-height: 200px !important;
            }
        }

        .btnDownload {
            background: #ec1331;
            padding: 8px 15px;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: all ease 0.5s;
            font-size: 17px;
            font-weight: 600;
            display: inline-block;
        }

        .btnDownload:hover {
            background: #e3142b;
            text-decoration: none;
        }

        .opmPlusSlider {
            padding: 0 0 20px;
        }

        .bglightdark {
            background: #ddd;
            box-shadow: none;
        }

        .section {
            width: 100%;
            max-width: 1155px;
            margin: 0 auto;
            transition: all 0.2s ease-in 0s;
            display: inline-block;
        }

        .h2 {
            padding: 15px 0;
            font-size: 30px;
        }

        .opmPlusSlider {
            width: 100%;
            height: auto;
            text-align: center;
        }

        .fnt20 {
            font-size: 20px;
            text-decoration: underline;
        }

        .fnt20:hover {
            text-decoration: none;
            cursor: pointer;
        }

        .uk-trainingad-strip {
            background: #dbeffa;
            text-align: center;
            display: none;
        }

        .in-trainingad-strip {
            background: url(../itom/images/india-seminar-band-bg.png) repeat-x 0 0;
            text-align: center;
            display: none;
        }

        //.flexBnrslides li{display:none}
        flexBnrslides li:first-child {
            display: block;
        }

        .webinar-banner {
            background: url("https://www.manageengine.cn/network-configuration-manager/images/ncm-webinar-banner-bg.jpg") repeat;
        }

        #adRhsLnk {
            position: absolute;
            top: 570px;
            z-index: 4;
        }

        .scrolltable {
            height: 400px;
            overflow-y: scroll;
            border: 3px solid #efefef;
            font-size: 12px;
            background: #fff;
        }

        .scrolltable .table th {
            background: #fff;
        }

        a.slideShareLnk {
            padding: 10px 20px;
            box-shadow: 4px 4px 5px #eee;
            border-top: 2px solid #00ade9;
            margin-top: 30px;
            display: inline-block;
            color: #00ade9;
        }

        a.slideShareLnk:hover {
            text-decoration: none;
            background: #00ade9;
            color: #fff;
        }

        .slideShareImg {
            box-shadow: 0 0 5px #ccc;
        }

        #scroll {
            display: none !important;
        }

        .flexslider .flexBnrslides li:first-child img {
            margin: auto;
        }

        .heading-menu {
            display: none;
        }

        .container2 {
            width: 95%;
            max-width: 1155px;
            margin: 0 auto;
            transition: all 0.2s ease-in 0s;
        }

        img {
            max-width: 100%;
        }

        .ncmPlus {
            width: 100%;
            height: auto;
            text-align: center;
        }

        .ncmPlusBanner {
            background: #f1f0f0;
            float: left;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ncmPlusBanner .section {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* .slider-2-bg{height:440px}
        .slider-2-bg img{height:auto;} */
        .ncmPlus .section {
            width: 100%;
            max-width: 1155px;
            margin: 0 auto;
            transition: all 0.2s ease-in 0s;
            display: inline-block;
            text-align: center;
        }

        .ncmPlusBanner h2 {
            font: 100 31px/120% Roboto Slab;
            color: #0b4c5d;
            margin: 60px 0 10px;
        }

        .ncmPlusBanner span {
            font: 100 27px Roboto Slab;
            color: #ababab;
            display: block;
        }

        .ncmPlusBanner img {
            float: left;
            width: 100%;
            height: auto;
            height: 360px;
        }

        .ncm-h2 {
            color: #0b4c5d;
            font-size: 30px;
            font: 100 31px/120% Roboto Slab;
        }

        .btns-tab {
            text-align: center;
            padding: 30px 0;
        }

        .btns-tab li {
            display: inline-block;
            margin: 0 5px;
            width: auto !important;
        }

        .free-dwn-btn a,
        .demo-btn a {
            display: inline-block;
        }

        .free-dwn-btn a img,
        .demo-btn a img {
            height: 40px;
        }

        .grey-band {
            height: 70px;
            background: #222222;
            position: relative;
            margin: -1px 0 0 0;
        }

        .hTag2 {
            font-size: 23px;
        }

        .box-content li {
            display: inline-table;
            width: 345px;
            margin-bottom: 30px;
            text-align: left;
        }

        .box-content li:hover img {
            filter: gray;
            filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/>#grayscale");
            -webkit-filter: grayscale(100%);
        }

        .box-content li:nth-child(2),
        .box-content li:nth-child(5) {
            margin: 0 56px;
        }

        .box-content li h4 {
            color: #333;
            margin: 10px 0 22px;
            display: block;
            height: 55px;
            line-height: 1.5;
            font: 300 20px Roboto Slab;
        }

        .box-content li a:hover {
            text-decoration: none;
        }

        .box-content li p {
            min-height: 55px;
            display: block;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
            font: 300 14px Roboto Slab;
            letter-spacing: 0.5px;
            line-height: 24px;
            margin-top: 30px;
        }

        .box-content li a img {
            width: 100%;
            margin-bottom: 20px;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
        }

        .customer-box-content li {
            display: inline-table;
            width: 240px;
            padding: 0 45px;
            margin-bottom: 30px;
            text-align: left;
        }

        .customer-box-content li h4 {
            margin: 10px 0;
            display: block;
            font-size: 18px;
            line-height: 1.5;
        }

        .customer-box-content li a {
            color: #113ebf;
            cursor: pointer;
        }

        .customer-box-content li p {
            font-size: 13px;
        }

        .customer-box-content li img {
            width: 250px;
            margin-bottom: 20px;
        }

        .key-fea {
            background: #0bbe4a;
            color: #fff;
            padding: 20px 0;
        }

        .key-fea .container {
            position: relative;
            height: auto;
        }

        /****ANIMATION****/
        .icon-animation {
            position: relative;
            text-align: center;
            height: 450px;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
        }

        .center-icon {
            position: relative;
            margin: 0 auto;
            width: 140px;
            height: 140px;
            top: 160px;
            background: url("https://www.manageengine.cn/network-configuration-manager/images/ncm-logo-round.png") no-repeat;
            background-size: contain;
            z-index: 1;
        }

        .icon-animation li img {
            width: 60%;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
        }

        .icon-animation li a {
            font-size: 13px;
            color: #fff;
        }

        .icon-animation li {
            position: absolute;
            display: block;
            line-height: 18px;
        }

        .icon-animation li a:hover {
            text-decoration: none;
        }

        .icon-animation li {
            transition: 0.9s ease;
            -webkit-transition: 0.9s ease;
        }

        .icon-animation li.icon-1 {
            left: 386px;
            top: -11px;
        }

        .icon-animation li.icon-2 {
            left: 579px;
            top: 17px;
        }

        .icon-animation li.icon-3 {
            left: 556px;
            top: 161px;
        }

        .icon-animation li.icon-4 {
            left: 693px;
            top: 141px;
        }

        .icon-animation li.icon-5 {
            left: 621px;
            top: 300px;
        }

        .icon-animation li.icon-6 {
            left: 455px;
            top: 323px;
        }

        .icon-animation li.icon-7 {
            left: 250px;
            top: 351px;
        }

        .icon-animation li.icon-8 {
            left: 329px;
            top: 233px;
        }

        .icon-animation li.icon-9 {
            left: 152px;
            top: 188px;
        }

        .icon-animation li.icon-10 {
            left: 242px;
            top: 46px;
        }

        .icon-animation .icon-1.middle,
        .icon-animation .icon-2.middle,
        .icon-animation .icon-3.middle,
        .icon-animation .icon-4.middle,
        .icon-animation .icon-5.middle,
        .icon-animation .icon-6.middle,
        .icon-animation .icon-7.middle,
        .icon-animation .icon-8.middle,
        .icon-animation .icon-9.middle,
        .icon-animation .icon-10.middle {
            top: 29%;
            left: 41%;
            opacity: 0;
        }

        .full-icons {
            display: none;
            margin: -10px 0;
            width: 100%;
            text-align: center;
        }

        .full-icons img {
            width: 623px;
            position: relative;
            z-index: 2;
            max-width: 90%;
        }

        .flexslider {
            width: 100%;
            max-height: none;
        }

        .bannerflex {
            margin: 0;
            background: #efefef;
        }

        .flexslider .flexBnrslides>li,
        .flexslider .flexBnrslides img {
            width: 100%;
        }

        /******END******/
        .screen-shots {
            background: #ffff;
        }

        .halfsec {
            width: 50%;
            float: left;
            display: table;
            height: 300px;
        }

        .halfsec.free-forever {
            background: #10d869;
            text-align: center;
        }

        .halfsec.professional-edition {
            background: #322364;
            text-align: center;
        }

        .free-forever .inner-img,
        .professional-edition .inner-img {
            display: table-cell;
            vertical-align: middle;
        }

        .free-forever .inner-img img,
        .professional-edition .inner-img img {
            width: 270px;
        }

        .yellow-band {
            padding: 20px 0;
            background: #ffe034;
        }

        .yellow-band li img {
            width: 70px;
        }

        .yellow-band li:nth-child(2) {
            position: relative;
            top: 15px;
        }

        .yellow-band li {
            display: inline-block;
            margin: 0 10px;
        }

        .mT60 {
            margin-top: 60px;
        }

        .mT40 {
            margin-top: 40px !important;
        }

        .explore-more {
            text-align: right;
        }

        .explore-more a {
            color: #fff;
        }

        .hTag1 {
            font-size: 40px;
            margin: 40px 0 0 0;
        }

        .fw300 {
            font-weight: 300;
        }

        .ncm-bnr {
            background: #f0f2f0;
            text-align: center;
        }

        .ncm-bnr .hTag1 {
            font-size: 45px;
            font-weight: lighter;
            line-height: 60px;
            color: #0b4c5d;
            margin: 60px 0 10px;
        }

        .ncm-bnr .hTag1 span {
            font-size: 27px;
            display: block;
            color: #ababab;
        }

        .robot {
            font-weight: 300;
            font-family: Roboto Slab;
        }

        .fea-list-cont ul {
            padding: 0 3% 0 0 !important;
        }

        /****SLIDE****/
        .slides li {
            display: none;
        }

        .slides li img {
            max-height: 450px;
            width: 90% !important;
        }

        .slides li:first-child {
            display: block;
        }

        .slide-frame {
            position: relative;
            overflow: hidden;
        }

        .slides {
            position: relative;
        }

        .slide-nav {
            position: relative;
            top: -250px;
        }

        .slide-nav .navs {
            cursor: pointer;
            opacity: 0.4;
            transition: all 0.2s ease-in-out 0s;
            text-align: center;
        }

        .slide-nav .navs:hover {
            opacity: 1;
        }

        .slide-nav .navs img {
            width: 60%;
        }

        .bnrtxt {
            position: absolute;
            text-align: center;
            font: 100 32px/120% Roboto Slab;
            right: 18%;
            top: 27%;
        }

        .bnrtxt a {
            color: #fff;
            text-decoration: none;
        }

        .bnrtxt span {
            font-size: 22px;
            margin: 10px 0px;
            display: block;
        }

        .app-btn {
            width: 60% !important;
        }

        .slides h3 {
            margin: 10px 0;
            display: block;
        }

        .white {
            color: #fff !important;
        }

        @media screen and (max-width: 1280px) {
            .box-content li {
                width: 300px;
            }

            .bnrtxt {
                right: 15%;
                top: 25%;
                font: 100 28px/120% Roboto Slab;
            }

            .bnrtxt span {
                font-size: 18px;
            }
        }

        @media screen and (max-width: 1000px) {
            .bnrtxt {
                right: 11%;
                top: 20%;
                font: 100 25px/120% Roboto Slab;
            }

            .bnrtxt span {
                font-size: 15px;
            }

            .app-btn {
                width: 50% !important;
            }

            .full-icons {
                display: block;
            }

            .icon-animation {
                display: none;
            }

            .box-content li {
                margin: 0 50px !important;
            }

            .customer-box-content li {
                width: 220px;
            }
        }

        @media screen and (max-width: 650px) {
            .ncmPlus .section {
                text-align: center;
            }

            .per40 {
                width: 98%;
            }

            .per60 {
                width: 98%;
            }

            .box-content li {
                width: 70%;
            }

            .divBtnPos {
                padding-left: 0;
                text-align: center;
            }
        }

        @media screen and (max-width: 760px) {
            .halfsec {
                float: none;
                width: 100%;
            }

            .slides li img {
                width: 65% !important;
            }

            .slide-nav .navs img {
                width: 40% !important;
            }

            .slide-nav {
                top: -90px;
            }

            .mc {
                text-align: center !important;
            }
        }

        @media screen and (min-width: 1450px) {
            .customer-box-content li {
                padding: 0 30px;
            }

            .free-forever .inner-img img,
            .professional-edition .inner-img img {
                width: auto;
            }

            .halfsec {
                height: 670px;
            }

            .yellow-band {
                padding: 30px;
            }

            .yellow-band li img {
                width: auto;
            }

            .bnrtxt {
                top: 23%;
                right: 20%;
                font: 100 40px/120% Roboto Slab;
            }

            .bnrtxt span {
                font-size: 25px;
                margin: 10px 0px;
            }

            .app-btn {
                width: 100% !important;
            }

            .icon-animation {
                height: 650px;
                margin-top: 100px !important;
            }

            .center-icon {
                width: 180px;
                height: 190px;
                top: 190px;
            }

            .icon-animation li img {
                width: 100%;
            }

            .icon-animation li.icon-1 {
                left: 386px;
                top: -70px;
            }

            .icon-animation li.icon-2 {
                left: 680px;
                top: 10px;
            }

            .icon-animation li.icon-3 {
                left: 630px;
                top: 220px;
            }

            .icon-animation li.icon-4 {
                left: 860px;
                top: 190px;
            }

            .icon-animation li.icon-5 {
                left: 710px;
                top: 440px;
            }

            .icon-animation li.icon-6 {
                left: 455px;
                top: 460px;
            }

            .icon-animation li.icon-7 {
                left: 190px;
                top: 470px;
            }

            .icon-animation li.icon-8 {
                left: 250px;
                top: 280px;
            }

            .icon-animation li.icon-9 {
                left: 0px;
                top: 230px;
            }

            .icon-animation li.icon-10 {
                left: 130px;
                top: 10px;
            }
        }

        .bannerbg1 {
            background: #eff2f0;
        }

        .bannerbg2 {
            background: #ffc05a;
        }

        .bannerbg3 {
            background: #0b3090;
        }

        .bannerbg4 {
            background: #fefabf;
        }

        .bannerbg5 {
            background: #fe8b00;
        }

        .opmPlusBanner,
        .webinar-banner {
            margin: 0 auto;
            float: none;
        }

        #scroll {
            padding: 0 !important;
        }

        .ncmPlusBanner h2 {
            font-size: 38px !important;
            margin: 20px 0 10px;
        }

        .ncmPlusBanner span {
            font: 100 24px Roboto Slab;
        }

        /*-------- Swiper-container------*/
        .swiper-container {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .swiper-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
        }

        .swiper-slide {
            text-align: center;
        }

        .swiper-button-next,
        .swiper-button-prev {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

        .slide-content {
            width: 85%;
            margin: 0 auto;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            padding-bottom: 10px;
        }

        .slide-content div:nth-child(1) {
            width: 15%;
            padding: 10px 30px;
            border-right: solid 1px #d0d0d0;
        }

        .slide-content div:nth-child(2) {
            width: 60%;
            text-align: left;
            padding: 10px 30px;
        }

        .bannerbg {
            background: #011215;
            text-align: center;
        }

        .swiper-container .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            opacity: 0.4;
            border: 1px solid #fff;
        }

        .swiper-container .swiper-pagination-bullet-active {
            opacity: 1;
            background: #007aff;
        }

        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
            display: inline-block;
            text-align: center;
            right: 10px;
            bottom: 10px;
            z-index: 90;
            left: inherit !important;
            width: auto;
        }

        /*-------- Swiper-container------*/

        .flexslider,
        .flexslider1 {
            width: 100%;
            max-height: none;
        }

        .flexslider .flexBnrslides img,
        .flexslider1 .flexBnrslides img {
            width: 100%;
        }

        .flexslider1 {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            max-height: 365px;
            position: relative;
            display: block;
            max-width: 100%;
        }

        .nl-trainingad-strip {
            background: #f8f5da;
            text-align: center;
            display: none;
        }

        .sa-trainingad-strip {
            background: #c7d6e0;
            text-align: center;
            display: none;
        }

        .ae-trainingad-strip {
            background: url(https://www.manageengine.cn/network-configuration-manager/images/dubi-bg-img.png);
            text-align: center;
            display: none;
        }

        .au-trainingad-strip {
            background: #01b3a4;
            text-align: center;
            display: none;
        }

        @media screen and (max-width: 760px) {
            .flexMobile {
                display: none;
            }

            .play-icon {
                max-height: 390px;
                height: auto;
            }

            .supported-devices ul li {
                float: none;
                margin: 24.7px auto;
            }

            .app-store a img {
                margin: 0 100px;
            }

            .slider-2-bg img {
                height: inherit;
            }

            .ncmPlusBanner,
            .itom-banner {
                display: flex;
                align-items: center;
                justify-content: center;
                height: inherit;
            }

            .opmPlusBanner .h2 {
                font-size: 34px;
                line-height: 1.2;
                margin: 0px 0px 0px;
            }

            .opmPlusBanner {
                min-height: auto;
            }

            .slider-2-bg {
                height: auto;
            }

            .pad1 {
                padding: 31px 0px;
            }

            .opmPlusBanner a {
                margin: 15px 0px;
            }

            .ncmPlusBanner img {
                height: auto;
            }
        }

        @media screen and (max-width: 1023px) {
            .ncmPlusBanner img {
                height: auto;
            }
        }

        .ncm-mobile-apps-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 0 12px;
            margin-top: 32px;
        }

        .ncm-mobile-apps-btn .ncm-app-btn {
            width: 140px;
            cursor: pointer;
        }

        .list-style-number {
            list-style-type: number;
            padding-left: 16px;
        }