body .Country_based_cta .CB_CTA_wrap {
    display: none !important;
}
body .Country_based_cta .CB_CTA_US {
    display: block !important;
}
body .Country_based_cta .CB_CTA_wrap a, body .CS_CTAContainer .double-btn a {font-size:15px}
.bnr-img {padding-top: 100px;text-align: center;}
    .bnr-img img {max-width:700px}
    #scroll,
    .btmBar,
    .heading-menu,
    .sec-pTB.bg-l-grey {
        display: none !important
    }
    
    .main-contents * {
        box-sizing: border-box
    }
    
    html {
        overflow-x: hidden;
        scroll-behavior: smooth
    }
    
    html.no-scroll {
        overflow: hidden
    }
    
    #backToTop {
        display: none !important
    }
    
    a,
    abbr,
    acronym,
    address,
    applet,
    b,
    big,
    blockquote,
    body,
    center,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    li,
    object,
    ol,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    tt,
    u,
    ul,
    var {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline
    }
    
    .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
    }
    
    .af {
        font-family: ZohoPuvi;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        margin: 0;
        padding: 0;
        color: #102336
    }
    
    .ac {
        margin: 0 auto;
        position: relative;
        max-width: 1200px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        moz-box-sizing: border-box
    }
    
    .ac * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        moz-box-sizing: border-box
    }
    
    .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
    }
    
    a {
        transition: all .3s ease
    }
    
    @keyframes jump {
        0% {
            transform: translateY(-8px)
        }
    
        100% {
            transform: translateY(8px)
        }
    }
    
    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @keyframes move {
        0% {
            transform: translateX(-8px)
        }
    
        100% {
            transform: translateX(8px)
        }
    }
    
    @keyframes move1 {
        0% {
            top: 50px;
            left: 90px
        }
    
        100% {
            transform: translateX(8px)
        }
    }
    
    @keyframes graphver {
        from {
            transform: scaleY(0);
            opacity: 0
        }
    
        to {
            transform: scaleY(1);
            opacity: 1
        }
    }
    
    @keyframes fade-in {
        from {
            opacity: 0
        }
    
        to {
            opacity: 1
        }
    }
    
    @keyframes zoom {
        0% {
            transform: scale(4);
            opacity: 0
        }
    
        100% {
            transform: scale(1);
            opacity: 1
        }
    }
    
    @keyframes scale {
        from {
            transform: scale(0)
        }
    
        to {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1)
        }
    }
    
    @keyframes grow-arrow {
        from {
            height: 0
        }
    
        to {
            height: 115px
        }
    }
    
    @keyframes grow-arrow1 {
        from {
            height: 0;
            opacity: 0
        }
    
        to {
            height: 30px;
            opacity: 1
        }
    }
    
    @keyframes grow-arrow2 {
        from {
            width: 0;
            opacity: 0
        }
    
        to {
            width: 34px;
            opacity: 1
        }
    }
    
    @keyframes grow-arrow5 {
        from {
            transform: scaleY(0);
            opacity: 0
        }
    
        to {
            transform: scaleY(1);
            opacity: 1
        }
    }
    
    @keyframes grow-arrow3 {
        from {
            width: 0
        }
    
        to {
            width: 214px
        }
    }
    
    @keyframes grow-arrow4 {
        from {
            width: 0
        }
    
        to {
            width: 108px
        }
    }
    
    .cloud-sprite {
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) no-repeat;
        background-size: 2500px 2500px;
        display: inline-block
    }
    
    .ban {
        padding: 130px 0 100px;
        background: linear-gradient(to bottom, #bbf9f8 45%, #fff)
    }
    
    .ban .lhs {
        float: left;
        width: 540px;
        margin-left: 40px
    }
    
    .ban .lhs h1 {
        font-size: 46px;
        line-height: 60px;
        font-weight: 600;
        color: #102336;
        margin-bottom: 25px
    }
    
    .ban .lhs p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        padding-bottom: 35px
    }
    
    .ban .rhs {
        float: right;
        width: 370px;
        margin-top: 0;
        position: relative
    }
    
    .ban .rhs .b-ani8 {
        background-position: -6px -74px;
        width: 65px;
        height: 64px;
        position: absolute;
        left: 13px;
        top: -28px
    }
    
    .ban .rhs .b-ani9 {
        background-position: -80px -74px;
        width: 65px;
        height: 64px;
        position: absolute;
        right: -23px;
        bottom: -25px
    }
    
    .ban-ani {
        background: #00e6e3;
        width: 370px;
        height: 346px;
        border-radius: 20px;
        position: relative;
        z-index: 2;
        font-size: 16px;
        font-weight: 600;
        color: #085755
    }
    
    .ban-ani .b-ani1 {
        background-position: -4px -214px;
        width: 369px;
        height: 346px
    }
    
    .ban-ani .b-ani2 {
        width: 306px;
        height: 205px;
        background-position: 0 -609px;
        position: absolute;
        z-index: 2;
        top: -20px;
        bottom: 0;
        right: 0;
        margin: auto;
        left: 20px;
        animation: fade-in 1s ease-in-out 1s both;
        -webkit-animation: fade-in 1s ease-in-out 1s both
    }
    
    .ban-ani .b-ani3 {
        background-position: -27px -1203px;
        width: 188px;
        height: 204px;
        position: absolute;
        z-index: 4;
        left: 0;
        top: 40px;
        animation: zoom .7s ease-in-out 2s both;
        -webkit-animation: zoom .7s ease-in-out 1s both;
        bottom: 0;
        margin: auto;
        right: 0
    }
    
    .ban-ani .b-ani4 {
        background-position: -170px -79px;
        width: 56px;
        height: 56px;
        position: absolute;
        left: -27px;
        top: 79px;
        animation: jump 2s linear .1s infinite alternate;
        -webkit-animation: jump 2s linear .1s infinite alternate
    }
    
    .ban-ani .b-ani5 {
        background-position: -316px -78px;
        width: 43px;
        height: 58px;
        position: absolute;
        left: 0;
        top: -35px;
        right: 0;
        margin: auto;
        animation: jump 2s linear .1s infinite alternate;
        -webkit-animation: jump 2s linear .1s infinite alternate
    }
    
    .ban-ani .b-ani6 {
        background-position: -251px -80px;
        width: 43px;
        height: 49px;
        position: absolute;
        top: 95px;
        right: -10px;
        margin: auto;
        animation: jump 2s linear .1s infinite alternate;
        -webkit-animation: jump 2s linear .1s infinite alternate
    }
    
    .ban-ani .b-ani7 {
        background-position: -416px -230px;
        width: 100px;
        height: 115px;
        position: absolute;
        top: -20px;
        right: 30px;
        margin: auto;
        animation: grow-arrow 1.7s ease-in-out 2s;
        -webkit-animation: grow-arrow 1.7s ease-in-out 2s
    }
    
    .ban-ani .b-ani10,
    .ban-ani .b-ani11,
    .ban-ani .b-ani9 {
        position: absolute;
        animation: fade-in 1.5s ease-in-out 1.5s both;
        -webkit-animation: fade-in 1.5s ease-in-out 1.5s both
    }
    
    .ban-ani .b-ani9 {
        top: 43px;
        left: -80px
    }
    
    .ban-ani .b-ani10 {
        top: -65px;
        left: 235px
    }
    
    .ban-ani .b-ani11 {
        top: 167px;
        right: -80px
    }
    
    .ban-ani .b-ani12 {
        background-position: -83px -155px;
        width: 25px;
        height: 30px;
        position: absolute;
        top: 70px;
        left: -45px;
        animation: grow-arrow1 1.7s ease-in-out 2s alternate;
        -webkit-animation: grow-arrow1 1.7s ease-in-out 2s alternate;
        transform-origin: top
    }
    
    .ban-ani .b-ani13 {
        background-position: -41px -161px;
        width: 34px;
        height: 24px;
        position: absolute;
        top: -56px;
        left: 195px;
        animation: grow-arrow2 1.7s ease-in-out 2s alternate;
        -webkit-animation: grow-arrow2 1.7s ease-in-out 2s alternate;
        transform-origin: top
    }
    
    .ban-ani .b-ani14 {
        background-position: -3px -155px;
        width: 33px;
        height: 28px;
        position: absolute;
        top: 150px;
        right: -20px;
        animation: grow-arrow1 1.7s ease-in-out 2s alternate;
        -webkit-animation: grow-arrow1 1.7s ease-in-out 2s alternate;
        transform-origin: top
    }
    
    .secure-cloud-section {
        position: relative;
        margin-top: 60px
    }
    
    .secure-cloud-section .sec-ani {
        position: absolute;
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) repeat -12px -2307px;
        background-size: 2500px 2500px;
        width: 788px;
        height: 193px;
        bottom: 100%;
        left: 0;
        right: 0;
        margin: auto
    }
    
    .secure-cloud-section .secure-cloud-cont {
        background: #ddfffe;
        padding: 45px 55px;
        text-align: center
    }
    
    .secure-cloud-section .secure-cloud-cont p {
        line-height: 34px
    }
    
    .secure-cloud-section .secure-cloud-cont p+p {
        margin-top: 10px
    }
    
    .sec3 {
        margin-top: 100px
    }
    
    .sec3 .screen-bg {
        position: relative
    }
    
    .sec3 .screen-bg .bg-image {
        width: 100vw;
        height: auto;
        position: absolute;
        bottom: 10px;
        left: 0;
        z-index: 0;
        opacity: .7
    }
    
    .sec3 .scrn-rule {
        max-width: 850px;
        width: 100%;
        margin: 0 auto
    }
    
    .sec3 .scrn-rule h2 {
        font-size: 30px;
        font-weight: 500;
        text-align: center;
        color: #102336
    }
.sec2 .secure-cloud-cont h2 {
        font-size: 30px;
        font-weight: 500;
        margin-bottom:25px;
        text-align: center;
        color: #102336
    }
    
    .sec3 .scrn-rule p {
        text-align: center;
        font-size: 16px;
        line-height: 31px;
        font-weight: 300;
        color: #102336;
        margin-top: 25px
    }
    
    .sec3 .scrn-rule .rhs {
        position: relative;
        float: none
    }
    
    .sec3 .scrn-rule .rhs.graph-images {
        margin-top: 50px;
        position: relative;
        height: 525px
    }
    
    .sec3 .scrn-rule .rhs.graph-images .bg-image {
        width: 100vw;
        height: auto;
        position: absolute;
        top: 55px;
        left: 0;
        z-index: 1;
        opacity: .7
    }
    
    .sec3 .scrn-com {
        float: left;
        width: 100%
    }
    
    .sec3 .scrn-mit {
        padding-top: 140px
    }
    
    .sec3 .scrn-com.scrn-ml .lhs {
        padding-top: 50px
    }
    
    .sec3 .scrn-com .lhs {
        padding: 0 100px 0 0;
        float: left;
        width: 50%
    }
    
    .sec3 .scrn-com .lhs h3 {
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 10px;
        line-height: 46px
    }
    
    .sec3 .scrn-com .lhs p {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 28px;
        text-align: left;
        max-width: inherit;
        margin-bottom: 0
    }
    
    .sec3 .scrn-com .lhs ul {
        padding: 10px 0 20px
    }
    
    .sec3 .scrn-com .lhs ul li {
        font-size: 16px;
        padding: 0 0 20px 50px;
        line-height: 28px;
        position: relative;
        color: #102336;
        font-weight: 300
    }
    
    .sec3 .scrn-com .lhs ul li p {
        padding-bottom: 0
    }
    
    .sec3 .scrn-com .lhs ul li h4 {
        font-size: 17px;
        font-weight: 500;
        color: #102336;
        margin-bottom: 10px
    }
    
    .sec3 .scrn-com .lhs ul li:before {
        content: '';
        position: absolute;
        width: 27px;
        height: 23px;
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) no-repeat;
        background-size: 2500px 2500px;
        background-position: -404px -910px;
        margin: 7px 0 0 -50px
    }
    
    .sec3 .scrn-com .rhs {
        float: left;
        width: 50%;
        position: relative
    }
    
    .sec3 .scrn-mit h3 {
        font-size: 30px;
        color: #102336;
        text-align: left;
        font-weight: 500;
        line-height: 42px;
        margin-bottom: 15px
    }
    
    .sec3 .scrn-mit p {
        font-size: 16px;
        color: #102336;
        line-height: 30px;
        margin-bottom: 45px;
        font-weight: 300
    }
    
    .sec3 .scrn-mit .lhs {
        float: left
    }
    
    .sec3 .scrn-com .rhs .mob-s-scrn {
        width: 100%;
        display: none
    }
    
    .sec3 .scrn-com .tit {
        padding: 60px 0 30px
    }
    
    .sec3 .scrn-com .tit h2 {
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 20px
    }
    
    .sec3 .scrn-com .tit p {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300
    }
    
    .act .spri span {
        opacity: 1
    }
    
    .act .spri .s1-1,
    .act .spri .s2-1,
    .act .spri .s3-1 {
        animation: scale 1s ease-in-out .5s both
    }
    
    .act .spri .s1-11,
    .act .spri .s2-11,
    .act .spri .s3-11 {
        animation: scale 1s ease-in-out .8s both
    }
    
    .act .spri .s1-2,
    .act .spri .s2-2,
    .act .spri .s3-2 {
        animation: scale 1s ease-in-out 1.3s both
    }
    
    .act .spri .s1-21,
    .act .spri .s2-3,
    .act .spri .s3-3 {
        animation: scale 1s ease-in-out 1.8s both
    }
    
    .act .spri .s1-3,
    .act .spri .s2-4,
    .act .spri .s3-4 {
        animation: scale 1s ease-in-out 2.1s both
    }
    
    .act .spri .s1-31,
    .act .spri .s3-5 {
        animation: scale 1s ease-in-out 2.4s both
    }
    
    .act .spri .s1-4 {
        animation: scale 1s ease-in-out 2.9s both
    }
    
    .act .spri .s1-5 {
        animation: scale 1s ease-in-out 3.3s both
    }
    
    .act .spri .s1-32 {
        animation: grow-arrow3 1s ease-in-out 3.8s both
    }
    
    .act .spri .s3-21 {
        animation: grow-arrow5 1s ease-in-out 2s both
    }
    
    .act .spri .s2-21 {
        animation: grow-arrow5 1s ease-in-out 2s both
    }
    
    .spri span {
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) no-repeat;
        background-size: 2500px 2500px;
        position: absolute;
        display: inline-block;
        z-index: 1;
        opacity: 0
    }
    
    .spri span.s1-1 {
        background-position: -466px -571px;
        width: 755px;
        height: 438px;
        transition: all .5s ease;
        transform-origin: center
    }
    
    .spri span.s1-11 {
        background-position: -1832px -46px;
        width: 129px;
        height: 109px;
        right: 100px;
        top: 46px;
        transform-origin: center
    }
    
    .spri span.s1-2 {
        background-position: -1630px -46px;
        width: 195px;
        height: 109px;
        right: 237px;
        top: 46px;
        transform-origin: center
    }
    
    .spri span.s1-21 {
        background-position: -1411px -46px;
        width: 212px;
        height: 109px;
        right: 440px;
        top: 46px;
        transform-origin: center
    }
    
    .spri span.s1-3 {
        background-position: -1280px -46px;
        width: 123px;
        height: 109px;
        left: 66px;
        top: 46px;
        transform-origin: center
    }
    
    .spri span.s1-31 {
        background-position: -558px -3px;
        width: 370px;
        height: 228px;
        top: 157px;
        left: 94px;
        transform-origin: center
    }
    
    .spri span.s1-32 {
        background-position: -976px -60px;
        width: 214px;
        height: 89px;
        top: 246px;
        left: 186px;
        transform-origin: center
    }
    
    .spri span.s1-4 {
        background-position: -571px -273px;
        width: 370px;
        height: 228px;
        top: 157px;
        right: 0;
        transform-origin: center
    }
    
    .spri span.s1-5 {
        background-position: -984px -310px;
        width: 108px;
        height: 108px;
        top: 224px;
        left: 527px;
        transform-origin: center
    }
    
    .spri span.s2-1 {
        background-position: -481px -1148px;
        width: 725px;
        height: 547px;
        right: -155px;
        top: -110px;
        transform-origin: center
    }
    
    .spri span.s2-2 {
        background-position: -1361px -1277px;
        width: 395px;
        height: 288px;
        right: -80px;
        top: 99px;
        transform-origin: center
    }
    
    .spri span.s2-21 {
        background-position: -1878px -1363px;
        width: 233px;
        height: 117px;
        left: 366px;
        top: 190px;
        transform-origin: bottom
    }
    
    .spri span.s3-1 {
        background-position: -1312px -305px;
        width: 746px;
        height: 468px;
        left: -150px;
        top: -33px
    }
    
    .spri span.s3-2 {
        background-position: -1403px -870px;
        width: 395px;
        height: 278px;
        left: 140px;
        top: 70px
    }
    
    .spri span.s3-21 {
        background-position: -1887px -957px;
        width: 78px;
        height: 104px;
        left: 300px;
        top: 162px;
        transform-origin: bottom
    }
    
    .sec4 {
        margin-top: 180px
    }
    
    .sec4 .read-banner {
        background: url(/sites/meweb/images/fr/log-management/images/read-banner-bg.png) no-repeat -1px -1px;
        width: 1121px;
        height: 255px;
        background-size: cover;
        margin: 0 auto;
        position: relative;
        padding: 40px 90px 40px 380px
    }
    
    .sec4 .read-banner:before {
        content: "";
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) no-repeat;
        background-size: 2500px 2500px;
        background-position: -6px -74px;
        width: 65px;
        height: 64px;
        position: absolute;
        left: 13px;
        top: -28px;
        z-index: -1
    }
    
    .sec4 .read-banner:after {
        content: "";
        background: url(/sites/meweb/images/fr/log-management/images/cloud-security-sprite.png) no-repeat;
        background-size: 2500px 2500px;
        background-position: -80px -74px;
        width: 65px;
        height: 64px;
        position: absolute;
        right: -23px;
        bottom: -25px
    }
    
    .sec4 .crown-man {
        background-position: -15px -907px;
        width: 212px;
        height: 236px;
        position: absolute;
        left: 70px;
        top: 13px;
        bottom: 0;
        margin: auto
    }
    
    .sec4 p {
        font-size: 24px;
        font-weight: 300;
        color: #102336;
        line-height: 41px
    }
    
    .sec4 p strong {
        font-weight: 600
    }
    
    .sec4 .read-btn {
        background: #000;
        padding: 16px 40px;
        border-radius: 5px;
        display: inline-block;
        font-size: 20px;
        font-weight: 300;
        color: #fff;
        margin-top: 20px;
        transition: all .3s ease
    }
    
    .sec4 .read-btn:hover {
        background-color: #d4051c;
        box-shadow: 0 9px 12px -7px #333
    }
    
    .sec5 .scrn-mit1 {
        padding-top: 140px
    }
    
    .sec5 .scrn-mit1 h3 {
        font-size: 30px;
        color: #102336;
        text-align: left;
        font-weight: 500;
        line-height: 42px;
        margin-bottom: 15px
    }
    
    .sec5 .scrn-mit1 p {
        font-size: 16px;
        color: #102336;
        line-height: 30px;
        margin-bottom: 15px;
        font-weight: 300
    }
    
    .sec5 .scrn-com .rhs .mob-s-scrn {
        width: 100%;
        display: none
    }
    
    .sec5 .scrn-com .lhs {
        padding: 0 0 0 50px;
        float: right;
        width: 50%
    }
    
    .sec5 .scrn-com .rhs {
        float: left;
        width: 50%;
        position: relative
    }
    
    .sec6 {
        margin-top: 180px;
        margin-bottom: 110px
    }
    
    .sec6 .sec6-heading {
        max-width: 550px;
        margin: 0 auto;
        text-align: center
    }
    
    .sec6 .sec6-heading h4 {
        font-size: 32px;
        font-weight: 600;
        line-height: 49px;
        margin-bottom: 60px
    }
    
    .sec6 .sec6-heading h4 strong {
        display: block;
        font-weight: 400
    }
    
    .sec6 .sec6-spli {
        float: left;
        width: 33.3333%
    }
    
    .sec6 .sec6-spli:first-child {
        margin-top: 73px
    }
    
    .sec6 .sec6-spli:last-child {
        margin-top: 65px
    }
    
    .sec6 .sec6-spli .box {
        border-radius: 5px;
        box-shadow: 0 1px 25px -10px rgba(51, 51, 51, .23);
        background: #fff;
        padding: 35px 35px 55px;
        margin: 15px;
        float: left;
        transition: all .4s ease-in-out;
    }
    
    .sec6 .sec6-spli .box .ic-1 {
        background-position: -6px -8px;
        width: 47px;
        height: 39px
    }
    
    .sec6 .sec6-spli .box .ic-2 {
        background-position: -67px -8px;
        width: 57px;
        height: 29px
    }
    
    .sec6 .sec6-spli .box .ic-3 {
        background-position: -138px -8px;
        width: 47px;
        height: 31px
    }
    
    .sec6 .sec6-spli .box .ic-4 {
        background-position: -199px -8px;
        width: 46px;
        height: 32px
    }
    
    .sec6 .sec6-spli .box .ic-5 {
        background-position: -260px -2px;
        width: 62px;
        height: 49px
    }
    
    .sec6 .sec6-spli .box .ic-6 {
        background-position: -340px -6px;
        width: 49px;
        height: 43px
    }
    
    .sec6 .sec6-spli .box .ic-7 {
        background-position: -406px -4px;
        width: 60px;
        height: 36px
    }
    
    .sec6 .sec6-spli .box h5 {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    
    .sec6 .sec6-spli .box p {
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 0;
        line-height: 27px
    }
  
    
    .mob-s-scrn {
        display: none
    }
    
    
    
    @media only screen and (max-width:1400px) {
        .scrn-com .rhs .spri {
            transform: scale(.8)
        }
    }
    
    @media only screen and (max-width:1200px) {
        .ac {
            max-width: 100%;
            padding: 0 20px
        }
    
        .ban .rhs {
            transform: scale(.9);
            margin-right: 20px
        }
    
        .spri {
            display: none
        }
    
        .mob-s-scrn {
            display: block !important;
            position: relative;
            z-index: 1
        }
    
        .sec3 .scrn-rule .rhs:after {
            right: -40px
        }
    
        .sec6 .ac {
            max-width: 90%
        }
    }
    
    @media only screen and (max-width:1150px) {
    
        .ac,
        .sec4 .ac,
        .secure-db-section .ac {
            max-width: 90%;
            padding: 0
        }
    
        .sec4 .read-banner {
            width: 100%
        }
    
        .ban .lhs {
            margin-left: 0
        }
    
        .ban .rhs {
            margin-right: 0;
            transform: scale(.8)
        }
    }
    
    @media screen and (max-width:1023px) {
        .ban .rhs,
        .mob-hide,
        .scrn,
        .sec-ani,
        .sec3 .scrn-mit .rhs:before,
        .sec3 .scrn-rule .rhs:after,
        .sec6 .lhs,
        .secure-db-section .secure-db-cont:after,
        .secure-db-section .secure-db-cont:before {
            display: none
        }
    
        .ban {
            padding: 60px 0
        }
    
        .ban .lhs h1 {
            font-size: 32px;
            line-height: 38px;
            margin-bottom: 10px
        }
    
        .ban .lhs {
            width: 100%;
            padding: 0;
            text-align: center
        }
    
        .secure-cloud-section {
            margin-top: 50px
        }
    
        .sec4 .read-banner {
            height: auto
        }
    }
    
    @media only screen and (max-width:1000px) {
        .scrn-com {
            border: 1px solid #f5f5f5;
            background: #fff;
            margin-bottom: 25px;
            padding: 30px;
            border-radius: 5px;
            box-shadow: 0 1px 3px 4px #33305
        }
    
        .sec3 .scrn-com .lhs {
            padding: 15px 25px
        }
    
        .sec3 .scrn-com .lhs,
        .sec3 .scrn-com .rhs,
        .sec5 .scrn-com .lhs,
        .sec5 .scrn-com .rhs,
        .sec6 .rhs {
            width: 100%;
            padding: 0;
            float: none
        }
    
        .sec3 h2 {
            font-size: 28px
        }
    
        .sec3 p {
            max-width: 100%;
            font-size: 16px;
            margin-bottom: 15px
        }
    
        .sec3 {
            margin-top: 90px
        }
    
        .sec3 .scrn-com .lhs h3 {
            font-size: 25px
        }
    
        .sec3 .scrn-mit p br {
            display: none
        }
    
        .sec5,
        .sec5 .comp-sp {
            height: auto
        }
    
        .sec4 {
            margin-top: 60px
        }
    
        .sec5 .scrn-mit1 {
            margin-top: 60px
        }
    
        .sec3 .scrn-mit,
        .sec5 .scrn-mit1 {
            padding-top: 60px
        }
    
        .sec6 .sec6-spli {
            width: 100%
        }
    }
    
    @media only screen and (max-width:800px) {
        .sec4 .box {
            width: 100%;
            margin: 0 0 20px;
            min-height: inherit
        }
    
        .sec6 .rhs h3 {
            font-size: 25px
        }
    
        .ban .lhs h1 {
            font-size: 26px
        }
    
        .sec3 .scrn-com .lhs {
            padding: 0
        }
    
        .sec4 .read-banner {
            padding: 40px 30px 40px 300px
        }
    
        .sec4 .crown-man {
            left: 30px
        }
    
        .sec3 .scrn-rule .rhs.graph-images {
            height: auto;
            margin-bottom: 60px
        }
    
        .sec4 .read-banner:after,
        .sec4 .read-banner:before {
            display: none
        }
    }
    
    @media screen and (max-width:767px) {
        .emailLnktxt a {
            color: #014c73
        }
    
        .sec4 .read-banner {
            padding: 25px
        }
    
        .sec4 .read-banner i {
            display: none
        }
    
        .sec6 .sec6-heading h4 {
            font-size: 22px;
            line-height: 34px;
            margin-bottom: 30px
        }
    
        .sec6 {
            margin-top: 60px
        }
    
        .sec6 .sec6-spli:first-child,
        .sec6 .sec6-spli:last-child {
            margin-top: 0
        }
    
        .sec3 .scrn-mit h3,
        .sec5 .scrn-mit1 h3 {
            font-size: 22px;
            line-height: 34px
        }
    }
    
    
    
    @media only screen and (max-width:500px) {
        .secure-db-section .secure-db-cont {
            padding: 30px
        }
    
        .secure-db-section .secure-db-cont p {
            font-size: 16px;
            line-height:28px}.sec3 p{line-height:28px}.sec3 .scrn-com .lhs h3{font-size:21px}.sec6 .inn{padding:25px}.sec6 .rhs p,.sec6 .rhs ul li{font-size:16px;line-height:28px}}
    @media screen and (max-width:426px){.bnr-img img {
        width: 90%;
    
    }
    .bnr-img{padding-top:50px;}
    
    .sec6 {
        margin-bottom: 50px;
    }
    }
.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(/sites/meweb/images/fr/log-management/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(/sites/meweb/images/fr/log-management/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(/sites/meweb/images/fr/log-management/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}