#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}
.data-log-sprite,.icn-reason-man::before{background:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-sprit.png) no-repeat;background-size:851px 3010px;display:inline-block}
.ban{padding:80px 0 290px;background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,#fff3e6),to(#fff));background:-o-linear-gradient(top,#fff3e6 70%,#fff);background:linear-gradient(to bottom,#fff3e6 70%,#fff)}
.ban .lhs{float:left;width:calc(100% - 530px);padding-right:100px;margin-top:80px}
.ban .lhs h1{font-size:40px;font-weight:600;color:#000;margin-bottom:20px;line-height:52px}
.ban .lhs p{font-size:20px;line-height:30px;font-weight:300;padding-bottom:40px;color:#333}
.ban .rhs{float:right;width:400px;position:relative}
.ban-ani,.meter-bg::after{background:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-sprit.png) no-repeat;background-size:851px}
.ban-ani{width:370px;height:406px;background-position:-16px -12px;position:relative}
.meter-bg{width:200px;height:200px;border-radius:50%;background-color:transparent;position:absolute;bottom:-40px;left:82px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-animation:meter-rotate 2s ease-in-out,infi-meter 2s linear 2s infinite;animation:meter-rotate 2s ease-in-out,infi-meter 2s linear 2s infinite}
.meter-bg::after{content:'';width:112px;height:90px;background-position:-402px -97px;position:absolute;bottom:75px;left:76px}
@-webkit-keyframes meter-rotate {
0%{-webkit-transform:rotate(-144deg);transform:rotate(-144deg)}
70%{-webkit-transform:rotate(42deg);transform:rotate(42deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes meter-rotate {
0%{-webkit-transform:rotate(-144deg);transform:rotate(-144deg)}
70%{-webkit-transform:rotate(42deg);transform:rotate(42deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes infi-meter {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes infi-meter {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes ltrani {
0%{width:0}
100%{width:183px}
}
@keyframes ltrani {
0%{width:0}
100%{width:183px}
}
@-webkit-keyframes flow1 {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
@keyframes flow1 {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
@-webkit-keyframes hacker {
0%{-webkit-transform:translateY(115px);transform:translateY(115px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
@keyframes hacker {
0%{-webkit-transform:translateY(115px);transform:translateY(115px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
@-webkit-keyframes scrnline {
0%{-webkit-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scrnline {
0%{-webkit-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.sec1{background:transparent;margin-top:-230px;position:relative;margin-bottom:60px;z-index:1}
.sec1 .ac{max-width:1060px}
.sec1-wrap::before,.sec1-wrap::after{content:"";background:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-sprit.png) no-repeat;background-size:851px 3010px}
.sec1-wrap::before{background-position:-609px -201px;width:195px;height:195px;position:absolute;left:-60px;top:-60px;z-index:-1}
.sec1-wrap{background:#fff;-webkit-box-shadow:0 0 6px rgba(232,232,232,0.5);box-shadow:0 0 6px rgba(232,232,232,0.5);position:relative;border-radius:6px}
.sec1-wrap::after{background-position:-646px -27px;width:156px;height:156px;position:absolute;right:-50px;bottom:-46px;z-index:-1}
.sec1-hidden{min-height:335px;padding:40px 60px 40px 250px;position:relative;overflow:hidden}
.sec1-wrap .icn1{background-position:-402px -201px;width:183px;height:200px;position:absolute;top:50%;left:26px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.star{background:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-sprit.png) no-repeat;background-size:851px 3010px;background-position:-402px -202px;width:64px;height:38px;position:absolute;right:22px;top:44px}
.sec1 h2{color:#000;font-size:18px;font-weight:600;padding-bottom:12px;line-height:28px}
.sec1 p{font-size:15px;font-weight:300;line-height:24px;color:#333}
.sec1 .text1{margin-bottom:30px}
.sec1 .sec1-wrap .text1 p:nth-child(2){padding-bottom:10px}
@-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 graphver {
from{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
}
@keyframes graphver {
from{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
}
@-webkit-keyframes graphhor {
0%{width:0}
100%{width:308px;opacity:1}
}
@keyframes graphhor {
0%{width:0}
100%{width:308px;opacity:1}
}
@-webkit-keyframes arrdown {
0%{height:0}
100%{height:76px;opacity:1}
}
@keyframes arrdown {
0%{height:0}
100%{height:76px;opacity:1}
}
.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}
@media screen and (max-width: 500px) {
.ds-list li{width:100%}
}
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%;padding-bottom:80px}
.scrn-mit{padding-top:30px}
.scrn-com.scrn-ml .lhs{padding-top:50px}
.scrn-com .lhs{padding:0 50px 0 0;float:left;width:48%}
.scrn-com .lhs h3{font-size:30px;font-weight:600;margin-bottom:22px;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-blue .lhs{margin-top:95px}
.screen-pink .lhs{margin-top:110px}
.screen-pink{padding-bottom:220px}
.screen-green{padding-bottom:126px}
.screen-green .lhs{margin-top:10px}
.screen-purple{padding-top:120px;padding-bottom:286px}
.screen-purple .lhs{margin-top:60px}
.screen-brown{padding-bottom:200px}
.screen-brown .lhs{margin-top:100px}
.scrn-com .lhs p{font-size:15px;padding-bottom:25px;line-height:34px;color:#333}
.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{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;z-index:1}
.spri span{background-image:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-sprit.png);background-repeat:no-repeat;background-size:851px 3010px;display:inline-block;position:absolute}
.spri .s1-1{background-position:-13px -620px;width:210px;height:328px;left:25px;top:110px;opacity:0}
.spri .s1-2{background-position:-247px -610px;width:530px;height:464px;left:190px;top:100px;opacity:0}
.spri .s1-3{background-position:-40px -435px;width:156px;height:156px;left:584px;top:440px;z-index:-1;opacity:0}
.act .spri .s1-1{-webkit-animation:scale .5s ease-in-out .2s both;animation:scale .5s ease-in-out .2s both}
.act .spri .s1-2{-webkit-animation:scale .5s ease-in-out .5s both;animation:scale .5s ease-in-out .5s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.act .spri .s1-3{-webkit-animation:scale .5s ease-in-out .5s both;animation:scale .5s ease-in-out .5s both}
.spri .s2-1{background-position:-12px -1098px;width:265px;height:300px;top:74px;left:-120px;opacity:0}
.act .spri .s2-1{-webkit-animation:scale .5s ease-in-out 1s both;animation:scale .5s ease-in-out 1s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.spri .s2-1::after{content:'';background-position:-222px -435px;width:156px;height:156px;bottom:0;left:0}
.spri .s2-2{background-position:-292px -1138px;width:558px;height:260px;left:25px;top:122px;opacity:0}
.act .spri .s2-2{-webkit-animation:scale 1s ease-in-out 1.3s both;animation:scale 1s ease-in-out 1.3s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s2-3{background-position:-222px -435px;width:156px;height:156px;left:25px;top:122px;left:-164px;top:270px;z-index:-1}
.spri{top:-60px!important}
.spri .s3-1{background-position:-12px -1441px;width:231px;height:470px;left:0;top:20px;opacity:0}
.screen-green .rhs .sprit{left:-22px}
.act .spri .s3-1{-webkit-animation:scale .5s ease-in-out .2s both;animation:scale .5s ease-in-out .2s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s3-2{background-position:-270px -1437px;width:568px;height:456px;left:176px;top:33px;opacity:0}
.act .spri .s3-2{-webkit-animation:scale 1s ease-in-out .4s both;animation:scale 1s ease-in-out .4s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s3-3{background-position:-404px -437px;width:156px;height:156px;left:638px;top:366px;z-index:-1}
.spri .s4-1{background-position:-25px -1954px;width:185px;height:239px;left:-100px;top:146px;opacity:0}
.act .spri .s4-1{-webkit-animation:scale .5s ease-in-out .3s both;animation:scale .5s ease-in-out .3s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s4-2{background-position:-248px -1939px;width:467px;height:508px;left:50px;top:50px;opacity:0}
.act .spri .s4-2{-webkit-animation:scale .5s ease-in-out .6s both;animation:scale .5s ease-in-out .6s both;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.spri .s4-3{background-position:-586px -435px;width:156px;height:156px;left:-148px;top:288px;z-index:-1}
.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:#fff3e6;height:100%;width:75%}
.sec3:after{content:"";background:url(/sites/meweb/images/fr/log-management/images/data-risk-assessment-with-log360-building.png) repeat-x;background-size:contain;width:75%;height:379px;position:absolute;bottom:0;left:0;-webkit-animation:flow1 3000s linear infinite;animation:flow1 3000s linear infinite}
.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::before{content:'';background-position:-311px -2493px;width:360px;height:222px;position:absolute;top:-244px;left:32px}
.icn-reason-man{background-position:-16px -2512px;width:250px;height:484px;position:absolute;bottom:-90px;z-index:1}
.reasons-wrap .rhs{float:right;max-width:750px;width:100%;margin-top:60px;position:relative;z-index:1}
.reasons-wrap .rhs ul .data-log-sprite,.icn-rea1,.icn-rea2,.icn-rea3,.icn-rea4{height:37px;display:block;margin-bottom:10px}
.icn-rea1{background-position:-24px -1px;width:36px}
.icn-rea2{background-position:-3px -89px;width:57px}
.icn-rea3{background-position:-4px -43px;width:37px}
.icn-rea4{background-position:-3px -129px;width:31px}
.reasons-wrap .rhs ul{display:inline-block;vertical-align:middle;max-width:320px;width:100%;margin-top:-60px}
.reasons-wrap .rhs ul li{background:#fff;padding:44px 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:38px}
.reasons-wrap .rhs ul + ul{margin-left:44px;margin-top:50px}
.reasons-wrap .rhs ul li h5{font-size:16px;font-weight:600;color:#000;margin-bottom:15px;line-height:1.4}
.reasons-wrap .rhs ul li p{color:#333;font-size:15px;line-height:1.7;margin:0}
.sec4{margin-top:-20px;margin-bottom:90px;position:relative;z-index:2;background:transparent}
.resources-wrap{border:1px solid #c3f6e1;padding:15px 50px 15px 25px;background:#fff;border-radius:10px;min-height:270px}
.resources-wrap .lhs{max-width:270px;display:inline-block;width:100%;position:relative}
.resources-wrap .lhs h4{font-size:40px;font-weight:600;line-height:1.4;position:relative;z-index:1;padding:80px 0 0 70px}
.resources-wrap .lhs h4 span{display:block;font-weight:200;font-size:30px}
.resources-wrap .lhs:before{content:"";background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat -790px 0;background-size:2000px 3250px;width:240px;height:240px;position:absolute;top:0;left:0}
.resources-wrap .rhs{max-width:720px;display:inline-block;vertical-align:top;margin:20px 0 0 120px}
.resources-wrap .rhs ul li{display:inline-block;vertical-align:top;position:relative;max-width:45%;width:100%;margin:15px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.resources-wrap .rhs ul li a{padding:18px 50px 18px 25px;background:#fff;-webkit-box-shadow:0 11px 18px rgba(51,51,51,0.05);box-shadow:0 11px 18px rgba(51,51,51,0.05);display:block}
.resources-wrap .rhs ul li:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.resources-wrap .rhs ul li .icn-arrow{background-position:-724px -23px;width:14px;height:14px;position:absolute;right:20px;top:0;bottom:0;margin:auto}
@media screen and (max-width: 1520px) {
.spri{-webkit-transform:scale(0.88);-ms-transform:scale(0.88);transform:scale(0.88)}
.screen-pink{padding-bottom:165px}
.screen-green{padding-bottom:70px}
.screen-purple{padding-bottom:230px}
.screen-brown{padding-bottom:110px}
}
@media screen and (max-width: 1400px) {
.scrn-ml .lhs{margin-left:-125px}
.scrn-ml .rhs .spri{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-left:-100px}
.scrn-mit .rhs .spri{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);margin-right:-250px}
.scrn-rule .rhs .spri{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-left:-50px}
}
@media screen and (max-width: 1250px) {
.scrn-com .lhs{width:41%}
.scrn-mit .rhs .spri{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);margin-right:-47px}
.scrn-rule .rhs .spri{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.scrn-com .lhs{padding:0}
.sec1 .ac{max-width:80%}
.reasons-wrap .rhs{max-width:calc(100% - 400px)}
}
@media screen and (max-width: 1199px) {
.ban .lhs{width:calc(100% - 460px);padding-right:40px}
.ban .lhs h1{font-size:32px;line-height:45px}
.screen-pink .lhs,.screen-green .lhs,.screen-purple .lhs,.screen-brown .lhs,.scrn-mit .lhs{margin-top:0}
.scrn-com .lhs h3{font-size:24px;line-height:30px}
.scrn-com .lhs p{font-size:14px}
.reasons-wrap .rhs ul{max-width:45%}
.resources-wrap .rhs{max-width:640px;margin:20px 0 0}
.sec1-wrap p{width:100%}
}
@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{margin-top:0}
.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;padding-bottom:16px}
.ban .lhs a{margin-top:10px}
.ban{padding:80px 0}
.scrn-com .lhs,.scrn-com .rhs{width:100%;padding:0}
.scrn-mit{padding-top:0}
.scrn-com{background:#fff;margin-bottom:50px;padding:50px 30px;border-radius:5px}
.scrn-mit .rhs{display:none}
.screen-pink{background-color:#fff5ff;border:1px solid #f3c9fb}
.screen-green{background-color:#ecfff9;border:1px solid #54ddaf}
.screen-purple{background-color:#ebecff;border:1px solid #979cff}
.screen-brown{background-color:#fff1eb;border:1px solid #ffac88}
.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-top:0}
.ban .lhs h1{line-height:42px}
.scrn-com .spri{display:none}
.sec1-hidden{padding:25px;max-width:100%;text-align:center;width:100%;min-height:inherit;background:#fff}
.sec1-wrap p{width:100%}
.sec1-wrap .data-log-sprite{display:none}
.sec1-wrap::after,.sec1-wrap::before{display:none}
.sec3:before,.sec3:after,.resources-wrap .lhs:before{display:none}
.reasons-wrap .lhs{display:none}
.reasons-wrap .rhs{max-width:100%;margin-top:0}
.reasons-wrap .rhs ul{max-width:100%;margin-top:0}
.reasons-wrap .rhs ul + ul{margin-left:0;margin-top:0}
.resources-wrap .lhs h4{text-align:center;padding:30px 0 0}
.resources-wrap .lhs,.resources-wrap .rhs,.resources-wrap .rhs ul li{max-width:100%;margin:10px 0}
.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:35px}
.sec3{background:#fff3e6}
.resources-wrap{padding:15px 25px}
.sec2{margin-top:10px}
.sec3{margin-top:35px}
.mob-s-scrn{display:block}
}
@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}
.scrn-com{margin-bottom:30px}
.video-section{margin-bottom:0;padding-top:40px}
.mob-foot{float:left}
}
@media screen and (max-width: 567px) {
.sec1 h2,.sec2 h2,.scrn-com .tit h2,.usecase-section h2 span,.s8 h2{font-size:18px;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}
.resources-wrap .lhs h4{font-size:25px}
.resources-wrap .lhs h4 span{font-size:20px}
.sec1 p{padding:0}
.scrn-com{padding:25px}
.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}
}
@media screen and (max-width: 425px) {
.ban .lhs h1{font-size:26px;line-height:36px}
.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(.8);
    right: -50px;
}
}