.m-center .tab-list {
                display: block;
                font-size: 0;
                position: relative;
                background: #ddeafb;
                width: 100%;
                margin-bottom: 26px;
                position: relative;
            }

            .m-center .tab-list li span.bg-line,.m-center .tab-list li span.bg-line2 {
                display: inline-block;
                background: #dceafb;
                width: 20px;
                height: 100%;
                position: absolute;
                top: 0;
            }


            .m-center .tab-list li span.bg-line {
                left: 0;
            }

            .m-center .tab-list li span.bg-line2 {
                right: -8px;
            }

            .m-center .tab-list li.act span.bg-line {
                background: #fff;
            }

            .m-center .tab-list li.act span.bg-line2 {
                background: #fff;
            }

            .m-center .tab-list li {
                display: inline-block;
                width: 19%;
                vertical-align: middle;
                font-size: 13px;
                font-weight: 300;
                line-height: 1.2;
                text-align: center;
                color: #000;
                padding: 10px 20px;
                position: relative;
                cursor: pointer;
                z-index: 2;
                -webkit-transition: .3s ease-in;
                -o-transition: .3s ease-in;
                transition: .3s ease-in;
                margin-bottom: 0 !important;
            }

            .m-center .tab-list li:nth-child(3) {
                padding: 17.8px;
            }

            .m-center .tab-list li::before {
                content: '';
                width: 4px;
                height: 100%;
                background: #fff;
                position: absolute;
                top: 0;
                right: 0;
                -webkit-transform: skewX(18deg);
                -ms-transform: skewX(18deg);
                transform: skewX(18deg);
            }

            .m-center .tab-list li.act::before {
                -webkit-box-shadow: 5px 0 6px rgba(0,0,0,0.08);
                box-shadow: 5px 0 6px rgba(0,0,0,0.08);
            }

            .m-center .tab-list li.act:after {
                content: '';
                width: 100%;
                height: 100%;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transform: skewX(18deg);
                -ms-transform: skewX(18deg);
                transform: skewX(18deg);
                z-index: -1;
                -webkit-box-shadow: 1px -4px 14px -11px rgba(0,0,0,0.3);
                box-shadow: 1px -4px 14px -11px rgba(0,0,0,0.3);
            }

            .m-center .tab-list li:nth-child(2) {
                width: 23%;
            }

            .m-center .tab-list li.act {
                color: #000;
                font-weight: 500
            }

            .tab-highlight {
                position: absolute;
                width: 210px;
                height: 40px;
                background: #fff;
                border-radius: 10px;
                left: 13px;
                top: 0;
                bottom: 0;
                margin: auto;
                border-radius: 50px;
                -webkit-transition: .3s;
                -o-transition: .3s;
                transition: .3s;
            }

            .tab-contents {
                display: none;
                background: #fff;
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
                box-shadow: 0 0 10px rgba(0,0,0,0.1);
                padding: 4px;
                position: relative;
                border-radius: 10px;
                width: 100%;
                min-height: auto;
                margin-bottom: 80px;
                z-index: 1
            }

            .tab-contents h2.tab-header {
                font-size: 18px;
                font-weight: 600;
                line-height: 1.4;
                margin-bottom: 10px;
                margin-top: 0;
                display: none;
            }

            .tab-contents img {
                width: 100%;
            }

            .tab-contents.act {
                display: block
            }

            .tip {
                position: absolute;
            }

            .tip-com span {
                font-size: 10px;
                font-weight: 500!important;
                line-height: 1.5;
                width: 15px;
                height: 15px;
                background: #f95c4c;
                display: block;
                text-align: center;
                border-radius: 50%;
                color: #fff;
                cursor: pointer;
            }

            .tip-com span {
                position: relative;
                -webkit-box-shadow: 0 0 0 0 rgba(249,93,76,0.70);
                box-shadow: 0 0 0 0 rgba(249,93,76,0.70);
                -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
                animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
            }

            .tip-tool {
                background: #3f3f3f;
                color: #fff;
                padding: 16px 20px;
                border-radius: 4px;
                width: 200px;
                margin: -14px 0 0 16px;
                -webkit-box-shadow: 0 0 15px rgba(66,79,87,0.3);
                box-shadow: 0 0 15px rgba(66,79,87,0.3);
                position: relative;
                -webkit-transform: scale(0.9);
                -ms-transform: scale(0.9);
                transform: scale(0.9);
                opacity: 0;
                z-index: -1;
                top: -16px;
                left: -4px;
            }

            .tip-tool:before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-right: 6px solid #3f3f3f;
                top: 14px;
                left: -5px;
            }

            .tip .tip-tool p {
                font-size: 12px;
                line-height: 1.6;
                color: #c8c8c8;
                margin: 0;
            }

            .tip-com div {
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
            }

            .tip.ss1-tip1 {
                top: 43%;
                left: 46%;
            }

            .tip.ss1-tip2 {
                top: 10%;
                left: 14%;
            }

            .tip.ss2-tip1 {
                top: 12%;
                left: 86%;
            }

            .ss2-tip1 .tip-tool {
                top: 18px;
                right: 150px;
                left: auto;
            }

            .ss2-tip1 .tip-tool:before {
                top: -8px;
                right: 50px;
                left: auto;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .tip.ss2-tip2 {
                top: 8%;
                left: 13.5%;
            }

            .tip.ss2-tip3 {
                top: 8%;
                left: 8.5%;
            }

            .tip.ss3-tip1 {
                top: 11%;
                left: 31%;
            }

            .tip.ss3-tip2 {
                top: 68.5%;
                left: 16%;
            }

            .tip.ss3-tip3 {
                top: 73%;
                left: 15%;
            }

            .tip.ss4-tip1 {
                top: 91%;
                left: 14%;
            }

            .tip.ss4-tip2 {
                top: 7%;
                left: 11.5%;
            }

            .tip.ss4-tip3 {
                top: 9.5%;
                left: 50%;
            }

            .tip.ss5-tip1 {
                top: 9.5%;
                left: 87%;
            }

            .tip.ss5-tip2 {
                top: 21%;
                left: 19.5%;
            }

            .tip.ss5-tip3 {
                top: 64.5%;
                left: 28%;
            }

            .ss5-tip1 .tip-tool {
                top: 18px;
                right: 150px;
                left: auto;
            }

            .ss5-tip1 .tip-tool:before {
                top: -8px;
                right: 50px;
                left: auto;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .tipshow {
                z-index: 2;
                opacity: 1
            }

            .close {
                width: 12px;
                height: 12px;
                position: absolute;
                right: 8px;
                top: 8px;
                cursor: pointer;
                opacity: .6;
            }

            .close:hover {
                opacity: 1;
            }

            .close:before,.close:after {
                background: #fff;
                content: ' ';
                height: 10px;
                left: 5px;
                position: absolute;
                width: 1.5px;
            }

            .close:after {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .close:before {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            @-webkit-keyframes pulse {
                100% {
                    -webkit-box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
                    box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
                }
            }

            @keyframes pulse {
                100% {
                    -webkit-box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
                    box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
                }
            }

.img-tab {
    max-width: 777px;
    margin: auto;
}

.m-center .tab-list {
    margin-bottom: 0;
}
            @media(max-width: 1200px) {
                .m-center .tab-list {
                    display:none;
                }

                .tab-contents {
                    display: block;
                    padding: 20px;
                    margin-bottom: 30px;
                }

                .tab-contents h2.tab-header {
                    display: block;
                }

                .tab-contents img {
                    margin-bottom: 10px;
                }

                .tip {
                    position: relative;
                }

                .close,.tip-tool:before,.tip-com span {
                    display: none;
                }

                .tip-tool {
                    background: #fff;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    width: 100%;
                    top: 0;
                    left: 0;
                    opacity: 1;
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                    margin: 0;
                    padding: 0;
                }

                .tip .tip-tool p {
                    color: #000;
                    padding-left: 10px;
                    margin: 10px 0;
                }

                .tip .tip-tool p::before {
                    content: '';
                    width: 5px;
                    height: 5px;
                    border-radius: 50px;
                    background: #000;
                    position: absolute;
                    left: 0;
                    top: 6px;
                }

                .tip,.tip .tip-tool {
                    top: 0!important;
                    left: 0!important;
                }
            }


 .feb-pre-footer .col20 ul li a[href$="#"]{display:block}
 
 /* Temp */
 /*--=== FOOTER ===--*/    
.feb-pre-footer{background-color:#edf2f5;padding:70px 0 72px;float:left;width:100%;    position: relative;}
.feb-pre-footer.topcol{background:#f9f9f9;}
.feb-pre-footer *{margin:0;padding:0;box-sizing:border-box;font-family: 'ZohoPuvi';}
.feb-pre-footer ul,.feb-pre-footer ol{list-style-type:none;margin-bottom:30px}
.feb-pre-footer a,.feb-pre-footer a:hover{text-decoration:none}
.feb-pre-footer .feb-pre-footer-container{max-width:1240px;width:100%;padding:0 20px;margin:0 auto}
.feb-pre-footer .mt-42{margin-top:42px}
.feb-pre-footer .col1{float:left;width:40%;padding-right:20px}
.feb-pre-footer .col1 .plogo-base{margin-left:-15px}
.feb-pre-footer .col1 .plogo-base ul li{float:left;width:127px;height:57px;border-radius:4px;text-align:center;background-color:#fff;margin-left:15px;margin-bottom:15px}
.feb-pre-footer .col1 .plogo-base ul li i,.feb-pre-footer .col1 .plogo-base ul li a{height:57px}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo1{background-position:-12px -512px;width:87px}
.feb-pre-footer .col1 .plogo-base ul li .icn-plogo3{background-position:-240px -511px;width:60px}
.feb-pre-footer .col1 .vid-sec{margin-top:25px;width:411px;height:231px;position:relative;display:none;}
.feb-pre-footer .col1 .vid-sec .icn-vid{background-position:-9px -579px;width:411px;height:231px;cursor:pointer;position:absolute;top:0;left:0}
.feb-pre-footer .col20{width:20%;float:left;padding-right:10px;padding-top:4px}
.feb-pre-footer .col20 h4{color:#272727;font-size:19px;font-family:'Zoho_Puvi_Bold';margin-left:0;margin-bottom:14px}
.feb-pre-footer .col20 ul li{line-height:20px;margin-bottom:12px}
.feb-pre-footer .col20 ul li a{color:#323433;font-size:13px;}
.feb-pre-footer .col20 ul li a:hover{text-decoration:underline}
.feb-pre-footer .col20 ul li a[href$="#"]{display:none}
.feb-pre-footer .col20.col3{padding-left:30px}
.feb-pre-footer .col20.col4{padding-left:30px}
.feb-pre-footer .vid-sec-vid{border: 0;height: 210px;border-radius: 5px;}
.feb-pre-footer .col1 h4{color:#272727;font-size:19px;font-family:Zoho_Puvi_Bold;margin-left:0;margin-bottom:14px}
.feb-pre-footer .col1 ul li{margin-bottom:10px}
.feb-pre-footer .col1 ul li a{color:#272727;font-size:14px;line-height:25px}
.feb-pre-footer .col1 ul li a:hover{text-decoration:underline}
.feb-pre-footer.fir-footer .col1{width:30%}
.feb-pre-footer.fir-footer .col20{float:right;width:68%}
.feb-pre-footer.fir-footer .col1 .vid-sec{margin-top:0;width:100%}
.feb-pre-footer.fir-footer h2{margin-bottom:15px;}
.feb-pre-footer.fir-footer p span{border-right:solid 1px #9ba3a5;display:inline-block;padding:0 20px 0 30px;position:relative;}
.feb-pre-footer.fir-footer p span:nth-child(2){border:none;margin-left:10px;padding-right:0}
.feb-pre-footer.fir-footer p span:after{background:url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png);background-position:-226px -104px;background-size:460px;content:"";height:25px;left:0;position:absolute;top:0;width:25px}
.feb-pre-footer.fir-footer p span a{color:#333;font-size:15px;}
.feb-pre-footer.fir-footer ul li{box-shadow:0px 0px 11px #ccc;display:inline-block;background:url(https://www.manageengine.com/log-management/images/customer-testimonial-sprite.png) #fff no-repeat;background-position:-4px -4px;border-radius:7px;background-size:460px;height:92px;margin:23px 14px 0 0;width:107px;}
.feb-pre-footer.fir-footer ul li a{display:block;height:100%;width:100%;}
.feb-pre-footer.fir-footer ul li:nth-child(2){background-position:-113px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(3){background-position:-223px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(4){background-position:-333px -5px}
.feb-pre-footer.fir-footer ul li:nth-child(5){background-position:-4px -99px}
.feb-pre-footer.fir-footer ul li:nth-child(6){background-position:-113px -99px}

.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}