@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'ZohoPuvi';
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot);
    src: url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot?#iefix) format("embedded-opentype"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2) format("woff2"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff) format("woff"), url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}
#scroll {
    padding: 0;
}
html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
img,
i {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.heading-menu {
    display: none;
}
.af {
    color: #102336;
    background: #fff;
    font-family: "ZohoPuvi";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    color: #102336;
}
.af p,
.af a,
.af span {
    line-height: 24px;
    font-size: 14px;
    color: #102336;
    font-weight: 300;
}
.af h1,
.af h2,
.af h3 {
    margin: 0;
    color: #102336;
}
.af a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.af a:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.af div,
.af a,
.af p,
.af h1,
.af h2,
.af span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #102336;
}
.af div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.af {
    width: 100%;
    display: table;
    float: none;
}
.ac {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
    padding: 0 40px;
}
a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.ban {
    padding: 40px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdf1ce), to(#fff));
    background: -o-linear-gradient(top, #fdf1ce, #fff);
    background: linear-gradient(to bottom, #fff2d5, #fff);
    margin-bottom: 25px;
}
.ban .lhs {
    float: left;
    width: calc(100% - 480px);
    padding-right: 100px;
    padding-top: 80px;
}
.ban .lhs h1 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px;
    line-height: 56px;
}
.ban .lhs p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 22px;
    color: #102336;
    margin-bottom: 18px;
}
.spri {
    background: url(/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png) no-repeat;
    background-size: 775px;
}
.ban .rhs {
    float: right;
    position: relative;
    width: 430px;
    height: 440px;
}
.ban .ban-img {
    position: absolute;
    display: inline-block;
}
.ban-img-main {
    width: 478px;
    height: 250px;
    background-position: -19px -526px;
    top: 96px;
    left: -20px;
    z-index: 2;
}
.ban-img-1 {
    width: 70px;
    height: 74px;
    background-position: -14px -870px;
    left: 207px;
    top: 131px;
    z-index: 2;
}
.ban-img-2 {
    width: 14px;
    height: 14px;
    background-position: -117px -876px;
    border-radius: 50%;
    overflow: hidden;
    left: 213px;
    top: 39px;
    z-index: 2;
}
.ban-img-3 {
    width: 14px;
    height: 14px;
    background-position: -117px -876px;
    border-radius: 50%;
    overflow: hidden;
    left: 251px;
    top: 39px;
    z-index: 2;
}
.ban-img-2:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #2e6de2;
    position: absolute;
    top: -100px;
    left: 0;
}
.ban-img-3:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #2e6de2;
    position: absolute;
    top: -100px;
    left: 0;
}
.ban-img-4 {
    width: 32px;
    height: 41px;
    background-position: -163px -872px;
    left: 203px;
    top: 68px;
}
.sec1 {
    background: transparent;
    position: relative;
    margin-top: 50px;
}
.sec1 .ac {
    padding: 0;
}
.sec1 .ac::before {
    content: "";
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png) no-repeat;
    background-size: 775px;
    width: 97px;
    height: 97px;
    left: 1px;
    z-index: -1;
    top: -42px;
    background-position: -539px -9px;
}
.sec1 .ac::after {
    content: "";
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png) no-repeat;
    background-size: 775px;
    width: 246px;
    height: 185px;
    right: -25px;
    z-index: -2;
    top: -52px;
    background-position: -500px -161px;
}
.sec1 h2 {
    font-size: 30px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 20px;
    color: #000;
    line-height: 43px;
}
.sec1 h2 span {
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    color: #db343d;
}
.sec1 p {
    text-align: center;
    font-size: 16.5px;
    font-weight: 300;
    line-height: 29px;
    color: #102336;
}
.sec1 .text-b p {
    line-height: 30px;
}
.sec1 .text-b h2+p {
    margin-bottom: 35px;
}
.sec1 .text-t h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 300;
    color: #d82633;
    margin-bottom: 28px;
}
.sec1 .text-t p {
    font-size: 20px;
    padding: 0 80px;
    margin-bottom: 100px;
}
.sec1 .text-t h2 strong {
    display: block;
    font-weight: 500;
    color: #000;
}
.sec1 .text-b {
    background: #ffefd9;
    padding: 75px 60px;
    border: 2px solid #ffcc87;
    border-radius: 6px;
    position: relative;
}
.sec1 .text-b:before {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png') no-repeat -574px -396px;
    background-size: 775px 1969px;
    width: 148px;
    height: 374px;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.sec1 .text-b:after {
    content: "";
    background: url(/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png) no-repeat -574px -396px;
    background-size: 775px 1969px;
    width: 148px;
    height: 374px;
    position: absolute;
    right: -60px;
    top: 50%;
    transform: rotateY(180deg) translateY(-50%);
    z-index: -1;
}
.b-ani6 {
    position: absolute;
    background-position: -308px -50px;
    width: 65px;
    height: 64px;
    left: 10px;
    top: -34px;
}
.b-ani7 {
    position: absolute;
    background-position: -308px -128px;
    width: 65px;
    height: 64px;
    right: 14px;
    bottom: -32px;
}
.sec2 {
    margin-top: 75px;
}
.sec2 h2 {
    font-size: 35px;
    line-height: 47px;
    color: #102336;
    text-align: center;
    font-weight: 500;
}
.scrn-com {
    float: left;
    width: 100%;
    padding-bottom: 80px;
}
.scrn-com .lhs {
    padding: 125px 75px 0 0;
    float: left;
    width: 50%;
}
.scrn-com .lhs h3 {
    font-size: 29px;
    font-weight: 500;
    margin-bottom: 17px;
    line-height: 43px;
    position: relative;
}
.screen-red .lhs {
    margin-top: 80px;
}
.screen-red .lhs h3:before {
    background-color: #e51655;
}
.scrn-com .lhs p {
    font-size: 16px;
    padding-bottom: 25px;
    line-height: 28px;
    color: #102336;
}
.scrn-com .rhs {
    float: left;
    width: 50%;
}
.scrn-mit .rhs {
    width: 40%;
}
.mob-s-scrn {
    width: 100%;
    display: none;
}
.scrn-com .rhs img {
    min-width: 700px;
}
.scrn-2 .rhs img,
.scrn-4 .rhs img {
    position: relative;
    left: -110px;
}
.scrn-2 .lhs,
.scrn-4 .lhs {
    float: right;
    padding: 100px 0px 0px 70px;
}
.scrn-3 .lhs {
    padding: 167px 75px 0 0;
}
.scrn-4 .lhs {
    padding-top: 43px;
}
.spri {
    position: relative;
}
.scrn-rule .spri {
    left: -32px;
}
.spri .s1-1 {
    background-position: -6px -1175px;
    width: 668px;
    height: 325px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    right: -172px;
}
.spri .s1-2 {
    background-position: 0 -744px;
    width: 658px;
    height: 363px;
    left: -42px;
    top: 90px;
    opacity: 0;
}
.scrn-com.act .s1-2 {
    -webkit-animation: scale 1.2s ease-in-out .6s both;
    animation: scale 1.2s ease-in-out .6s both;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.spri .s2-1 {
    background-position: -5px -1531px;
    width: 733px;
    height: 482px;
    left: -145px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
}
.spri .s2-1::after {
    content: '';
    position: absolute;
    background-position: -741px -774px;
    width: 401px;
    height: 122px;
    left: 255px;
    bottom: 120px;
}
.scrn-com.act .s2-1::after {
    -webkit-animation: bar-chart 1s ease-in-out .6s both;
    animation: bar-chart 1s ease-in-out .6s both;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    display: inline-block;
}
.spri .s3-1 {
    background-position: -510px -2131px;
    width: 632px;
    height: 415px;
    left: -35px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.spri .s3-1::after {
    content: "";
    position: absolute;
    width: 141px;
    height: 82px;
    background: #0089f8;
    top: 179px;
    left: 297px;
}
.scrn-com.act .s3-1::after {
    -webkit-animation: bar-chart 1s ease-in-out .6s both;
    animation: bar-chart 1s ease-in-out .6s both;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    display: inline-block;
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes bar-chart {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }
}
@keyframes bar-chart {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }
}
.sec3 {
    margin-bottom: 100px;
    text-align: left;
}
.sec-3 .ac {}
.sec3 .scrn-com {
    background: #fff7e1;
    padding: 70px 48px 80px 0;
}
.sec3 .ac {
    max-width: 1300px;
    padding: 0;
    width: 90%;
}
.sec3 .ac .sec-3 {
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    float: none;
}
.sec3 .lhs {
    width: 490px;
    padding: 0;
    float: left;
}
.sec3 .rhs {
    width: calc(100% - 510px);
    float: right;
}
.sec3 .rhs h2 {
    font-size: 34px;
    line-height: 49px;
    font-weight: 300;
    color: #102336;
}
.sec3 .rhs h2 strong {
    font-weight: 500;
}
.boxs {
    position: relative;
}
.sec3 .box {
    text-align: left;
    padding: 0px 0 0 72px;
    position: relative;
    margin-top: 50px;
}
.sec3 .box .mb {
    margin-bottom: 25px;
}
.box:before {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/soar-security-automation-sprite.png') no-repeat -244px -869px;
    background-size: 775px 1969px;
    width: 60px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 5px;
}
.box2:before {
    background-position: -308px -875px;
}
.box3:before {
    background-position: -367px -877px;
}
.box h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
}
.box p {
    font-size: 15px;
    line-height: 26px;
    color: #333333;
}
.build {
    width: 514px;
    height: 356px;
    background-position: -12px -1570px;
    position: absolute;
    left: -51px;
    top: 246px;
}
.man {
    width: 269px;
    height: 514px;
    background-position: -10px -986px;
    position: absolute;
    left: 177px;
    top: -132px;
    z-index: 1;
}
.flight {
    background-position: -474px -875px;
    width: 122px;
    height: 41px;
    position: absolute;
    top: -94px;
    left: 118px;
}
@-webkit-keyframes superman {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes superman {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes plane {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 1;
    }
}
@keyframes plane {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0;
    }
    40% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
}
@-webkit-keyframes build {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 616px;
        opacity: 1;
    }
}
@keyframes build {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 616px;
        opacity: 1;
    }
}
.cus-ac,
.sec1 .cus-ac,
.sec2 .cus-ac,
.sec-3 .cus-ac {
    padding: 0 43px;
}
@media screen and (max-width: 1470px) {
    .scrn-com .rhs img {
        min-width: auto;
    }
    .scrn-2 .rhs img,
    .scrn-4 .rhs img {
        left: 0;
    }
    .scrn-1 {
        margin-top: 50px;
    }
    .scrn-com .lhs {
        padding: 65px 75px 0 0;
    }
    .scrn-2 .lhs,
    .scrn-4 .lhs {
        padding: 50px 0px 0px 70px;
    }
    .scrn-3 .lhs {
        padding: 115px 75px 0 0;
    }
    .build {
        top: 370px
    }
    .sec1 .cus-ac {
        max-width: 90%;
    }
}
@media screen and (max-width: 1199px) {
    .ban .lhs {
        padding-right: 80px;
    }
    .ban .lhs h1 {
        font-size: 32px;
        line-height: 47px;
    }
    .ban .lhs p {
        font-size: 16px;
    }
    .scrn-com .lhs h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .scrn-com .lhs p {
        font-size: 14px;
    }
    .sec3 .rhs h2 {
        padding-right: 0;
        text-align: center;
    }
    .sec3 .rhs {
        width: 100%;
    }
    .sec3 .scrn-com {
        padding: 40px;
    }
    .sec3 .lhs {
        display: none;
    }
}
@media screen and (max-width: 1100px) {
    .ban .lhs {
        width: calc(100% - 430px)
    }
    .ban .rhs {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
    .sec1-wrap {
        left: 155px;
    }
    .scrn-com .lhs {
        padding-top: 50px;
    }
    .sec3 {
        padding-top: 0;
        margin-top: 0;
    }
}
@media screen and (max-width:1024px) {
    .sec1-wrap {
        left: 100px;
    }
}
@media screen and (max-width: 992px) {
    .scrn-com .lhs {
        padding: 0;
    }
    .scrn-com .spri {
        display: none;
    }
    .mob-s-scrn {
        display: block;
    }
    .ban .lhs {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .ban .lhs h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .ban .lhs p {
        width: 75%;
        margin: 6px auto;
    }
    .ban {
        padding: 80px 0 60px;
    }
    .ban .rhs {
        display: none;
    }
    .sec1 .text-t h2 {
        font-size: 30px;
        line-height: 42px;
    }
    .sec1 .text-t p {
        padding: 0 40px;
        margin-bottom: 64px;
    }
    .sec1 .text-b {
        margin-top: 0;
        padding: 38px 16px;
    }
    .scrn-com .lhs,
    .scrn-com .rhs {
        width: 100%;
    }
    .scrn-mit {
        padding-top: 0;
    }
    .scrn-com {
        border: 1px solid #f5f5f5;
        background: #fff;
        margin-bottom: 25px;
        padding: 30px;
        border-radius: 5px;
    }
    .scrn-mit .rhs {
        padding: 0;
    }
    .ac {
        max-width: 90%;
    }
    .ban .lhs h1 {
        line-height: 50px;
    }
    .sec1-wrap {
        padding: 30px;
        max-width: 90%;
        margin: 0 auto;
        width: 100%;
        min-height: inherit;
        -webkit-box-shadow: 0 1px 3px 4px #3333330f;
        box-shadow: 0 1px 3px 4px #3333330f;
        background: #fff;
    }
    .sec1-wrap .app-log-sprite {
        display: none;
    }
    .sec1-wrap,
    .sec1-wrap:after {
        display: none;
    }
    .sec2 {
        margin-top: 60px;
        margin-bottom: 0;
    }
    .sec1:after {
        display: none;
    }
    .sec1 .ac::before,
    .sec1 .ac::after {
        display: none;
    }
    .sec1 .text-b:before,
    .sec1 .text-b:after {
        display: none;
    }
    .sec1 .ac {
        width: 90%;
        padding: 0;
    }
    .ac {
        padding: 0;
    }
    .sec1 {
        margin-top: 0;
    }
    .ban {
        margin-bottom: 0;
    }
    .sec1 h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .scrn-1 {
        margin-top: 25px;
    }
    .sec2 h2,
    .sec3 .rhs h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .scrn-com {
        display: grid;
    }
    .scrn-com .lhs {
        order: 1;
        margin-bottom: 0px;
    }
    .scrn-com .rhs {
        order: 2;
    }
    .sec3 {
        margin-bottom: 0;
    }
    .lhs img {
        display: table;
        max-width: 400px;
        width: 100%;
    }
    .sec3 .box {
        margin-top: 20px;
    }
    .sec3 .box .mb {
        margin-bottom: 12px;
    }
    .sec3 .rhs h2 {
        font-size: 28px;
        line-height: 38px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .sec1 h2 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .sec1 .text-b p {
        padding: 0;
    }
    .scrn-com .lhs h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .sec3 .rhs h2 {
        font-size: 28px;
        line-height: 42px;
    }
    .sec3 .box {
        width: 100%;
    }
    .box-l,
    .box-r {
        width: 100%;
    }
    .box.box1,
    .box.box2,
    .box.box3 {
        max-width: 100%;
        min-height: auto;
    }
    .mob-foot {
        display: table !important;
    }
    .ban {
        padding: 70px 0 50px;
    }
    .ban .lhs h1 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 8px;
    }
    .ban .lhs p {
        width: 100%;
        margin: 6px auto;
        line-height: 26px;
    }
    .ban .lhs a {
        margin-top: 0;
    }
    .sec1 h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .sec1 h2 br {
        display: none;
    }
    .sec1 .text-b p {
        font-size: 14px;
        line-height: 28px;
    }
    .sec1 .text-b h2+p {
        margin-bottom: 20px;
    }
    .sec2 h2,
    .sec3 .rhs h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .sec2 h2 br,
    .sec3 .rhs h2 br {
        display: none;
    }
    .scrn-com .lhs h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .sec3 .box {
        padding-left: 60px;
    }
    .sec3 .scrn-com {
        padding: 0;
        margin-top: 25px;
        border: none;
        background: none;
    }
    .sec3 .box {
        margin-top: 30px;
    }
    .sec3 {
        padding-bottom: 40px;
    }
    .footer-stripe {
        background: #004c73;
        padding: 40px 30px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        display: table;
    }
    .footer-stripe h2 {
        color: #fff;
        font-size: 18px;
        font-weight: 100;
        line-height: 26px;
    }
    .mob-foot {
        width: 100%;
    }
}
@media screen and (min-width : 992px) {
    .animate {
        transition: all .8s ease-in-out;
        opacity: 0
    }
    .animate.animated {
        opacity: 1
    }
    .fadeInUp {
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    .fadeInUp.animated {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    .fadeInLeft {
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .fadeInLeft.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .fadeInRight {
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .fadeInRight {
        -moz-transform: translateX(20px);
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .animate .ban-img-2,
    .animate .ban-img-3 {
        filter: grayscale(1);
        opacity: .5;
        transition: .3s ease-in;
        transition-delay: 2.5s;
    }
    .animated .ban-img-2,
    .animated .ban-img-3 {
        filter: grayscale(0);
        opacity: 1;
    }
    .animate .ban-img-1 {
        opacity: 0;
    }
    .animated .ban-img-1 {
        animation: zoomOut 1s ease 3s both, heartbeat 3s ease-in-out 5s infinite;
    }
    .animated .float {
        animation: float 10s linear 5s infinite;
    }
    .animated .ban-img-2:before,
    .animated .ban-img-3:before {
        animation: eye-blink 2.5s ease 5s infinite;
    }
    @keyframes zoomOut {
        0% {
            transform: scale(2);
            opacity: 0;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    @keyframes beat {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes float {
        0% {
            transform: translateY(0);
        }
        25% {
            transform: translateY(-20px);
        }
        50% {
            transform: translateY(0px);
        }
        75% {
            transform: translateY(20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes eye-blink {
        0% {
            top: -100%;
        }
        10% {
            top: 0%;
        }
        20% {
            top: -100%;
        }
        60% {
            top: -100%;
        }
        100% {
            top: -100%;
        }
    }
    @-webkit-keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        10% {
            -webkit-transform: scale(.91);
            transform: scale(.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        17% {
            -webkit-transform: scale(.98);
            transform: scale(.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        33% {
            -webkit-transform: scale(.87);
            transform: scale(.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    @keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        10% {
            -webkit-transform: scale(.91);
            transform: scale(.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        17% {
            -webkit-transform: scale(.98);
            transform: scale(.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        33% {
            -webkit-transform: scale(.87);
            transform: scale(.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    .animated .man {
        animation: superman 1s ease both;
        animation-delay: .5s;
    }
    .animated .flight {
        animation: plane 5s linear both;
        animation-delay: 1s;
        animation-iteration-count: infinite;
    }
}
@media screen and (max-width : 767px) {
    .box::before {
        content: "";
        background: url('/sites/meweb/images/se/log-management/images/soar-security-automation-sprite-mobile.png') no-repeat -9px -6px;
        background-size: 192px;
        width: 60px;
        height: 55px;
    }
    .box2:before {
        background-position: -71px -11px;
    }
    .box3:before {
        background-position: -132px -13px;
    }
    .scrn-4 .rhs {
        margin-top: 40px;
    }
}
@media screen and (max-width : 1100px) {
    .rhs.animated {
        animation: none;
        transform: scale(.7);
        right: -50px;
    }
}