.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;
}
* { font-family: 'ZohoPuvi'; } 
    .heading-menu { display: none}
    strong { font-weight: 600; color: #000; } 
    #scroll.sec-pTB { padding: 0}
    .container { max-width: 1200px; } 
    .banner { padding: 85px 0 107px 0; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-banner.png') no-repeat; background-size: 100% 100%; background-color: #a0e3ff; } 
    .banner .container { position: relative; padding-right: 40%; box-sizing: border-box;max-width:1100px; } 
    .container { max-width: 1200px; margin: auto; box-sizing: border-box; } 
    .banner h1 { font-size: 40px; line-height: 51px; font-weight: 600; color: #000; margin: 0; } 
    .banner p { font-size: 18px; line-height: 30px; color: #333333; font-weight: 300; margin: 0; margin-top: 15px; } 
    .banner-image { width: 210px; height: 260px; position: absolute; right: 69px; top: -51px; background-color: #d8fbff; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 337px; background-position: -10px 12px; } 
    .b-img { width: 40px; height: 40px; position: absolute; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 317px; background-position: -265px -8px; transition: .3s ease-in; } 
    .img1 { left: -71px; top: 39%; animation: shake 2.5s linear alternate infinite; } 
    .img2 { background-position: -270px -64px; left: -28px; top: -5px; transition-delay: 0.3s; animation: shake 2.5s ease-in-out alternate infinite; } 
    .img3 { background-position: -270px -119px; right: -28px; transition-delay: 0.6s; animation: shake 2.5s ease-in-out alternate infinite; } 
    .img4 { background-position: -270px -183px; right: -70px; top: 40%; transition-delay: 0.9s; animation: shake 2.5s ease-in-out alternate infinite; } 
    @keyframes shake { 
     from { transform: translateY(-8px)}
     to { transform: translateY(8px)} 
     }
    div#topic-2 { margin-bottom: 50px; } 
    .content-section { padding-top: 80px; background: rgb(248,250,254);background: -moz-linear-gradient(180deg, rgba(248,250,254,1) 0%, rgba(248,250,254,1) 37%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(180deg, rgba(248,250,254,1) 0%, rgba(248,250,254,1) 37%, rgba(255,255,255,1) 100%);background: linear-gradient(180deg, rgba(248,250,254,1) 0%, rgba(248,250,254,1) 37%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8fafe",endColorstr="#ffffff",GradientType=1); } 
    .con-part { display: table; width: 100%; position: relative; } 
    .lhs-side { max-width: 350px; display: inline-block; background: #fff; box-shadow: 0px 0px 20px #ecf1fe; border-radius: 3px; position: absolute; float: left; left: 0px; top: 0px; width: 100%; box-sizing: border-box; position: sticky; top: 105px; } 
    .rhs-side { width: calc(100% - 360px); float: right; padding-left: 30px; display: inline-block; box-sizing: border-box; } 
    #topic-1 p:nth-of-type(1) { margin-top: -8px; } 
    .con-part h2 { font-size: 24px; line-height: 37px; margin: 0; font-weight: 500; margin-top: 52px; padding-right: 10%; color: #000; margin-bottom: 30px; } 
    .lhs-side p { font-size: 19px; font-weight: 500; color: #252525; margin: 0; padding: 20px 18px; border-bottom: 1px solid #dee5ef; box-sizing: border-box; text-align: center; } 
    .lhs-side li a { font-size: 14px; line-height: 20px; color: #333333; font-weight: 300; padding: 20px 0px; display: inline-block; width: 100%; padding-right: 20px; box-sizing: border-box; border-bottom: 1px solid #dee5ef; max-width: 87%; margin-left: 8%; z-index: 1; position: relative; } 
    .lhs-side li:last-child a { border: none; } 
    .lhs-side li.activenow { background: #f3faff; transition: .3s ease-in; position: relative; display: inline-block; width: 100%; } 
    .lhs-side li.activenow a { font-weight: 600; } 
    .lhs-side li a:hover { text-decoration: none; } 
    .lhs-side li.activenow:before { content: ''; width: 20px; height: 20px; position: absolute; right: 16px; top: 33%; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 300px; background-position: -265px -225px; z-index: 0; } 
    .lhs-side li:hover { background: #f3faff; } 
    .lhs-side li { transition: .3s ease-in; } 
    .lhs-side li:hover a { font-weight: 400; } 
    .lhs-side li.activenow:hover a { font-weight: 600; } 
    .rhs-side p { margin-bottom: 45px; display: table; width: 100%; font-size: 15px; line-height: 30px; color: #333333; font-weight: 300; } 
    div#topic-1 h2 { margin-top: 0; } 
    .rhs-side h3 { font-size: 22px; font-weight: 500; color: #000; } 
    .gray-card { box-sizing: border-box; padding: 20px 30px; background: #f7f9fe; margin-bottom: 30px; border-radius: 5px; } 
    .rhs-side h5 { font-size: 18px; line-height: 27px; font-weight: 500; margin: 0; color: #000; max-width: 80%; } 
    .card-details { box-sizing: border-box; padding-left: 138px; position: relative; } 
    .card-details p { font-weight: 300; margin-top: 7px; } 
    .card-details:before { content: ''; width: 120px; height: 100px; position: absolute; left: 0; top: 35px; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 280px; background-position: -3px -312px; vertical-align: middle; } 
    .card-2:before { background-position: -137px -312px; top: 63px; } 
    .card-3:before { background-position: 5px -441px; } 
    .card-4:before { background-position: -124px -441px; } 
    .rhs-side li { width: 100%; font-size: 15px; line-height: 30px; color: #333333; font-weight: 300; position: relative; padding-left: 40px; box-sizing: border-box; margin-bottom: 10px; } 
    .rhs-side li:before { content: ''; width: 20px; height: 20px; position: absolute; left: 5px; top: 3px; background: url("https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png") no-repeat; background-size: 300px; background-position: -27px -266px; } 
    .rhs-side ul { margin-top: 0; padding-top: 0; margin-top: -15px; } 
    #topic-6 p { margin-bottom: 0; } 
    .tile { position: relative; width: 100%; padding: 22px; padding-left: 78px; box-sizing: border-box; background: #e7fbff; margin-bottom: 8px; border: 1px solid #cfebef; border-radius: 5px; } 
    div#topic-6 h2 { margin-bottom: 25px; } 
    .tile-title { font-size: 18px; font-weight: 500; color: #000; } 
    .tile p { margin: 0; font-weight: 400; } 
    .tile:before { content: ''; width: 50px; height: 50px; position: absolute; left: 18px; top: 22%; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 330px; background-position: -10px -288px; } 
    .tile-2:before { background-position: -68px -288px; } 
    .tile-3:before { background-position: -136px -289px; } 
    .tile-4:before { background-size: 310px; background-position: -182px -272px; } 
    .tile-5:before { background-position: -269px -293px; } 
    .tile:after { content: ""; width: 100%; height: calc(100% + 2px); position: absolute; right: -2px; top: -1px; background: red; z-index: 0; background: rgb(241,251,255); background: -moz-linear-gradient(90deg, rgba(241,251,255,0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%); background: -webkit-linear-gradient(90deg, rgba(241,251,255,0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%); background: linear-gradient(90deg, rgba(241,251,255,0) 0%, rgb(249 250 254) 80%, rgb(249 250 254) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1fbff",endColorstr="#ffffff",GradientType=1); } 
    .tile * { z-index: 1; position: relative; } 
    .rhs-side table { width: 100%; margin-top: 30px; } 
    .rhs-side table td { padding: 15px 10px; border: 1px solid #e2e8f1; padding-left: 30px; font-size: 15px; color: #333333; font-weight: 400; } 
    .rhs-side table tr:nth-child(odd) { background: #f1fbff; } 
    .table { display: table; } 
    .pdf-side { max-width: 345px; background: url(https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png) no-repeat; background-size: 100% 100%; text-align: center; box-sizing: border-box; padding: 20px 0; box-shadow: 0px 0px 20px #d0d5db; border-radius: 8px; position: relative; padding-top: 45px; width: 100%; float: left; } 
    .pdf-side .book-image { display: table; width: 267px; height: 349px; margin: auto; background: url(https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png) no-repeat; background-size: 350px; background-position: 13px -790px; } 
    .pdf-side a { font-size: 17px; font-weight: 400; color: #fff; display: inline-block; background: #d73436; padding: 8px 29px; border-radius: 5px; margin-bottom: 20px; transition: .3s ease-in; } 
    .pdf-side:hover a { text-decoration: none; transform: translateY(-5px); background: #ff0003; } 
    .blue-lable { position: absolute; font-size: 17px; font-weight: 400; left: 0; right: 0; margin: 0 auto; background: #6493ff; display: table; width: 100px; color: #fff; padding: 6px; text-align: center; border-radius: 40px; top: -19px; text-transform: uppercase; z-index: 1; } 
    .resources { position: relative; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-sprite.png') no-repeat; background-size: 100% auto; background-position: 0px 317px; padding-bottom: 80px; } 
    .resources h2 { text-align: center; font-size: 28px; line-height: 42px; margin-bottom: 45px; font-weight: 400; color: #000; margin-top: 100px; position: relative; } 
    .resources h2 span { font-weight: 600; } 
    .resources h2:before { content: ''; width: 161px; height: 4px; background: #ff6464; position: absolute; left: 0; right: 0; bottom: -23px; margin: auto; } 
    .resources h3 { font-size: 23px; line-height: 44px; text-align: center; font-weight: 500; color: #000; } 
    .slider-side { width: calc(100% - 380px); float: right; position:Relative; } 
    .slider-side .blue-lable { width:150px; } 
    .controls { display: table; margin: auto; margin-top: 30px; background: #353535; padding: 4px 16px; user-select: none; position: relative; z-index: 1; } 
    .controls span { cursor: pointer; padding:0 14px; cursor:pointer; color: #fff; font-size: 14px; font-weight: 400; } 
    .controls span.ar { border-right: 1px solid #696a6d; height: 30px; display: inline-block; } 
    .ar:after { content: ' \279C'; font-size: 20px; position: relative; color: #fff; top: 2px; } 
    .controls span.ar.prev { padding-left: 0; } 
    .ar.prev:after { transform: rotateY(180deg); display: inline-block; } 
    .ar:after { content: ' \279C'; font-size: 20px; position: relative; color: #fff; top: 2px; opacity: 0.5; } 
    .controls span.ar.prev { padding-left: 0; } 
    .ar.prev:after { transform: rotateY(180deg); display: inline-block; } 
    #to-prev::after,#to-next::after { opacity: 1; } 
    .btm-banner { padding: 30px; text-align: center; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360-for-education-btm-bnr.png') no-repeat; background-size: 100% 100%; margin-top: 100px; max-width: 1130px; } 
    .btm-banner p { font-weight: 300; font-size: 27px; line-height: 39px; max-width: 500px; display: table; margin: AUTO; color: #000; } 
    .btm-banner p .strong { display: block; font-weight: 600; } 
    .btm-banner a { font-size: 17px; font-weight: 400; color: #fff; display: inline-block; background: #d73436; padding: 10px 29px; border-radius: 5px; margin-top: 20px; transition: .3s ease-in; margin-bottom: 8px; } 
    .btm-banner a:hover { background: #ab1113; text-decoration: none; } 
    /* logo section */
    .trustedBy { margin-top:100px;margin-bottom:70px; } 
    .trustedBy h2 { text-align: center; font-size: 28px; line-height: 42px; font-weight: 300; color: #000; position: relative; display: table; margin: auto; background: white; padding: 0 5px; margin-bottom: 15px; } 
    .trustedBy h2 span { font-weight: 600; } 
    .trustedBy h2:before { content: ''; width: calc(100% + 400px); height: 2px; position: absolute; top: 22px; left: -200px; margin: auto; background: rgb(241,251,255); background: -moz-linear-gradient(90deg, rgba(241,251,255,0) 0%, rgba(121,121,121,1) 20%, rgba(121,121,121,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(241,251,255,0) 0%, rgba(121,121,121,1) 20%, rgba(121,121,121,1) 80%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(241,251,255,0) 0%, rgba(121,121,121,1) 20%, rgba(121,121,121,1) 80%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1fbff",endColorstr="#ffffff",GradientType=1); z-index: -1; } 
    .cus-logo ul { display: table; text-align: center; margin: auto; margin-top: 30px; } 
    .cus-logo li { float: none; height: 60px; background: url('https://www.manageengine.com/log-management/cyber-security/images/log360_trust_img_health_logos_2024_2x.png') no-repeat; background-size: 820px 48px; background-position: -3px 8px; display: inline-block; margin: 0px 19px; width: 39px; } 
    .cus-logo li:nth-of-type(2) {background-position: -81px 6px;width: 86px; } 
    .cus-logo li:nth-of-type(3) {background-position:-207px 7px;width: 110px; } 
    .cus-logo li:nth-of-type(4) {background-position: -357px 10px;width: 106px; } 
    .cus-logo li:nth-of-type(5) {background-position: -503px 9px;width: 123px; } 
    .cus-logo li:nth-of-type(6) {background-position: -667px 14px;width: 138px; } 
    @media screen and (max-width : 1100px){
     .cus-logo li { margin: 0px 10px; } 
     }
    /* logo section end*/
    /* slider */
    .card-carousel { margin: auto; width: 650px; height: 520px; position: relative; perspective: 1000px; } 
     .carousel { height: 100%; width: 100%; position: absolute; transform-style: preserve-3d; transition: transform 1s; top: 70px; } 
     .item { display: block; position: absolute; transition: transform 1s; } 
     .item img { max-width: 100%; box-shadow: 0px 0px 20px #d0d5db; box-sizing: border-box; border: 8px solid #fff; border-radius: 6px; } 
     .slide-item { transition: .4s ease; opacity: .7; display: none; } 
     .active-slide { transform: rotateY(0deg) translateZ(251px); opacity: 1; display: block; } 
     .prev-slide { transform: translate3d(-21%, 0px,100px); display: block; } 
     .next-slide { transform: translate3d(20%, 0px,100px); display: block; } 
     .disable { opacity: .4; pointer-events: none; } 
     .carousel-slider:fullscreen .card-carousel { width: 70vw; height: 80vh; } 
    /* slider end*/
     @media screen and ( max-width : 1250px ){
     .container,.banner .container { max-width: 90%; } 
     .admpcstmrtmpftrbg { text-align: center; } 
     }
     @media screen and (max-width : 1100px){
     .card-carousel { width: 60%; height: calc(100vw - 55vw); } 
     }
    @media screen and (min-width : 993px) and (max-width : 1025px) {.banner h1 { margin-top: 35px; } 
     }
     @media screen and (max-width : 992px){
     .banner .container:before { display: none; } 
     .banner-image { display: none; } 
     .banner h1 { text-align: center; } 
     .banner .container { padding: 0; } 
    .content-section { padding-top: 40px; } 
     .lhs-side { display: none; } 
     .rhs-side { width: 100%; padding: 0; } 
     .con-part h2 { padding: 0; } 
     .pdf-side { float: none; margin: auto; margin-bottom: 80px; } 
     .slider-side { width: 100%; } 
     .resources { padding-bottom: 20px;background-position: 0 220px; } 
     .trustedBy { margin-top: 50px; } 
     .btm-banner p { max-width: 100%; } 
     .trustedBy h2:before { display: none; } 
     .resources h2 { margin-top: 0; } 
    .btm-banner { margin-top: 50px; } 
     }
     @media screen and (max-width : 767px){
     .banner h1 { font-size: 25px; line-height: 35px; } 
     .banner p { font-size: 18px; line-height: 27px; } 
     .banner { padding: 20px 0; } 
     .content-section { padding-top: 23px; } 
     .con-part h2 { font-size: 20px; } 
     .rhs-side p { font-size: 13px; line-height: 23px; margin-bottom: 10px; } 
     .rhs-side h3 { font-size: 20px; } 
     .rhs-side h5 { font-size: 15px; } 
     .rhs-side li { font-size: 13px; } 
     .rhs-side ul { margin-top: 0; } 
     div#topic-7 h2 { margin-top: 16px; } 
     .tile-title { font-size: 15px; } 
     .resources h2 { font-size: 16px; margin-bottom: 40px; line-height: 26px; } 
     .resources h2 span { display: inline; } 
     .rhs-side { margin-bottom: 30px; margin-top: 15px; } 
     .btm-banner p { font-size: 20px; line-height: 29px; } 
     .trustedBy h2 { font-size: 22px; } 
     .card-details { padding: 0; padding-top: 0; padding-bottom: 15px; } 
     .btm-banner a { font-size: 12px; } 
     .card-details:before { display: none; } 
     }
     @media screen and (max-width : 600px){
     .card-carousel { width: 60%; height: calc(100vw - 45vw); margin-top: -10vh; } 
     .resources h3 { font-size: 20px;line-height:24px; } 
     }
    /* common header */
    @media screen and (max-width : 1100px) {.banner { /* padding-top: 50px; */
     /* margin-top: -10px; */} 
     }
    @media screen and (max-width : 1025px) {header:not(.abheader) #header-mainsec { } 
    #header-mainsec .headerinner { box-shadow: none; } 
     }
    @media screen and (max-width : 992px) {.banner { padding-bottom: 60px; } 
     }
    @media screen and (max-width : 767px) {.banner { padding-top: 65px; text-align: center;padding-bottom:25px; } 
    .banner p { margin-top: 4px; } 
     }
    .feb-pre-footer { background-color:#f5f5f5; padding:70px 0 72px; font-family:'Zoho_Puvi_Regular' } 
    .feb-pre-footer * { margin:0; padding:0; box-sizing:border-box } 
    .feb-pre-footer ul,.feb-pre-footer ol { list-style-type:none } 
    .feb-pre-footer a,.feb-pre-footer a:hover { text-decoration:none } 
    .feb-pre-footer .features-sprite { background-image:url("https://www.manageengine.com/log-management/images/log360-features-sprite.png"); background-size:579px 820px; display:inline-block } 
    .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 } 
    .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 { margin-bottom:10px } 
    .feb-pre-footer .col20 ul li a { color:#272727; font-size:14px; line-height:25px } 
    .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 } 
    @media screen and (max-width: 1200px) {.feb-pre-footer .col1 .vid-sec { width:90% } 
     }
    @media screen and (max-width: 1113px) {.feb-pre-footer .col1 .vid-sec .icn-vid { zoom:.8 } 
     }
    @media screen and (max-width: 1023px) {.feb-pre-footer { padding:50px 0!important } 
    .feb-pre-footer .col1 { width:100% } 
    .feb-pre-footer .col20 { width:33.333% } 
    .feb-pre-footer .col1 .plogo-base ul li { width:calc(16.666% - 10px); margin-left:10px } 
    .feb-pre-footer .col1 .vid-sec { width:50%; margin-bottom:50px } 
     }
    @media screen and (max-width: 1200px) {.feb-pre-footer .col1 .vid-sec { width:90% } 
     }
    @media screen and (max-width: 767px) {.feb-pre-footer .col1 .vid-sec { height:auto } 
     }
    @media screen and (max-width: 567px) {.feb-pre-footer .col1 .plogo-base ul li { width:calc(50% - 10px) } 
    .feb-pre-footer .col20 { width:100%; padding:10px 0!important } 
    .feb-pre-footer .col20:last-child { padding-bottom:0!important } 
    .feb-pre-footer .col1 { padding:0 } 
    .feb-pre-footer .col1 .vid-sec { width:100%; height:auto } 
    .feb-pre-footer .col1 .vid-sec .icn-vid { zoom:.6 } 
    .feb-pre-footer .col1 .vid-sec iframe { width:100% } 
     }
    .sec-pTB.bg-l-grey.mbH.mT20 { display: none; } 
    .btmBar { display: none; } 

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


.feb-pre-footer { background-color:#f5f5f5; padding:70px 0 72px; font-family:'Zoho_Puvi_Regular' } 
.feb-pre-footer * { margin:0; padding:0; box-sizing:border-box } 
.feb-pre-footer ul,.feb-pre-footer ol { list-style-type:none } 
.feb-pre-footer a,.feb-pre-footer a:hover { text-decoration:none } 
.feb-pre-footer .features-sprite { background-image:url("https://www.manageengine.com/log-management/images/log360-features-sprite.png"); background-size:579px 820px; display:inline-block } 
.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 } 
.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 { margin-bottom:10px } 
.feb-pre-footer .col20 ul li a { color:#272727; font-size:14px; line-height:25px } 
.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 } 
@media screen and (max-width: 1200px) {.feb-pre-footer .col1 .vid-sec { width:90% } 
 }
@media screen and (max-width: 1113px) {.feb-pre-footer .col1 .vid-sec .icn-vid { zoom:.8 } 
 }
@media screen and (max-width: 1023px) {.feb-pre-footer { padding:50px 0!important } 
.feb-pre-footer .col1 { width:100% } 
.feb-pre-footer .col20 { width:33.333% } 
.feb-pre-footer .col1 .plogo-base ul li { width:calc(16.666% - 10px); margin-left:10px } 
.feb-pre-footer .col1 .vid-sec { width:50%; margin-bottom:50px } 
 }
@media screen and (max-width: 1200px) {.feb-pre-footer .col1 .vid-sec { width:90% } 
 }
@media screen and (max-width: 767px) {.feb-pre-footer .col1 .vid-sec { height:auto } 
 }
@media screen and (max-width: 567px) {.feb-pre-footer .col1 .plogo-base ul li { width:calc(50% - 10px) } 
.feb-pre-footer .col20 { width:100%; padding:10px 0!important } 
.feb-pre-footer .col20:last-child { padding-bottom:0!important } 
.feb-pre-footer .col1 { padding:0 } 
.feb-pre-footer .col1 .vid-sec { width:100%; height:auto } 
.feb-pre-footer .col1 .vid-sec .icn-vid { zoom:.6 } 
.feb-pre-footer .col1 .vid-sec iframe { width:100% } 
 }