        #scroll,
        .heading-menu,
        #backToTop {
            display: none !important
        }

        .main-page *,
        .main-page ::before,
        .main-page ::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            font-weight: 300
        }

        .m-container {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            max-width: 1400px;
            padding: 0 40px;
            margin: 0 auto;
            position: relative
        }

        .main-page {
            font-family: "ZohoPuvi", sans-serif;
            font-size: 16px;
            font-weight: 300;
            line-height: 1;
            margin-bottom: 80px
        }

        .main-page h2 {
            font-size: 32px;
            font-weight: 500;
            line-height: 1.3;
            color: #000;
            margin-bottom: 34px
        }

        .main-page strong {
            font-weight: 600
        }

        .main-page a {
            text-decoration: none;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .main-page p {
            font-weight: 300;
            color: #000
        }

        .main-page p a {
            color: #2e79d5
        }

        .main-page ul {
            list-style: none
        }

        .main-page img {
            width: 100%;
            height: auto
        }

        .ban-sec .bc-sec {
            margin-bottom: 20px;
        }

        .ban-sec .bc-sec ul {
            font-size: 0
        }

        .ban-sec .bc-sec ul li {
            display: inline-block;
            position: relative;
            padding: 0;
            margin-bottom: 8px !important;
        }

        .ban-sec .bc-sec ul li:not(:last-child)::before {
            content: '>';
            font-size: 14px;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .ban-sec .bc-sec ul li:not(:last-child) {
            padding-right: 18px;
            margin-right: 8px;
            margin-bottom: 0
        }

        .ban-sec .bc-sec ul li,
        .m-center .bc-sec ul li a {
            font-size: 14px;
            font-weight: 300;
            line-height: 1.4;
            color: #fff
        }

        .ban-sec .bc-sec ul li a {
            text-decoration: underline;
            color: #fff
        }

        .ban-sec {
            background: url(	https://www.manageengine.com/log-management/images/log360-documentation-ban-bg-24.png) no-repeat;
            background-size: cover;
            background-position: center right;
            padding: 30px 0 80px;
            margin-bottom: 60px
        }

        .ban-content {
            text-align: center;
            max-width: 1000px;
            margin: auto
        }

        .ban-content h1 {
            font-size: 42px;
            font-weight: 500;
            line-height: 1.2;
            color: #fff;
            margin-bottom: 20px
        }

        .ban-content p {
            font-size: 18px;
            line-height: 1.6;
            color: #fff
        }

        .ban-search {
            max-width: 400px;
            position: relative
        }

        .ban-search input {
            font-size: 14px;
            font-weight: 300;
            color: #fff;
            background: transparent;
            border: .6px solid #A3B2E6;
            border-radius: 3px;
            padding: 16px 20px;
            padding-right: 50px;
            width: 100%;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .ban-search input:focus {
            outline: none;
            border-color: #d1dbff
        }

        .ban-search input::-webkit-input-placeholder {
            color: #aeb5d5;
            font-weight: 300
        }

        .ban-search input::-moz-placeholder {
            color: #aeb5d5;
            font-weight: 300
        }

        .ban-search input:-ms-input-placeholder {
            color: #aeb5d5;
            font-weight: 300
        }

        .ban-search input::-ms-input-placeholder {
            color: #aeb5d5;
            font-weight: 300
        }

        .ban-search input::placeholder {
            color: #aeb5d5;
            font-weight: 300
        }

        .ban-search i {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY5MjUgMTUuMzM5NUMxNS4wNzU4IDE1LjcyMzEgMTUuNjY3NSAxNS4xMzEgMTUuMjg0MiAxNC43NTU2TDEyLjE1OTIgMTEuNjE5N0MxMy4yNTU0IDEwLjQwNTggMTMuODYxMyA4LjgyNzI4IDEzLjg1OTIgNy4xOTEwNkMxMy44NTkyIDMuNTI5NzEgMTAuODg0MiAwLjU1MjI0NiA3LjIyNTgzIDAuNTUyMjQ2QzMuNTY3NSAwLjU1MjI0NiAwLjU5MjQ5OSAzLjUyOTcxIDAuNTkyNDk5IDcuMTkxMDZDMC41OTI0OTkgMTAuODUyNCAzLjU2NzUgMTMuODI5OSA3LjIyNTgzIDEzLjgyOTlDOC44NzU4MyAxMy44Mjk5IDEwLjQwMDggMTMuMjIxIDExLjU2NzUgMTIuMjExOUwxNC42OTI1IDE1LjMzOTVaTTEuNDI1IDcuMTkxMDZDMS40MjUgMy45ODg0MiA0LjAzMzMzIDEuMzg2MjcgNy4yMjUgMS4zODYyN0MxMC40MjUgMS4zODYyNyAxMy4wMjUgMy45ODg0MiAxMy4wMjUgNy4xOTEwNkMxMy4wMjUgMTAuMzkzNyAxMC40MjUgMTIuOTk1OSA3LjIyNSAxMi45OTU5QzQuMDMzMzMgMTIuOTk1OSAxLjQyNSAxMC4zOTM3IDEuNDI1IDcuMTkxMDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
            background-size: 16px;
            width: 16px;
            height: 16px;
            position: absolute;
            right: 20px;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .ban-search .ban-search-list {
            display: none;
            width: 100%;
            background: #fff;
            border: .5px solid #C5CEDC;
            border-top: none;
            border-radius: 0 0 3px 3px;
            -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
            max-height: 250px;
            overflow: auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 50px;
            margin: auto;
            padding: 12px 20px;
            z-index: 9;
            -webkit-transition: .3s ease-in;
            -o-transition: .3s ease-in;
            transition: .3s ease-in
        }

        .ban-search .ban-search-list li:not(:last-child) {
            border-bottom: 1px solid #C5CEDC
        }

        .ban-search .ban-search-list li a {
            display: block;
            font-size: 14px;
            font-weight: 300;
            line-height: 1.3;
            color: #000;
            padding: 10px 0;
            position: relative;
            cursor: pointer
        }

        .ban-search .ban-search-list li:first-child a {
            padding-top: 0
        }

        .ban-search .ban-search-list li:last-child a {
            padding-bottom: 0
        }

        .ban-search .ban-search-list li a:hover {
            color: #0067FF
        }

        .ban-search .ban-search-list .empty-data {
            font-size: 14px;
            color: #000;
            margin-bottom: 0
        }

        .ban-search .ban-search-list::-webkit-scrollbar {
            width: 5px
        }

        .ban-search .ban-search-list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(112, 112, 112, 0.3);
            box-shadow: inset 0 0 8px rgba(112, 112, 112, 0.4)
        }

        .ban-search .ban-search-list::-webkit-scrollbar-thumb {
            background-color: #407cec
        }

        .box-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px
        }

        .doc-box {
            background: #fff;
            border: 1px solid #DBE1E8;
            border-radius: 2px;
            padding: 25px;
            position: relative;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .first-sec .doc-box {
            cursor: pointer
        }

        .doc-box h3 {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.3;
            color: #000;
            margin-bottom: 16px
        }

        .first-sec {
            margin-bottom: 50px
        }

        .first-sec .doc-box {
            width: calc(100% / 3 - 15px)
        }

        .doc-box.first-box span {
            display: inline-block;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #0067FF;
            padding-left: 16px;
            position: relative;
            margin-bottom: 10px
        }

        .first-sec .doc-box.first-box a {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .doc-box .box-head h3 {
            margin-bottom: 10px
        }

        .doc-box .box-head p {
            font-size: 15px;
            line-height: 1.6
        }

        .doc-box .box-link {
            margin-top: 20px
        }

        .doc-box .box-link a {
            display: block;
            font-size: 15px;
            font-weight: 300;
            line-height: 1.3;
            text-underline-offset: 1px;
            color: #0067FF;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .doc-box .box-link a:not(:last-child) {
            margin-bottom: 12px
        }

        .doc-box .box-link a:hover {
            text-decoration: underline
        }

        @media (max-width: 1025px) {
            .ban-sec {
                padding: 60px 0 80px;
            }
        }

        @media (max-width: 991px) {
            .m-container {
                padding: 0 24px
            }

            .main-page h2 {
                font-size: 26px;
                margin-bottom: 28px
            }

            .ban-content {
                text-align: center
            }

            .ban-content h1 {
                font-size: 34px
            }

            .ban-content p {
                font-size: 15px
            }

            .ban-search {
                margin: auto
            }

            .first-sec .doc-box {
                width: calc(100% / 2 - 14px)
            }
        }

        @media (max-width: 767px) {
            .ban-sec {
                background: #063d8e;
                background: -webkit-gradient(linear, left top, right top, from(#063d8e), to(#0250b8));
                background: -o-linear-gradient(left, #063d8e, #0250b8);
                background: linear-gradient(to right, #063d8e, #0250b8);
                padding: 60px 0 50px
            }

            .box-container {
                gap: 15px
            }

            .doc-box h3 {
                font-size: 16px
            }

            .doc-box .box-link a {
                font-size: 14px
            }

            .first-sec .doc-box {
                width: calc(100% / 2 - 8px)
            }
        }

        @media (max-width: 600px) {
            .main-page h2 {
                font-size: 22px;
                margin-bottom: 20px
            }

            .ban-content h1 {
                font-size: 28px;
                margin-bottom: 16px
            }
        }

        @media (max-width: 425px) {
            .first-sec .doc-box {
                width: 100%
            }
        }
        .feb-pre-footer .col20 ul li a[href$="#"] {
            display: block
        }

        /* Temp */

        .nav-dwn a {
            font-size: 20px
        }

        .nav-clo {
            background: #1F96E5;
            border-radius: 3px;
            box-shadow: 0px 5px 6px #0026ef30;
            cursor: pointer;
            height: 39px;
            margin: 4px 0 0 10px;
            position: relative;
            transition: all .5s;
            width: 45px
        }

        .nav-clo:before {
            background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
            background-size: 183px;
            content: "";
            height: 30px;
            left: 7px;
            position: absolute;
            top: 10px;
            width: 30px;
        }

        .nav-clo:hover {
            background: #1C6190;
            box-shadow: box-shadow: 0px 5px 6px #0026ef5c;
            transition: all .5s;
        }

        .nav-clo ul {
            background: #fbfeff;
            border: solid 1px #c0ddff;
            box-shadow: 0 13px 11px #00000042;
            display: none;
            padding: 30px;
            position: absolute;
            right: 0;
            top: 55px;
            width: 570px;
        }

        .nav-clo ul:after {
            background: #fff;
            content: "";
            border: solid #c0ddff;
            border-width: 0 1px 1px 0;
            height: 0px;
            padding: 5px;
            position: absolute;
            right: 14px;
            top: -6px;
            transform: rotate(222deg);
            width: 1px
        }

        .nav-clo ul:before {
            content: "";
            height: 10px;
            left: 0;
            top: 0;
            width: 100%
        }

        .nav-clo ul li {
            cursor: default;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }

        .nav-clo ul li:nth-child(1) {
            width: 30%
        }

        .nav-clo ul li:nth-child(1):after {
            background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
            background-position: -29px -5px;
            background-size: 170px;
            content: "";
            height: 141px;
            left: 0;
            position: absolute;
            top: 0;
            width: 140px
        }

        .nav-clo ul li:nth-child(2) {
            width: 69%
        }

        .nav-clo ul li h3 {
            font-size: 20px;
            font-weight: 500;
            margin: 0
        }

        .nav-clo ul li p {
            margin: 5px 0 30px 0
        }

        .nav-clo ul li a {
            background: none;
            border: solid 1px #168eff;
            border-radius: 20px;
            color: #168eff;
            display: inline-block;
            font-size: 14px;
            padding: 7px 25px;
            position: relative;
            transition: all .3s ease
        }

        .nav-clo ul li a:hover {
            background: #168eff;
            color: #fff;
            text-decoration: none;
            transition: all .3s ease
        }

        .nav-clo span {
            background: url(https://www.manageengine.com/products/eventlog/images/cloud-icons.png) no-repeat;
            background-position: 0 -55px;
            background-size: 200px;
            height: 17px;
            position: absolute;
            right: 12px;
            top: 11px;
            width: 15px;
            z-index: 9
        }

        .nav-clo {
            display: none
        }
