#scroll,.sec-pTB.bg-l-grey,.heading-menu{display:none!important}
.main-contents *{-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
html.no-scroll{overflow:hidden}
#backToTop{display:none!important}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
img{max-width:100%;height:auto}
.main-contents article,.main-contents aside,.main-contents details,.main-contents figcaption,.main-contents figure,.main-contents footer,.main-contents header,.main-contents hgroup,.main-contents menu,.main-contents nav,.main-contents section{display:block}
.af{color:#102336;background:#fff;font-family:"ZohoPuvi";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;color:#102336}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px;color:#102336;font-weight:300}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0;color:#102336}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{-webkit-box-sizing:border-box;box-sizing:border-box;color:#102336}
.af div{-webkit-box-sizing:border-box;box-sizing:border-box}
.af{width:100%;display:inline-block;float:left}
.ac{margin:0 auto;position:relative;max-width:1200px;width:90%}
a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.icn-download,.icn-rea1,.icn-rea2,.icn-rea3{background-image:url(/sites/meweb/images/fr/log-management/images/content-aware-mobile-sprite.png);background-repeat:no-repeat;background-size:46px 173px}
.ban-ani span,.ban-ani::after{background-image:url(/sites/meweb/images/fr/log-management/images/content-aware-sprite1.png);background-repeat:no-repeat;background-size:500px 638px;position:absolute}
.ban{padding:100px 0 150px;background:-o-linear-gradient(top,rgba(161,231,255,0.56),#fff 80%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(161,231,255,0.56)),color-stop(80%,#fff));background:linear-gradient(to bottom,rgba(161,231,255,0.56),#fff 80%)}
.ban .lhs{float:left;width:calc(100% - 500px);padding-right:100px;margin-top:34px}
.ban .lhs h1{font-size:48px;font-weight:200;color:#102336;margin-bottom:20px;line-height:1.3}
.ban .lhs h1 strong{font-weight:600}
.ban .lhs p{font-size:18px;line-height:1.7;font-weight:300;padding-bottom:26px;color:#102336}
.ban .lhs a{background-color:#e8132a;font-size:18px;line-height:18px;font-weight:500;color:#fff;padding:16px 40px 16px 60px;border-radius:4px;font-weight:400;display:inline-block;position:relative}
.ban .lhs a .icn-download{background-position:-4px -2px;width:12px;height:16px;vertical-align:middle;position:absolute;left:32px}
.ban .lhs a:hover{background-color:#fc1933;-webkit-box-shadow:8px 8px 15px rgba(213,51,54,0.4);box-shadow:8px 8px 15px rgba(213,51,54,0.4)}
.ban .rhs{float:right;width:400px;position:relative}
.ban-ani{width:370px;height:340px;background:#2dd0ff;border-radius:20px;position:relative}
.ban-ani::after{content:'';background-position:-12px -11px;width:116px;height:114px;position:absolute;bottom:18px;left:-66px}
span.ban-binary{width:100%;height:100%;left:0;position:absolute;top:0;right:0;border-radius:21px;background:url(/sites/meweb/images/fr/log-management/images/content-aware-binary.png) repeat-y 0 0;background-size:366px 334px;animation:flow 200s linear infinite reverse}
.ban1{background-position:-8px -331px;width:389px;height:286px;top:-16px;left:4px;-webkit-animation:icon-scale2 .5s linear 1.4s both;animation:icon-scale2 .5s linear 1.4s both}
.ban2{background-position:-372px -17px;width:120px;height:145px;top:36px;left:90px;-webkit-animation:note1 1.4s linear 1.2s both;animation:note1 1.4s linear 1.2s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.ban3{background-position:-366px -170px;width:114px;height:141px;top:36px;right:86px;-webkit-animation:note2 1.4s linear 1.2s both;animation:note2 1.4s linear 1.2s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.ban4{background-position:-154px -11px;width:198px;height:227px;bottom:26px;left:96px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-animation:shield 1.2s linear .1s;animation:shield 1.2s linear .1s}
.ban5{background-position:-11px -134px;width:59px;height:57px;top:112px;left:-22px;-webkit-animation:icon-scale2 .6s linear 1.6s both,icon-scale 1.6s linear 2.6s infinite;animation:icon-scale2 .6s linear 1.6s both,icon-scale 1.6s linear 2.6s infinite}
.ban6{background-position:-83px -134px;width:59px;height:57px;top:-34px;left:126px;-webkit-animation:icon-scale2 .6s linear 1.8s both,icon-scale 1.6s linear 2.8s infinite;animation:icon-scale2 .6s linear 1.8s both,icon-scale 1.6s linear 2.8s infinite}
.ban7{background-position:-12px -206px;width:59px;height:57px;top:-10px;right:10px;-webkit-animation:icon-scale2 .6s linear 2s both,icon-scale 1.6s linear 3s infinite;animation:icon-scale2 .6s linear 2s both,icon-scale 1.6s linear 3s infinite}
.ban8{background-position:-84px -206px;width:59px;height:57px;bottom:126px;right:-6px;-webkit-animation:icon-scale2 .6s linear 2.2s both,icon-scale 1.6s linear 3.2s infinite;animation:icon-scale2 .6s linear 2.2s both,icon-scale 1.6s linear 3.2s infinite}
.ban9{background-position:-164px -261px;width:71px;height:56px;top:58px;left:-10px;-webkit-animation:paper-plane 1.4s linear 2s both;animation:paper-plane 1.4s linear 2s both}
@-webkit-keyframes paper-plane {
0%{opacity:0;top:190px;left:118px}
100%{opacity:1;top:58px;left:-10px}
}
@keyframes paper-plane {
0%{opacity:0;top:190px;left:118px}
100%{opacity:1;top:58px;left:-10px}
}
@-webkit-keyframes icon-scale2 {
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes icon-scale2 {
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes icon-scale {
0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
75%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes icon-scale {
0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
75%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes note1 {
0%{opacity:0;-webkit-transform:rotate(10deg) translateY(65px);transform:rotate(10deg) translateY(65px)}
40%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes note1 {
0%{opacity:0;-webkit-transform:rotate(10deg) translateY(65px);transform:rotate(10deg) translateY(65px)}
40%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes note2 {
0%{opacity:0;-webkit-transform:rotate(-10deg) translateY(65px);transform:rotate(-10deg) translateY(65px)}
40%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes note2 {
0%{opacity:0;-webkit-transform:rotate(-10deg) translateY(65px);transform:rotate(-10deg) translateY(65px)}
40%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes shield {
0%{opacity:0;height:0}
100%{opacity:1;height:227px}
}
@keyframes shield {
0%{opacity:0;height:0}
100%{opacity:1;height:227px}
}
.sprite2,.sec1-wrap .icn1::after,.sec1-wrap .icn1::before{background:url(/sites/meweb/images/fr/log-management/images/content-aware-sprite2.png) no-repeat;background-size:750px 2262px;display:inline-block}
.sec1{background:transparent;position:relative;margin-bottom:60px;width:100%;float:right;z-index:1}
.sec1 .ac{max-width:1500px;width:100%}
.sec1-wrap{position:relative;width:90%;float:right;position:relative;z-index:1}
.sec1-hidden{background:#fff5e1;border-radius:40px 0 0 40px;min-height:335px;padding:70px 60px 70px 400px;position:relative}
.sec1-hidden::before{content:'';border:1px solid rgba(155,134,92,0.357);border-radius:60px 0 0 60px;position:absolute;width:90%;height:calc(100% + 40px);top:-20px;right:0;z-index:-1}
.sec1-wrap .icn1{background-position:-15px -24px;width:526px;height:465px;position:absolute;top:0;bottom:0;margin:auto;left:-174px;opacity:0}
.act .sec1-wrap .icn1{-webkit-animation:super-man 1s linear both;animation:super-man 1s linear both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
@-webkit-keyframes super-man {
0%{left:-300px}
100%{left:-174px;opacity:1}
}
@keyframes super-man {
0%{left:-300px}
100%{left:-174px;opacity:1}
}
.sec1-wrap .icn1::after{content:'';background-position:-603px -62px;width:69px;height:97px;position:absolute;top:36px;right:0}
.sec1-wrap .icn1::before{content:'';background-position:-15px -567px;width:314px;height:135px;position:absolute;left:170px;bottom:-2px;opacity:0}
.act .sec1-wrap .icn1::before{-webkit-animation:step 1s linear 1s both;animation:step 1s linear 1s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
@-webkit-keyframes step {
0%{width:0;opacity:1}
100%{width:314px;opacity:1}
}
@keyframes step {
0%{width:0;opacity:1}
100%{width:314px;opacity:1}
}
.sec1 h2{color:#102336;font-size:30px;font-weight:500;padding-bottom:28px;line-height:36px}
.sec1 p{font-size:16px;font-weight:300;line-height:1.8;color:#102336;width:88%}
.sec1 .text1{margin-bottom:40px}
.sec1 .sec1-wrap .text1 p:nth-child(2){padding-bottom:18px}
.sec2{margin-top:40px}
.box-tit h2{font-size:32px;font-weight:600;line-height:46px;padding-bottom:25px}
.box-tit p{font-size:30px;font-weight:300;line-height:36px}
.box-tit p i{color:#ff6363}
#backToTop{display:none!important;opacity:0}
.clearfix:before,.clearfix:after{content:"";display:table;clear:both}
.pad-t30{padding-top:30px}
.tab-mob-show{display:none}
footer,.btmBar{float:left;width:100%}
#btmBar ul li a{font-family:"ZohoPuvi"}
.sec2 h2{font-size:35px;font-weight:600;text-align:center;padding-bottom:55px}
.scrn-com{float:left;width:100%}
.scrn-mit{padding-top:70px}
.scrn-com.scrn-ml .lhs{padding-top:50px}
.scrn-com .lhs{padding:0 50px 0 0;float:left;width:50%}
.scrn-com .lhs h3{font-size:30px;font-weight:500;color:#102336;margin-bottom:14px;line-height:42px;position:relative}
.scrn-com .lhs h3:before{content:"";width:4px;height:calc(100% - 10px);position:absolute;top:0;left:0;bottom:0;margin:auto}
.screen-pink .lhs span{display:inline-block;font-size:20px;font-weight:400;color:#316fdd;margin-bottom:10px}
.screen-pink .lhs{margin-top:86px}
.screen-pink{padding-bottom:42px}
.screen-green{padding-bottom:90px;padding-top:120px}
.screen-green .lhs{margin-top:60px}
.scrn-com .lhs p{font-size:16px;padding-bottom:25px;line-height:34px;color:#102336}
.scrn-com .lhs ul{padding:10px 0 20px}
.scrn-com .lhs ul li{font-size:16px;padding:0 0 20px 50px;line-height:28px;position:relative}
.scrn-com .lhs ul li:before{content:"";position:absolute;width:30px;height:30px;background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat;background-size:2000px 3250px;background-position:-181px -417px;margin:7px 0 0 -50px}
.scrn-com .lhs a{font-size:17px;line-height:28px;border:1px solid #102336;border-radius:5px;padding:10px 65px 10px 30px;display:inline-block;position:relative}
.scrn-com .lhs a:after{content:"";position:absolute;width:24px;height:15px;background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat;background-size:2000px 3250px;background-position:-213px -392px;margin:8px 0 0 17px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.scrn-com .lhs a:hover{background:#e8132a;border:1px solid #e8132a;color:#fff}
.scrn-com .lhs a:hover:after{background-position:-247px -392px}
.scrn-com .rhs{float:left;width:50%}
.scrn-mit .lhs{padding:0 0 0 90px;float:right}
.mob-s-scrn{width:100%;display:none}
.scrn-com .tit{padding:60px 0 30px}
.scrn-com .tit h2{font-size:30px;font-weight:500;padding-bottom:20px}
.scrn-com .tit p{text-align:center;font-size:16px;line-height:28px;font-weight:300}
.spri{position:relative}
.spri span,.spri .s2-2::after,.spri .s3-2::before,.spri .s3-2::after,.spri .s4-2::after,.icn-reason-man::before{background-image:url(/sites/meweb/images/fr/log-management/images/content-aware-sprite2.png);background-repeat:no-repeat;background-size:750px 2262px;display:inline-block;position:absolute}
.spri .s2-1{background-position:-383px -520px;width:355px;height:419px;top:74px;left:-56px;opacity:0}
.act .spri .s2-1{-webkit-animation:scale .5s ease-in-out both;animation:scale .5s ease-in-out both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.spri .s2-2{background-position:-1px -964px;width:515px;height:304px;left:118px;top:150px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0}
.act .spri .s2-2{-webkit-animation:left 1s linear .8s both;animation:left 1s linear .8s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s2-2::after{content:'';background-position:-30px -772px;width:285px;height:141px;bottom:57px;left:132px;opacity:0}
.act .spri .s2-2::after{-webkit-animation:bar1 1.4s linear 1.4s both;animation:bar1 1.4s linear 1.4s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes bar1 {
0%{opacity:0;height:0}
100%{opacity:1;height:141px}
}
@keyframes bar1 {
0%{opacity:0;height:0}
100%{opacity:1;height:141px}
}
.spri{top:-60px!important}
.spri .s3-1{background-position:-7px -1297px;width:350px;height:394px;left:20px;top:20px;opacity:0}
.act .spri .s3-1{-webkit-animation:scale .5s ease-in-out .4s both;animation:scale .5s ease-in-out .4s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s3-2{background-position:-7px -1711px;width:413px;height:262px;left:176px;top:33px;opacity:0}
.act .spri .s3-2{-webkit-animation:scale .5s ease-in-out .8s both;animation:scale .5s ease-in-out .8s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s3-2::before{content:'';background-position:-430px -1444px;width:227px;height:100px;position:absolute;bottom:55px;left:96px;opacity:0}
.act .spri .s3-2::before{-webkit-animation:bar2 1.4s ease-in-out 1.5s both;animation:bar2 1.4s ease-in-out 1.5s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes bar2 {
0%{opacity:0;height:0}
100%{opacity:1;height:100px}
}
@keyframes bar2 {
0%{opacity:0;height:0}
100%{opacity:1;height:100px}
}
.spri .s3-2::after{content:'';background-position:-375px -1286px;width:373px;height:127px;position:absolute;bottom:-109px;left:0;opacity:0}
.act .spri .s3-2::after{-webkit-animation:scale .5s ease-in-out 1.5s both;animation:scale .5s ease-in-out 1.5s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s4-1{background-position:-383px -520px;width:355px;height:419px;top:74px;left:-56px;opacity:0}
.act .spri .s4-1{-webkit-animation:scale 1s ease-in-out .1s both;animation:scale 1s ease-in-out .1s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s4-2{background-position:-1px -964px;width:515px;height:304px;left:118px;top:150px;opacity:0}
.act .spri .s4-2{-webkit-animation:left 1s ease-in-out 1s both;animation:left 1s ease-in-out 1s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s4-2::after{content:'';background-position:-30px -772px;width:285px;height:141px;bottom:57px;left:132px;opacity:0}
.act .spri .s4-2::after{-webkit-animation:bar1 1s ease-in-out 1.4s both;animation:bar1 1s ease-in-out 1.4s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.sec3{margin-top:80px;position:relative;margin-bottom:90px}
.sec3:before{content:"";position:absolute;top:0;left:0;border-radius:0 80px 0 0;background:#e6f8ff;height:100%;width:75%}
.sec3:after{content:"";background:url(/sites/meweb/images/fr/log-management/images/content-aware-building.png) repeat-x;background-size:contain;width:75%;height:379px;position:absolute;bottom:0;left:0;-webkit-animation:building 3000s linear infinite;animation:building 3000s linear infinite}
@-webkit-keyframes building {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
@keyframes building {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
.mob-view{display:none}
.reasons-wrap{padding:20px 0 50px;min-height:750px}
.reasons-wrap .lhs{float:left;max-width:435px;width:100%}
.icn-reason-man{background-position:-450px -1621px;width:270px;height:525px;position:absolute;bottom:-90px;z-index:1}
.icn-reason-man::before{content:'';background-position:-12px -1989px;width:423px;height:261px;position:absolute;top:-274px;left:50px}
.reasons-wrap .rhs{float:right;max-width:calc(100% - 360px);width:100%;position:relative;padding-top:40px;z-index:1}
.reasons-wrap .rhs ul .sprite2,.icn-rea1,.icn-rea2,.icn-rea3{height:44px;display:block;margin-bottom:10px}
.icn-rea1{background-position: -3px -26px;width:41px}
.icn-rea2{background-position:-3px -75px;width:43px}
.icn-rea3{background-position:-3px -123px;width:40px}
.reasons-wrap .rhs ul{vertical-align:top;max-width:100%;width:100%}
.reasons-wrap .rhs ul li{background:#fff;padding:30px;border-radius:5px;-webkit-box-shadow:0 11px 70px rgba(61,81,91,0.08);box-shadow:0 11px 70px rgba(61,81,91,0.08);margin-top:20px}
.reasons-wrap .rhs h3 + ul{margin-left:-35px}
.reasons-wrap .rhs h3 + ul li:first-child{width:44%;margin:auto}
.reasons-wrap .rhs ul + ul li{display:inline-block;width:44%;vertical-align:top}
.reasons-wrap .rhs ul + ul li:first-child{margin-right:24px}
.reasons-wrap .rhs ul li h5{font-size:18px;font-weight:500;color:#1a2d40;margin-bottom:15px}
.reasons-wrap .rhs ul li p{color:#1a2d40;font-size:15px;line-height:1.7;margin:0}
.sec4{margin-top:-20px;margin-bottom:90px;position:relative;z-index:2;background:transparent}
@-webkit-keyframes scale {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scale {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes left {
0%{opacity:1;width:0}
100%{opacity:1;width:515px}
}
@keyframes left {
0%{opacity:1;width:0}
100%{opacity:1;width:515px}
}
@media screen and (max-width: 1400px) {
.scrn-ml .lhs{margin-left:-125px}
}
@media screen and (max-width: 1250px) {
.scrn-com .lhs{width:44%}
}
@media screen and (max-width: 1199px) {
.ban .lhs{padding-right:25px}
.ban .lhs h1{font-size:32px;line-height:45px}
.scrn-com .lhs h3{font-size:24px;line-height:30px}
.scrn-com .lhs p{font-size:14px}
.sec1-wrap p{width:90%}
}
@media screen and (max-width: 1140px) {
.spri{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
.scrn-mit .rhs .spri{left:-30px}
.screen-pink .lhs,.screen-green .lhs{margin-top:0}
}
@media screen and (max-width: 1100px) {
.reasons-wrap .rhs ul + ul li{height:331px}
}
@media screen and (max-width: 1025px) {
#header-mainsec .headerinner{padding-bottom:8px}
.ban .lhs h1{font-size:30px}
}
@media screen and (max-width: 992px) {
.mob-hide,.scrn,.sec4 .lhs,.ban .rhs{display:none}
.tab-mob-show{display:block;padding-top:20px}
.tab-mob-show img{width:100%}
.sec1 h2{padding-bottom:20px}
.sec1{margin-top:0;margin-bottom:30px}
.sec1-wrap{float:none;margin:auto}
.sec4 .rhs{width:100%;padding:0}
.ban .lhs{width:100%;padding:0;text-align:center}
.ban .lhs h1{font-size:30px;line-height:38px;margin-bottom:24px}
.ban .lhs p{font-size:18px;width:74%;margin:0 auto}
.ban .lhs a{margin-top:10px}
.ban{padding:80px 0 60px}
.scrn-com .lhs,.scrn-com .rhs{width:100%;padding:0;margin:auto}
.scrn-mit{padding-top:0}
.sec2 .scrn-com{background:#fff;margin-bottom:20px;padding:50px 20px;border-radius:5px;border:1px solid #a1e8ff}
.screen-pink .rhs{display:none}
.scrn-mit .rhs{padding-bottom:30px}
.scrn-com.scrn-ml .lhs{padding-top:0}
.scrn-com .tit{padding:20px 0 30px}
.ac{max-width:100%}
.sec1 .ac{max-width:95%}
.ban .lhs{padding:0;margin:0}
.ban .lhs h1{line-height:42px}
.scrn-com .spri{display:none}
.sec1-hidden{padding:2px;max-width:100%;text-align:center;width:100%;min-height:inherit;background:#fff}
.sec1-wrap p{width:100%}
.sec1-wrap .sprite2,.sec1-hidden::before{display:none}
.sec1-wrap::after,.sec1-wrap::before{display:none}
.sec3:before,.sec3:after{display:none}
.reasons-wrap .lhs{display:none}
.reasons-wrap .rhs{max-width:100%;margin-top:0;padding-top:0}
.reasons-wrap .rhs ul{max-width:100%}
.sec3 .mob-view span{display:block;font-weight:300;font-size:20px}
.sec3 .mob-view{display:block;text-align:center;font-size:25px;font-weight:600;line-height:1.6;margin-top:0;margin-bottom:30px}
.sec3{background:#e6f8ff}
.reasons-wrap{padding:60px 0}
.sec3{margin-top:35px}
.mob-s-scrn{display:block}
.reasons-wrap .rhs ul + ul li{width:48%;height:auto}
.reasons-wrap .rhs h3 + ul{margin-left:0}
}
@media screen and (max-width: 767px) {
.d-com{width:100%}
.sec2 h2,.scrn-com .tit h2,.usecase-section h2 span,.s8 h2{font-size:30px;line-height:40px}
.scrn-com .lhs h3{font-size:22px;line-height:30px;margin-bottom:20px}
.video-section{margin-bottom:0;padding-top:40px}
.mob-foot{float:left}
.reasons-wrap .rhs ul + ul li:first-child{margin-right:0}
.reasons-wrap .rhs h3 + ul li:first-child,.reasons-wrap .rhs ul + ul li{width:100%}
}
@media screen and (max-width: 740px) {
.ban .lhs p{font-size:17px;width:100%}
}
@media screen and (max-width: 567px) {
.sec1 h2,.sec2 h2,.scrn-com .tit h2,.usecase-section h2 span,.s8 h2{font-size:20px;line-height:28px}
.sec1 p{font-size:14px;line-height:25px}
.scrn-com .lhs h3{font-size:18px;line-height:24px;margin-bottom:20px}
.sec3 .mob-view{font-size:20px;line-height:1.4}
.sec1 p{padding:0}
.scrn-com .lhs p{line-height:25px}
.usecase-content .sprite{display:none}
.usecase-content{margin:30px auto 0}
.usecase-content .usecase-box{padding:40px}
.usecase-section{padding:40px 0 20px}
.sec4{padding:50px 0 60px}
.scrn-com .lhs a{font-size:14px;padding:10px 15px}
.scrn-com .lhs a:after,.usecase-content .tab-cta1:after{display:none}
.usecase-content .tab-cta1{font-size:15px;padding:10px 20px}
.ban .lhs h1{font-size:30px}
.ban .lhs h1 br{display:none}
.reasons-wrap .rhs ul li{margin-top:22px}
}
@media screen and (max-width: 500px) {
.ds-list li{width:100%}
}
@media screen and (max-width: 425px) {
.ban .lhs h1{font-size:26px;line-height:40px}
.ban .lhs p{font-size:16px}
}
@media (min-width: 1920px) {
.sec3::before,.sec3::after{left:calc(50vw - 800px);max-width:1600px}
}


@media screen and (max-width : 1100px){
.ban .rhs {
    transform: scale(.7);
    right: -50px;
}
}
</style>
 <style type="text/css">
 .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}
body .Country_based_cta .CB_CTA_wrap .CS_CTA_download:before, body .CS_CTAContainer .double-btn .CS_CTA_download:before{left:calc(50% - 64px);}