.nav-dwn a {
    background: #E9142B;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    padding: 4px 10px;
    display: inline-block;
    width: 148px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

    .bnr-img {text-align: center;padding-bottom: 0px;}
    .bnr-img img {width: 70%;}
    #header-mainsec{height: 55px;}
    .btmBar {float: left;width: 100%;}
    .heading-menu, .bg-l-grey{display:none;}
    .af{font-family: 'ZohoPuvi';-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin:0;padding:0}
    .af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px;/* margin: 0px; */}
    .af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
    .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{width:100%;display:inline-block;}
    .ac{margin:0 auto;position:relative;max-width:1200px}
    
    .ban-spri{
        background-image: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-ban-spri.png);
        background-repeat: no-repeat;
        background-size: 1160px;
    }
    .spri{
        background-image: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-spri.png);
        background-repeat: no-repeat;
        background-size: 1160px;
    }
    .ban{
        padding: 100px 0 120px;
        background: linear-gradient(to bottom,#cdf1f1 45%,#fff);
        position: relative;
        }
    .ban:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 300px;
        background: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-ban-bg.png) no-repeat;
        background-size: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    .ban .lhs{
        float: left;
        width: calc(100% - 430px);
        padding: 70px 100px 0 0;
        }
    .ban .lhs h4{
        font-size: 35px;
        font-weight: 300;
        padding-bottom: 15px;
        line-height: 38px;
        }
    .ban .lhs h1{
        font-size: 50px;
        line-height: 60px;
        font-weight: 600;
        color: #102336;
        margin-bottom: 25px;
        }
    .ban .rhs{    float: left;
        width: 430px;
        position: relative;}
    .ban .rhs .ban-ani1{
        width: 400px;
        height: 372px;
        background-color: #ffb6b6;
        border-radius: 20px;
        position: relative;
        display: inline-block;
        background-position: 0px -94px;
    }
    .ban .rhs .ban-com{
        width: 70px;
        height: 70px;
        position: absolute;
    }
    .ban .rhs .ban-ani2{
        bottom: 0px;
        left: 10px;
        width: 386px;
        height: 335px;
        background-position: -437px -93px;
        animation: arrup .4s linear .5s both;
    }
    @keyframes arrup{
        0%{height: 0px;transform: scale(0);opacity: 0;}
        100%{height: 335px;transform: scale(1);opacity: 1;}
    }
    @keyframes men{
        0%{transform: scale(2);opacity: 0;}
        100%{transform: scale(1);opacity: 1;}
    }
    .ban .rhs .ban-ani3{
        bottom: -42px;
        left: 61px;
        width: 280px;
        height: 302px;
        background-position: -879px -93px;
        animation: men .4s linear .9s both;
    }
    .ban .rhs .ban-ani4{
        left: -28px;
        top: 53px;
        background-position: -8px 0px;animation: shake 2.5s ease-in-out .2s alternate infinite;
    }
    @keyframes shake {
        from {
            transform: translateY(-8px);
        }
    
        to {
            transform: translateY(8px)
        }
    }
    .ban .rhs .ban-ani5{
        left: 165px;
        top: -35px;
        background-position: -87px 0px;animation: shake 2.5s ease-in-out .6s alternate infinite;transition: all 0.3s ease;
    }
    .ban .rhs .ban-ani6{
        right: 13px;
        top: 53px;
        background-position: -178px 0px;animation: shake 2.5s ease-in-out 1s alternate infinite;
        }
    
    .how{}
    .how .inn{
        background: #d8fbff;
        padding: 70px 50px 55px 50px;
        border-radius: 20px;
        float: left;
        width: 100%;
    }
    .how .lhs{
        float: left;
        width: 350px;
    }
    .how .lhs .span{}
    .how .lhs .ic-1{
        width: 350px;
        height: 330px;
        display: inline-block;
        background-size: 1050px;
        background-position: 3px 0px;
        margin-top: 30px;
    }
    .how .rhs{
        float: left;
        width: calc(100% - 350px);
        padding-left: 50px;
    }
    .how .rhs h2{
        font-size: 32px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    .how .rhs p{
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 26px;
        font-weight: 300;
        margin: 0px;
    }
    
    .yes{
        text-align: center;
        padding: 100px 0px 20px 0px;
    }
    .yes h2{
        font-size: 35px;
        font-weight: 500;
        line-height: 46px;
    }
    .yes h4{
        font-size: 28px;
        font-weight: 500;
        padding: 30px 0px;
        color: #e62d2d;
    }
    .yes h4 b{
        font-weight: 500;
        background: #0dae92;
        color: #fff;
        padding: 5px 12px;
        border-radius: 5px;
    }
    .yes p{
        font-size: 20px;
        line-height: 28px;
    }
    
    .com-box{
        padding: 70px 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .com-box .lhs{
        float: left;
        width: calc(100% - 430px);
        padding: 30px 100px 0 0;
    }
    .com-box .lhs h2{
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 20px;
    }
    .com-box .lhs p{
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 15px;
        font-weight: 300;
        margin: 0px;
    }
    .com-box .lhs ul{
        padding-top: 5px;
    }
    .com-box .lhs ul li{
        font-size: 16px;
        padding: 7px 0px 9px 35px;
    }
    .com-box .lhs ul li:before{
        content: '';
        position: absolute;
        background: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-spri.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 800px;
        background-position: -767px -2px;
        margin: 0px 0px 0px -35px;
    }
    .com-box .rhs{
        float: left;
        width: 430px;
    }
    .com-box .rhs spri{}
    .ic-2{
        width: 500px;
        height: 324px;
        display: table;
        background-position: -527px 0px;
        margin-top: 60px;
    }
    .ic-3{
        width: 463px;
        height: 440px;
        display: table;
        background-position: -4px -424px;
        margin-top: 50px;
    }
    .ic-4{
        width: 467px;
        height: 442px;
        display: table;
        background-position: -506px -375px;
        background-size: 1000px;
        margin-top: 60px;
    }
    .ic-5{
        width: 790px;
        height: 440px;
        display: table;
        background-position: -8px -990px;
        margin-top: 50px;
        margin-left: -309px;
    }
    .ic-6{
        width: 790px;
        height: 440px;
        display: table;
        background-position: -11px -1557px;
        margin-top: -75px;
        margin-right: -337px;
    }
    
    .com-box-alt .lhs{
        padding: 30px 0px 0 100px;
    }
    .com-box-alt .rhs{}
    
    .fbox-main{margin-bottom: 50px;}
    .fbox{
        background: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-foot-bg.png) #fce3d9;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        padding: 50px 50px 40px 50px;
    }
    .fbox h2{
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        padding-bottom: 30px;
        line-height: 38px;
    }
    
    .wam-form ul li {list-style-type: none;float: left;background: #fff;}
        .wam-form ul li .ffw-errmsg{
            color: #ff1212;
        font-size: 12px;
        float: left;
        width: 100%;
        height: auto;
        line-height: 20px;    
        }
    .audit_form .wam-form ul li input,
    .audit_form .wam-form ul li select {height: 49px;}
    .audit_form .wam-form ul li input {font-size: 14px;}
    .audit_form .wam-form ul li input[type="submit"] {background: #000;color: #fff;padding: 0px;cursor: pointer;height: 51px;font-size: 15px;font-weight: 600;border-radius: 4px;} 
    .inter_form .wam-form {margin: 0 auto;position: relative;z-index: 1;display: table;} 
    .wam-form{width: 520px;margin: 0;margin-top: 20px;}
    .wam-form.form-us{    width: 605px;}
    .wam-form ul{margin:0;padding:0}
    .wam-form ul li{list-style-type:none;float:left;/* background:#fff; */width: 182px;border: 1px solid #d3d3d3;}
    .wam-form ul li input{width:100%;height:51px;border:0;padding:0 10px;box-sizing:border-box;font-size:16px;outline:none;color:#2b2b2b;background:none}
    .wam-form ul li select{width:100%;height:51px;border:0;padding:0 10px;box-sizing:border-box;border-radius:0; outline:none;background:#fff;margin:0;background:none;z-index:9;position:relative;color:#6e6e6e;font-size:14px;opacity:0;-moz-appearance:none;-webkit-appearance:none; cursor: pointer;}
    .selectedCountry{width: 40px;height: 36px;position: absolute;color: #333;font-size: 14px;margin: 14px 0 0 8px;font-weight: 300;} 
    .wam-form ul li input[type="submit"]{    background: #D22222; color: #fff; padding: 0 20px; font-size: 14px; cursor: pointer; font-weight: 600;}
    .wam-form-first ul li input[type="submit"]{background:#000;color:#fff;padding:0 20px;font-size:18px;    cursor: pointer;}
    .wam-form ul li:nth-child(1){width: 278px;height: 51px;border-right: 0px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
    .wam-form ul li:nth-child(1) input{
        padding-left: 45px;
    }
    .wam-form ul li:nth-child(1):before{
        content: '';
        position: absolute;
        background-image: url(https://www.manageengine.com/latam/log-management/images/wfh-remote-employee-monitoring-spri.png);
        background-repeat: no-repeat;
        background-size: 995px;
        background-position: -957px -51px;
        width: 30px;
        height: 19px;
        margin: 17px 0px 0px 8px;
    }
    .wam-form ul li:nth-child(2){width:50px;border-left:0px;border-right: 1px solid #d3d3d3;position:relative;border-radius: 0 4px 4px 0;}
    .wam-form ul li:nth-child(3){border: 0px;margin-left: 10px;background: none;}
    .wam-form ul li:nth-child(4){background:none;width:100%;margin-top:15px;border:0px;}
    #meGDPRMessage{color: #333;line-height:17px;font-size:14px;margin-top: 0px;}
    #meGDPRMessage label{font-size:11px;line-height:18px}
    .dwn-priv{color:#353535;font-size:11px;margin-top: 0;margin-bottom:8px; line-height: 18px}
        .dwn-priv strong{font-weight: 400;}
    .dwn-priv a{font-size:11px;color:#353535;text-decoration:underline}
    .err{display:none;font-size: 12px;color:red;}
    .msg{display:none;}
    .wam-form ul li:nth-child(2)::before {content: "";position: absolute;width: 1px;height: 60%;background: #d3d3d3;top: 23%;z-index: 0;left: -2px;} 
    .wam-form ul li:nth-child(2)::after {content: "";position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #d3d3d3;margin: 25px 0 0 29px;z-index: 0;right: 9px;} 
    .wam-form div#meGDPRMessage{margin-top: 0;    padding-bottom: 0px;} 
        .wam-form .dwn-priv{color: #333;}
    .inter_form #country_state {} 
    div#formCTAgdpr {color: #888;text-align: left;font-size: 10px;margin-top: 4px;line-height: 18px;} 
    .exitPop h3 {font-weight: 500; font-size: 18px; }
    .inter_form .wam-form .err{padding:0; padding-top:10px;    margin-top: -80px;    width: 230px;    color: #d22121;}
    select#country_state {
            width: 85px;
        position: absolute;
        opacity: 1;
        margin: 11px 0 0 -13px;
        font-size: 11px;
        height: 29px;
        border-left: 1px solid #d3d3d3;
        border-radius: 0;
        padding: 0px 0px 0px 5px;
    }
    select#MECountryListing{width: 48px;padding: 0 2px 0 4px;}
    .wam-form.form-us ul li:nth-child(2){width: 132px;}
    .succView{display:none;}
    .succView h2{
        padding-bottom: 10px;
    }
    .succView p{
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    .succView p a{font-size: 16px;
        line-height: 28px;}
    
    @media screen and (max-width:1250px) {
    .ac {
        max-width: 90%;
    }    
    }
    @media screen and (max-width:1200px) {}
    @media screen and (max-width:1150px) {}
    @media screen and (max-width:1100px) {
    .ac{max-width:90%}
    }
    @media screen and (max-width:992px) {
        .mob-hide{display:none}
        .ban .lhs, .how .rhs {
        width: 100%;
        padding: 10px 0px 40px 0;text-align: center;
    }
    .ban .rhs, .how .lhs .ic-1, .ic-2, .ic-3, .ic-4, .ic-5, .ic-6 {
        float: initial;
        margin: 0 auto;
        display: table;
    }
    .ban .lhs h1 {
        font-size: 40px;
        line-height: 40px;
    } 
        .how .lhs{width: 100%;}
        .how .rhs{padding: 40px 0px  0px 0;}
    .com-box .lhs {
        width: 100%;
        padding: 40px 0px 40px 0;
    }  
        .ic-6{    width: 424px;}
        .com-box .rhs{width: 100%;}
        .ic-5{    width: 467px;    background-position: -327px -990px;}
        .com-box .inn{border: 1px solid #c5c2c2;float: left;width: 100%;padding: 0px 30px;border-radius: 5px;background: #fff;}
        .com-box{padding: 40px 0px;}
        .com-box .inn{display: flex; flex-direction: column;    padding-bottom: 30px;}
        .com-box .lhs{ order: 1;}
        .com-box .rhs{ order: 2;}
    }
    @media screen and (max-width:767px) {
    .ic-1, .ic-2, .ic-3, .ic-4, .ic-5, .ic-6{
        width: 320px;
        background-size: 780px;
    }
        .ic-1{}
        .ic-2{
        background-position: -359px -4px;
        height: 230px;
    }
        .ic-3{
        background-position: -4px -269px;
        height: 312px;
    }
        .ic-4{
        background-position: -323px -295px;
        background-size: 660px;
        height: 270px;
    }
        .ic-5{
        background-position: -215px -653px;
        height: 280px;
    }
        .ic-6{
        background-position: -2px -1050px;
        height: 310px;
    }
        .wam-form{
        width: 100%;
    }
        .wam-form ul li:nth-child(1){
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px;
        border: 1px solid #d3d3d3;
    }
        .wam-form ul li:nth-child(3){
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
        .audit_form .wam-form ul li input[type="submit"]{border-radius: 3px;}
        .mob-foot{float:left;width:100%;}
        .wam-form ul li:nth-child(2){
        width: 100%;
        border-radius: 4px;
        border: 1px solid #d3d3d3;
    }
        .wam-form ul li:nth-child(2)::before{display: none;}
    select#MECountryListing {
        width: calc(100% - 85px);
    }  
    }
    @media screen and (max-width:550px) {
    .yes h2 {
        font-size: 26px;
        line-height: 36px;
    }    
    }
    @media screen and (max-width:500px) {
    .ds-list li{width:100%}
    }
    @media screen and (max-width:480px) {
        .ban{padding: 70px 0 0px;}
        .ban .lhs h1{
        font-size: 32px;
    }
        .ban .lhs h4{
        font-size: 28px;
    }
        .how .inn{    padding: 50px 25px 45px 25px;}
        .ban .rhs{display: none;}
        .fbox h2{font-size: 22px;    line-height: 30px;}
        .com-box .lhs h2 {
        font-size: 24px;
            line-height: 36px;}
        .how .lhs .ic-1 {    width: 237px;
        height: 230px;
        background-size: 732px;
        background-position: 3px 0px;}
    .ic-2 {
        width: 250px;
        height: 203px;
        background-position: -310px 0px;
        background-size: 680px;
    }  
    .ic-3 {
        background-position: -4px -189px;
        height: 200px;
        background-size: 525px;
        width: 207px;
    }    
    .ic-4 {
        background-position: -253px -222px;
        background-size: 500px;
        height: 203px;
        width: 220px;
    }
    .ic-5 {
        background-position: -152px -443px;
        height: 218px;
        background-size: 557px;
        width: 228px;
    }    
    .ic-6 {
        background-position: -4px -743px;
        height: 222px;
        background-size: 554px;
        width: 203px;
    }   
        .fbox{    padding: 30px 30px 25px 30px;}    
    }
    
    @media screen and (max-width: 1200px) {
    }
    
    @media screen and (max-width: 767px) {
    .video-section{margin-bottom:0;padding-top:40px}
    .wam-form.form-us {
        width: 100%;
    }    
    .wam-form.form-us ul li:nth-child(2) {
        width: 100%;
    }  
    select#country_state {
        /* width: 85px; */
        /* margin: -26px 0 0 -85px; */
        /* height: 22px; */
        /* border-radius: 5px; */
        /* padding: 5px; */
        /* background: #fff; */
    }    
    }
    @media screen and (max-width:426px){.bnr-img img {
        width: 90%;
    }
    
    .fbox-main {
        margin-bottom: 50px;
    }
    }
.dwn-cta-ani{
right:35px;
}

@media screen and (max-width : 1100px){
.ban .rhs {transform: scale(.7);right: -50px;}
}
.fbox {
    text-align: center;
}

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