#header-topsec{
position:fixed;
}
  .af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
  .af img, .af figure {
      border: 0;
      display: block;
      margin: 0;
      max-width: 100%;
      height: auto;
  }
  #scroll,.sec-pTB.bg-l-grey,.heading-menu{display:none!important}
  #backToTop{display:none!important}
  .af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
  .af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0;color:#000}
  .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;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
  .af a:hover{-webkit-transition:all .5s ease;-moz-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{box-sizing:border-box}
  .af div{box-sizing:border-box}
  .af .ac div{float:left}
  .af{width:100%;display:inline-block;box-sizing:border-box}
  .ac{margin:0 auto;position:relative;max-width:1200px}
  .ban{padding: 55px 0 0;background: #fbf2dc;background: linear-gradient(to bottom,#fbf2dc 20%,#fff 85%);position:relative;overflow: hidden;}
  .ban .lhs-btop{float:left;width:calc(100% - 400px);padding: 35px 100px 0 0;}
  .ban .lhs-btop h1{font-size:42px;line-height:56px;font-weight: 600;color:#102336;margin-bottom:25px;padding-right:50px}
  .ban .lhs-btop p{font-size:18px;line-height:30px;font-weight:300;padding-bottom:15px;color:#102336;padding-right:120px}
  
  .ban .rhs-btop{float:left;width:400px;position:relative}
  .b-ani{position:absolute;background:url(https://www.manageengine.com/log-management/images/incidents-real-time-ban-spri-22.png) no-repeat;background-size:405px;transition:all .4s ease}
  .b-ani-1{background:url(https://www.manageengine.com/log-management/images/incidents-real-time-ban-spri-22.png) no-repeat;background-size:405px;width:400px;height:428px;background-position: 2px -86px;left:0;top:6px;position:relative}
  .b-ic{
      background: url(https://www.manageengine.com/log-management/images/incidents-real-time-ban-spri-22.png) no-repeat;
      background-size: 405px;
      background-position: -13px -1px;
      width: 62px;
      height: 55px;
      display: inline-block;
      position: absolute;
      animation: bbounce 3s ease 0s infinite both;
  }
  @keyframes bbounce {
      0%{transform: translateY(0px);}
      50%{transform: translateY(-20px);}
      100%{transform: translateY(0px);}
  }
  .b-ic-1{
      left: -12px;
      top: 130px;
  }
  .b-ic-2{
      left: 167px;
      top: 15px;
      background-position: -86px 1px;
      animation: bbounce 3s ease 0.5s infinite both;
  }
  .b-ic-3{
      right: -12px;
      top: 130px;
      background-position: -143px -1px;
      animation: bbounce 3s ease 1s infinite both;
  }
  .ban-use{background: #fff4ed;padding: 60px;border-radius:15px;position:relative;margin: 120px 0 130px 0;width: 100%;}
  .ban-use:before, .ban-use:after{
    content:
    '';
    position: absolute;
    background: url('https://www.manageengine.com/log-management/images/incidents-real-time-spri1-22.png') no-repeat;
    background-size: 900px;
    background-position: 150px -920px;
    width: 100%;
    height: 73px;
    left: 0;
    }
  .ban-use:before{
      top: -54px;
  }
  .ban-use:after{
      bottom: -54px;
      background-position: 150px -1000px;
  }
  .ban-use .lhs{
      width: 300px;
  }
  .ban-use .rhs{width:calc(100% - 300px);}
  .maintain{
      width: 230px;
      height: 230px;
      display: block;
      /* background: #fff9f5; */
      border-radius: 50%;
      padding: 70px 10px 0 10px;
      position: relative;
  }
  .maintain:before{content:'';position: absolute;background: url('https://www.manageengine.com/log-management/images/incidents-real-time-spri1-22.png') no-repeat;background-size: 900px;background-position: -623px -625px;width: 248px;height: 274px;left: -24px;top: -24px;}
  .maintain h2{
      text-align: center;
      color: #d83c3c;
      font-weight: 500;
      font-size: 32px;
      line-height: 36px;
      position: relative;
  }
  .maintain h2 span{
      font-size: 17px;
      font-weight: 400;
      color: #222222;
      display: block;
      padding-bottom: 8px;
  }
  .ban-use .rhs h4{font-size:30px;line-height:40px;font-weight:500;padding:10px 0 5px}
  .ban-use .rhs p{font-size: 17px;line-height:28px;color: #333333;}
  .ban-use .rhs p:last-child{margin-bottom: 0;}
  @media screen and (max-width:1150px) {
  .ac{max-width:90%}
  }
  @media screen and (max-width:1000px) {
  .ban .rhs-btop{display:none}
  .ban .lhs-btop{width:100%;padding:0;text-align:center}
  .ban .lhs-btop p{font-size:18px}
  .ban .lhs-btop a{margin-top:10px}
  .ban{padding:80px 0 15px}
  }
  
  /* ANIMATION */
  .animate{transition:all .8s ease-in-out;opacity:0}
  .animate.animated{opacity:1}
  .fadeInUp{transform:translateY(20px)}
  .fadeInUp.animated{transform:translateY(0px)}
  .fadeInLeft{transform:translateX(-20px)}
  .fadeInLeft.animated{transform:translateX(0px)}
  .fadeInRight{transform:translateX(20px)}
  .fadeInRight.animated{transform:translateX(0px)}
  .fadeInRight{transform:translateX(20px)}
  .fadeInRight.animated{transform:translateX(0px)}
  
  
  
  
  .top-ics i{background-size:1500px;background-position:-7px -315px;width:24px;height:64px;display:inline-block;position:absolute;left:0;top:-65px}
  .top-ics I:nth-child(1){left:6%}
  .top-ics I:nth-child(2){background-position:-41px -315px;width:98px;height:88px;top:-87px;left:37%}
  .top-ics I:nth-child(3){background-position:-149px -315px;left:68%;width:25px;height:34px;top:-35px}
  .top-ics I:nth-child(4){background-position:-184px -315px;left:92%;width:37px;height:66px;top:-63px}
  .sec2 h2{font-size:35px;font-weight:600;text-align:center;padding-bottom:55px}
  .tit{text-align:center;width:100%;margin-bottom:60px}
  .tit h2{font-size:24px;font-weight:400;line-height:36px;padding-top:15px}
  .tit-2{text-align: center;width: 100%;padding-bottom: 90px;}
  .tit-2 h2{font-size: 38px;font-weight: 600;line-height: 46px;padding: 0 0 10px 0;}
  .tit-2 p{font-size: 18px;line-height: 28px;}
  .scrn-com{float:left;width:100%;padding-bottom:120px;position: relative;}
  .scrn-com .lhs{padding: 60px 0 0 70px;float:left;width:calc(100% - 650px)}
  .scrn-com .lhs h3{font-size:30px;font-weight:500;padding:0 50px 5px 0;line-height:43px;color:#102336}
  .sec2-opp .scrn-com .lhs h3{padding:0 0 30px}
  .scrn-com .lhs p{font-size:16px;padding-bottom:25px;line-height:28px}
  .scrn-com .lhs ul{padding:10px 0 20px}
  .scrn-com .lhs ul li{font-size:16px;padding:0 0 20px 40px;line-height:28px;position:relative}
  .scrn-com .lhs ul li:before{content:'';position:absolute;margin:8px 0 0 -40px;background-size:2200px;background-position:-9px -222px;width:20px;height:17px}
  .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-size:509px;background-position:-213px -392px;margin:8px 0 0 17px;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:650px;position:relative}
  .scrn-com .rhs .mob-s-scrn{width:100%;display:none}
  .sec2-opp{padding:70px 0}
  .sec2-opp .scrn-com .lhs{padding:0 0 0 50px}
  .scrn-com-alt .lhs{padding:135px 70px 0 0}
  .spri{position:relative;background-position:-12px -574px;background-size:2200px 1200px;width:732px;height:529px;bottom: -135px;}
  .scrn-2{background-position:-663px -3px;margin-left:-215px;width:820px;height:517px}
  .scrn-3{background-position:-775px -606px;width:767px;height:466px}
  .scrn-l1{position: absolute;width: calc(100% - 49px);height: 50px;top: -80px;left: 0;right: 0;border-bottom: 1px dashed #c6c6c6;border-left: 1px dashed #c6c6c6;border-radius: 0 0 0 20px;}
  .scrn-l1:before{
      left: -9px;
      top: 0;
      width: 12px;
      height: 12px;
      background: #f59228;
      border-radius: 50%;
      border: 3px solid #fff;
      box-shadow: 0 0px 0px 1px #f59228;
  }
  .scrn-l1:before, .scrn-l1:after{content:'';position: absolute;}
  .scrn-l1:after{
      right: -5px;
      width: 50px;
      height: 44px;
      border-right: 1px dashed #c6c6c6;
      top: 48px;
      border-radius: 0 10px 0 0;
  }
  .scrn-l2{}
  .scrn-l2 .scrn-l1{    transform: skewY(10deg);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      width: calc(100% - 400px);
      margin-left: 75px;
      top: -111px;}
  .scrn-l2 .scrn-l1:after{height: 70px;}
  
  @media screen and (min-width: 1350px) {
  .sec2.sec2-opp .rhs .scrn-2{width:680px;background-size:1800px;background-position:-535px -3px;height:440px;margin-left:-60px;margin-top:0}
  }
  @media screen and (max-width: 1200px) {
  .scrn-com .rhs .mob-s-scrn{display:block}
  }
  @media screen and (max-width: 992px) {
  .scrn-com .lhs,.scrn-com .rhs{width:100%}
  .scrn-com .lhs{padding:15px 25px}
  .scrn-com{border:1px solid #f5f5f5;background:#fff;margin-bottom:25px;padding:30px;border-radius:10px}
  }
  @media screen and (max-width: 767px) {
  .sec2 h2{}
  .scrn-com .lhs h3{font-size:22px;line-height:30px}
  }
  @media screen and (max-width: 567px) {
  .scrn-com .lhs h3{font-size:20px;line-height:30px}
  .scrn-com .lhs a{font-size:14px;padding:10px 15px}
  .scrn-com .lhs a:after{display:none}
  }
  @media screen and (max-width:1450px) {
  .art-slides{padding-right:100px}
  .clud-sli ul li div{min-height:280px}
  .sec4 .lhs .ani-men-2{top:263px}
  }
  @media screen and (max-width:1230px) {
  .sec4 .ac{max-width:90%}
  }
  @media screen and (max-width:1000px) {
  .sec4 .lhs{display:none}
  .sec4 .rhs{width:100%;padding:0}
  .sec4 .rhs ul li:last-child{padding-bottom:0}
  .sec4 .rhs h3{font-size:26px}
  }
  @media screen and (max-width:767px) {
  .sec4 .rhs ul li{font-size:16px;line-height:26px}
  }
  @media screen and (max-width:1450px) {
  .sec2.sec2-opp{padding:0}
  .sec2.sec2-opp .lhs{padding:0 50px}
  .sec2.sec2-opp .rhs .scrn-2{margin:0}
  }
  @media screen and (max-width:1330px) {
  .sec2.sec2-opp .lhs{padding:0 40px 0 0}
  .spri{background-size:1400px;height:365px;width:525px;margin:0 auto!important;float:initial!important}
  .scrn-1{background-position:35px -368px;margin:0 auto;float:initial!important}
  .scrn-2{background-position:-418px 0}
  .scrn-3{background-position:-489px -385px;height:312px}
  .scrn-com .lhs h3{font-size: 28px;line-height:34px;padding:0 0 15px}
  }
  @media screen and (max-width:1250px) {
  .ac{max-width:95%}
  .ban .lhs-btop h1{font-size:36px;line-height:50px;padding-right:0}
  .ban .lhs-btop p{padding-right:0}
  }
  @media screen and (max-width:1230px) {
  .clud-sli ul li div{min-height:250px}
  }
  @media screen and (max-width:1100px) {
  .ac{max-width:90%}
  }
  @media screen and (max-width:1050px) {
  .scrn-com .lhs{width:100%;padding:30px 0 0;text-align:center;order:1}
  .scrn-com .rhs{width:100%}
  .scrn-com{padding-bottom:40px;display:grid}
  .sec2 .rhs{/* width:720px; *//* margin:0 auto; *//* display:table; *//* float:initial!important; */order:2;}
  .sec2.sec2-opp .lhs{width:100%}
  .sec2.sec2-opp .rhs{width:720px;margin:0 auto;display:table;float:initial!important}
  .sec2.sec2-opp{padding:0 50px}
  .scrn-rule .rhs .spri{margin-top:0!important}
  .sec2.sec2-opp .scrn-com{display:-webkit-flex;display:grid}
  .sec2.sec2-opp .lhs{order:1}
  .sec2.sec2-opp .rhs{order:2}
  .scrn-l1{display: none;}
  }
  @media screen and (max-width: 1025px) {
  #header-mainsec{height:57px}
  }
  @media screen and (min-width:992px) and (max-width:1150px) {
  
  }
  @media screen and (max-width:992px) {
  .mob-hide,.ban-use .rhs:before,.ban-use .rhs:after{display:none}
  .ban-use{margin-top: 200px;}
  .ban-use .rhs{}
  .ban-use .rhs h4{font-size:24px;line-height:32px}
  .ban-use .rhs p{font-size:16px;line-height:26px;margin-top: 0;}
  .sec2 .ac{max-width:95%}
  .sec2.sec2-opp{padding:0}
  .ban{/* padding: 90px 0 15px; */}
  .clud-sli ul li div{min-height:250px}
  }
  @media screen and (max-width:767px) {
  #titlediv{display:none!important}
  .zsiq_theme1 .zsiq_flt_rel{border-radius:50px 0 0 50px!important}
  .ban{padding:70px 0 20px}
  .sec2.sec2-opp .rhs,.sec2 .rhs{width:100%}
  .sec2 h2{font-size: 30px;line-height:34px;padding-bottom: 10px;}
  .footer-stripe{background:#004c73;padding:40px 30px;float:left;width:100%;box-sizing:border-box}
  }
  @media screen and (max-width:650px) {
  .scrn-com .spri{background-size:830px;width:300px}
  .scrn-1{background-position:-257px 1px;height:211px}
  .scrn-2{background-position:9px -216px;height:200px}
  .scrn-3{background-position:-286px -233px;height:200px}
  .sec2 .lhs{padding:0}
  .ban .lhs-btop h1{font-size:28px;line-height:36px}
  }
  @media screen and (max-width:500px) {
  .ds-list li{width:100%}
  .clud-sli ul li div{min-height:310px}
  }
  @media screen and (max-width:480px) {
  .sec4 .inn{padding:25px}
  .sec4 .rhs h3{font-size:20px;line-height:32px;padding-bottom:15px;text-align:center}
  }
  @media screen and (max-width:400px) {
  .scrn-com{padding:0}
  .scrn-com .lhs{padding:30px}
  .sec2.sec2-opp .rhs{padding-bottom:20px}
  .sec2.sec2-opp .lhs{padding:30px!important}
  }
  @media screen and (max-width:350px) {
  .sec2 .lhs{padding:20px 20px 0}
  .scrn-com{padding:0}
  .sec2.sec2-opp .lhs{padding:30px}
  .clud-sli ul li div p{font-size:14px;line-height:24px}
  .clud-sli ul li div{padding:28px 10px 15px 28px}
  }
  @media screen and (max-width:480px) {
  .mew-horizontal-tab .mew-tab-list li{padding:6px 5px}
  .mew-horizontal-tab .mew-tab-list li span:after{margin:3px 0 0 3px}
  
  }
  
  .spri{position:relative}
  .sec3::before{content:'';background-color: #fff5ef;width:90%;height:100%;top:0;bottom:0;right: 0;margin:auto;position:absolute;border-radius: 50px 0 0 50px;}
  .sec3{padding:100px 0 90px;position:relative;margin-bottom:100px}
  .spri .man,.spri .build::before,.spri .build{background:url(https://www.manageengine.com/log-management/images/incidents-real-time-spri1-22.png) no-repeat;background-size: 900px;}
  .spri .man{background-position: -574px -91px;width:269px;height:514px;position:relative;left:12px;z-index:1;opacity: 1;width: 269px;height: 514px;}
  .spri .build::before{content:'';background-position: -346px -11px;width:122px;height:41px;position:absolute;top: -256px;left: -22px;opacity: 1;}
  .spri .build{background-position: -47px -506px;position:absolute;top: 126px;left: -73px;opacity: 1;width: 497px;height: 362px;border-radius: 0 0 0 50px;}
  .sec3 .lhs{width:35%;padding:0}
  .sec3 .rhs{width:65%}
  .sec3 .rhs h2{font-size:34px;line-height:49px;font-weight:300;padding-right:70px;margin-bottom:20px}
  .sec3 .rhs h2 strong{font-weight:600}
  .boxs{position:absolute}
  .sec3 .box{background-color:#fff;border-radius:6px;max-width:400px;padding: 100px 32px 20px 32px;position:relative;display:inline-block;-webkit-box-shadow: 0 0 10px rgb(61 81 91 / 7%);box-shadow: 0 0 10px rgb(61 81 91 / 7%);margin-bottom:20px;text-align:left}
  .box-l{margin-right:20px;margin-top: 50px;}
  .box-l,.box-r{display:inline-block;vertical-align:middle;width:47%}
  .box-r>.box{}
  .box h3{font-size: 19px;font-weight: 500;line-height: 28px;margin-bottom:10px;color: #333;}
  .box p{font-size:15px;line-height:26px;color:#333}
  .box:before{content:'';background:url(https://www.manageengine.com/log-management/images/incidents-real-time-spri1-22.png) no-repeat;background-size: 900px;width: 70px;height: 56px;position: absolute;left: 31px;top: 25px;}
  .box1:before{background-position: -3px -2px;position:absolute;}
  .box2:before{background-position: -81px -2px;}
  .box3:before{background-position: -152px -2px;}
  .box.box2.fadeInUp.animated{transition-delay: 0.5s;}
  .box.box3.fadeInUp.animated{transition-delay: 1s;}
  .box2:before,.box3:before{}
  
  /* SCREENSHOP ANIMATION */
  .graphori.animated{animation:graphver 1.5s ease-in-out 2s both;transform-origin:bottom}
  @keyframes graphver {
  from{-moz-transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
  to{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
  }
  .ani-scrn *{position:absolute;transition:all .5s ease-in-out}
  .ani-sc-1,.ani-sc-1-pach{width:376px;height:65px;display:inline-block;left:171px;top:170px}
  .ani-sc-1{background:url(https://www.manageengine.com/log-management/images/incidents-real-time-spri1-22.png) no-repeat;opacity:0;background-size: 761px;background-position: 11px -83px;width: 498px;height: 330px;left: 107px;top: 37px;}
  .ani-sc-1-pach{width: 498px;height: 330px;left: 107px;top: 37px;background:#fff}
  @media screen and (max-width: 1250px) {
  .ani-scrn{display:none}
  }
  
  @media screen and (max-width: 1199px) {
  .sec3 .lhs,.sec3 .spri{display:none}
  .sec3{padding:40px 0; margin-top: 60px;}
  .sec3 .rhs h2{padding-right:0}
  .boxs{position:static}
  .box-l, .box-r {display:block;margin: 15px 0;}
  .box-l{    width: 33.333%;}
  .box-r{    width: 63%;
      margin-left: 3%;}
  .box.box1{/* margin: 26px auto; */display: table;max-width: 100%;float: left;width: 100%;}
  .box.box2{display: table;float: left;/* max-width:48%; */}
  .box.box3{display: table;float: right;max-width:48%;margin-left: 4%;}
  .box.box2, .box.box3{min-height:260px}
  .box-r>.box {
      float: left;
      width: 48%;
      max-width: initial;
  }
  .sec3 .rhs{width:100%}
  .ban-use{margin: 50px 0 80px 0;}
  .boxs .box{    min-height: 450px;}
  }
  @media screen and (max-width: 992px) {
      .boxs .box{    min-height: 550px;}
  }
  @media screen and (max-width: 767px) {
  .sec3 .rhs h2{font-size:28px;line-height:42px;text-align: center;}
  .sec3 .box{width:100%;margin-left: 0;}
  .box-l,.box-r{width:100%}
  .box.box1,.box.box2,.box.box3{max-width:100%;min-height:auto;}
  .ban-use .lhs{
      width: 100%;
  }
  .ban-use{    margin-top: 180px;}
  .maintain{
      margin: 0 auto;
      display: table;
      float: initial !important;
      margin-top: -170px;
  }
  .ban-use .rhs{
      width: 100%;
      text-align: center;
      padding-top: 60px;
  }
  .box-l, .box-r{width:100%;margin: 0;}
  
  }
  @media screen and (max-width: 640px) {
  .sec3 .box{width:100%}
  .box-l,.box-r{width:100%}
  .box.box1,.box.box2,.box.box3{max-width:100%;min-height:auto;}
  }
  @media screen and (max-width: 567px) {
  .sec3 .rhs h2{font-size:22px;line-height:35px}
  .ban-use{    padding: 60px 30px;}
  .ban .lhs-btop h1 {
      font-size: 25px;
      line-height: 32px;
  }
  .sec2 h2, .scrn-com .lhs h3 {
      font-size: 24px;
  }
  }
  @media screen and (max-width: 350px) {
      .maintain{
      width: 181px;
      background: no-repeat;
  }
      .maintain:before{
      left: -19%;
      background-size: 830px;
      background-position: -577px -567px;
  }
  .maintain h2{    font-size: 26px;
      line-height: 31px;}
      }
  

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