#scroll {padding: 0;}
.heading-menu {
    display: none
}
.main * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
a {
    text-decoration: none;
    color: #138cd6;
}
a:hover {
    text-decoration: none
}
body {
    font-family: "ZohoPuvi";
    font-weight: 300;
    color: #102336;
    overflow: hidden;
    overflow-y: auto
}
img {
    max-width: 100%;
    height: auto
}
.main h1,
.main h2,
.main h3,
.main h4,
.main p {
    font-family: "ZohoPuvi";
    font-weight: 300;
    color: #102336
}
.main h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 47px;
    padding-bottom: 22px
}
ul li {
    list-style: none
}
.link {
    text-decoration: underline;
    color: #1c61ed
}
.btn {
    display: inline-block;
    background-color: #e8132a;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 14px 70px 14px 40px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    position: relative
}
.banner .btn::after {
    content: "";
    background: url(/sites/meweb/images/se/log-management/images/threat-hunting-mobile-sprite.png) no-repeat;
    background-size: 113px 274px;
    background-position: -21px -9px;
    width: 14px;
    height: 18px;
    position: absolute;
    right: 48px
}
.btn:hover {
    background-color: #ff293e;
    -webkit-box-shadow: 6px 8px 10px rgba(232, 19, 40, 0.221);
    box-shadow: 6px 8px 10px rgba(232, 19, 40, 0.221)
}
.ac {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px
}
#backToTop {
    display: none !important
}
.banner {
    background: -o-linear-gradient(top, #fff3d0 40%, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff3d0), to(#fff));
    background: linear-gradient(to bottom, #fff3d0 40%, #fff);
    padding: 40px 0;
    margin-bottom: 20px
}
.lhs {
    display: table-cell;
    vertical-align: middle;
    padding-right: 80px
}
.banner .lhs h1 {
    font-size: 37px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 15px
}
.banner .lhs p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 35px
}
.rhs {
    display: table-cell;
    width: 450px;
    text-align: center;
    position: relative
}
.ban-img {
    position: relative
}
.si {
    display: inline-block;
    background: url(/sites/meweb/images/se/log-management/images/threat-hunting-sprite1.png) no-repeat;
    background-size: 802px 546px
}
.ban-bg {
    background-position: -5px -6px;
    width: 393px;
    height: 410px;
    -webkit-animation: fade-in .2s linear .1s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .1s both;
    animation: fade-in .2s linear .1s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .1s both
}
.ban-img .ban-binary {
    width: 100%;
    height: 84%;
    position: absolute;
    top: 33px;
    left: 29px;
    right: 0;
    border-radius: 26px;
    background: url(/sites/meweb/images/se/log-management/images/threat-hunting-binary.png) repeat-y 0 0;
    background-size: 368px 345px;
    animation: flow 30s linear infinite reverse
}
@-webkit-keyframes flow {
    0% {
        background-position: 0 100000%
    }
    100% {
        background-position: 0 0
    }
}
@keyframes flow {
    0% {
        background-position: 0 100000%
    }
    100% {
        background-position: 0 0
    }
}
.ico-line {
    background-position: -413px -364px;
    width: 368px;
    height: 156px;
    position: absolute;
    left: 29px;
    top: 80px
}
.ban-scan {
    background-position: -416px -16px;
    width: 352px;
    height: 321px;
    position: absolute;
    bottom: 0;
    left: 96px;
    z-index: 5;
    -webkit-animation: search 3s linear 2s infinite;
    animation: search 3s linear 2s infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes search {
    20% {
        -webkit-transform: translate(-8px, 0px);
        transform: translate(-8px, 0px)
    }
    40% {
        -webkit-transform: scale(1.1) translate(-8px, 8px);
        transform: scale(1.1) translate(-8px, 8px)
    }
    60% {
        -webkit-transform: scale(1) translate(10px, 10px);
        transform: scale(1) translate(10px, 10px)
    }
    80% {
        -webkit-transform: scale(1.1) translate(10px, 0px);
        transform: scale(1.1) translate(10px, 0px)
    }
    0%,
    100% {
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px)
    }
}
@keyframes search {
    20% {
        -webkit-transform: translate(-8px, 0px);
        transform: translate(-8px, 0px)
    }
    40% {
        -webkit-transform: scale(1.1) translate(-8px, 8px);
        transform: scale(1.1) translate(-8px, 8px)
    }
    60% {
        -webkit-transform: scale(1) translate(10px, 10px);
        transform: scale(1) translate(10px, 10px)
    }
    80% {
        -webkit-transform: scale(1.1) translate(10px, 0px);
        transform: scale(1.1) translate(10px, 0px)
    }
    0%,
    100% {
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px)
    }
}
.l1 {
    background-position: -14px -442px;
    width: 66px;
    height: 65px;
    position: absolute;
    left: 34px;
    top: 54px;
    opacity: 0;
    -webkit-animation: bounce 5s linear .4s infinite;
    animation: bounce 5s linear .4s infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}
.l2 {
    background-position: -172px -452px;
    width: 47px;
    height: 37px;
    position: absolute;
    left: 194px;
    top: 12px;
    opacity: 0;
    -webkit-animation: bounce 5s linear .7s infinite;
    animation: bounce 5s linear .7s infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}
.l3 {
    background-position: -106px -443px;
    width: 34px;
    height: 50px;
    position: absolute;
    right: 64px;
    top: 44px;
    opacity: 0;
    -webkit-animation: bounce 5s linear 1s infinite;
    animation: bounce 5s linear 1s infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1
    }
}
@keyframes bounce {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1
    }
}
@-webkit-keyframes man-lhs {
    0% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes man-lhs {
    0% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@-webkit-keyframes man-rhs {
    0% {
        -webkit-transform: translateX(-160px);
        transform: translateX(-160px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes man-rhs {
    0% {
        -webkit-transform: translateX(-160px);
        transform: translateX(-160px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
.rs-bg {
    background: url(/sites/meweb/images/se/log-management/images/threat-hunting-building.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 260px
}
.rs-threat .rs-h h2 {
    color: #d82633;
    margin: 0 190px
}
.rs-h {
    text-align: center;
    width: 1150px;
    margin: 0 auto;
    margin-bottom: 80px
}
.rs-threat .rs-h p {
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 60px
}
.scrn-com {
    width: 100%;
    padding-bottom: 35px
}
.scrn-com .lhs {
    padding: 0 50px 0 0;
    width: 50%
}
.scrn-com .lhs h3 {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
    line-height: 42px
}
.scrn-com .lhs p,
.scrn-com .rhs p {
    font-size: 16px;
    padding-bottom: 25px;
    line-height: 31px
}
.scrn-com .lhs h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px
}
.scrn-com .lhs ul {
    padding: 10px 0 20px 40px
}
.scrn-com .lhs ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    position: relative;
    padding-bottom: 30px
}
.scrn-com .lhs ul li strong {
    font-weight: 500
}
.scrn-com .lhs ul li:before {
    content: "";
    position: absolute;
    width: 23px;
    height: 19px;
    background: url(/sites/meweb/images/se/log-management/images/threat-hunting-mobile-sprite.png) no-repeat;
    background-size: 113px 274px;
    background-position: -66px -10px;
    top: 4px;
    left: -42px
}
.scrn-com .rhs {
    width: 50%
}
.mob-s-scrn {
    width: 100%;
    display: none
}
.spri {
    position: relative;
    top: 12px;
    left: -10px
}
.scrn-spot {
    margin-bottom: 54px
}
.spri span,
.spri .s2-4::before,
.spri .s2-5::before,
.man-bg .building,
.man-bg .man,
.cloud-bg,
.box1 p::before,
.box2 p::before,
.box3 p::before,
.box4 p::before,
.box5 p::before,
.box6 p::before,
.box7 p::before {
    background-image: url(https://www.manageengine.com/log-management/images/threat-hunting-sprite2.png);
    display: table-cell;
    background-repeat: no-repeat;
    background-size: 1017px 3153px;
    position: absolute
}
.spri .s1-1 {
    background-position: -4px -29px;
    width: 751px;
    height: 588px;
    opacity: 0
}
.act .spri .s1-1 {
    -webkit-animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    opacity: 1
}
.spri .s1-2 {
    background-position: -4px -653px;
    width: 603px;
    height: 355px;
    left: 44px;
    top: 24px;
    opacity: 0
}
.act .spri .s1-2 {
    -webkit-animation: grow-tab 1s linear 1s both;
    animation: grow-tab 1s linear 1s both;
    opacity: 1
}
.spri .s1-3 {
    background-position: -631px -685px;
    width: 235px;
    height: 213px;
    left: 492px;
    top: 104px;
    opacity: 0
}
.act .spri .s1-3 {
    -webkit-animation: scale 1s linear 2s both;
    animation: scale 1s linear 2s both;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 1
}
.spri .s1-4 {
    background-position: -18px -1025px;
    width: 596px;
    height: 300px;
    left: 52px;
    top: 360px;
    opacity: 0
}
.act .spri .s1-4 {
    -webkit-animation: scale .5s ease-in-out 3s both;
    animation: scale .5s ease-in-out 3s both;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 1
}
.scrn-com.scrn-iden .lhs {
    padding: 0;
    padding-left: 80px
}
.scrn-iden .spri {
    margin-top: 0
}
.spri .s2-1 {
    background-position: -12px -1360px;
    width: 737px;
    height: 451px;
    top: -57px;
    left: -160px;
    opacity: 0
}
.act .spri .s2-1 {
    -webkit-animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    opacity: 1
}
.spri .s2-2 {
    background-position: -10px -1834px;
    width: 722px;
    height: 159px;
    left: -130px;
    top: -22px;
    opacity: 0
}
.act .spri .s2-2 {
    -webkit-animation: grow-tab2 1s linear 1s both;
    animation: grow-tab2 1s linear 1s both;
    opacity: 1
}
.spri .s2-3 {
    background-position: -631px -969px;
    width: 248px;
    height: 321px;
    left: -142px;
    top: 54px;
    opacity: 0
}
.act .spri .s2-3 {
    -webkit-animation: scale .5s ease-in-out 2s both;
    animation: scale .5s ease-in-out 2s both;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    opacity: 1
}
.spri .s2-4::before {
    content: "";
    background-position: -783px -1856px;
    width: 24px;
    height: 76px;
    position: absolute;
    bottom: 90px;
    left: 80px;
    opacity: 0
}
.act .spri .s2-4::before {
    -webkit-animation: bar1 .6s linear 3s both;
    animation: bar1 .6s linear 3s both
}
@-webkit-keyframes bar1 {
    0% {
        height: 0
    }
    100% {
        height: 76px;
        opacity: 1
    }
}
@keyframes bar1 {
    0% {
        height: 0
    }
    100% {
        height: 76px;
        opacity: 1
    }
}
.spri .s2-4 {
    background-position: -7px -2028px;
    width: 338px;
    height: 252px;
    left: 85px;
    top: 54px;
    opacity: 0
}
.act .spri .s2-4 {
    -webkit-animation: scale .5s linear 2.4s both;
    animation: scale .5s linear 2.4s both;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    opacity: 1
}
.spri .s2-5::before {
    content: "";
    background-position: -755px -2062px;
    width: 206px;
    height: 114px;
    position: absolute;
    bottom: 90px;
    left: 84px;
    opacity: 0
}
.act .spri .s2-5::before {
    -webkit-animation: bar2 1s linear 3s both;
    animation: bar2 1s linear 3s both;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1
}
@-webkit-keyframes bar2 {
    0% {
        height: 0
    }
    100% {
        height: 114px
    }
}
@keyframes bar2 {
    0% {
        height: 0
    }
    100% {
        height: 114px
    }
}
.spri .s2-5 {
    background-position: -369px -2017px;
    width: 342px;
    height: 284px;
    left: 260px;
    top: 240px;
    opacity: 0
}
.act .spri .s2-5 {
    -webkit-animation: scale .5s linear 2.8s both;
    animation: scale .5s linear 2.8s both;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    opacity: 1
}
.spri .s3-1 {
    background-position: -12px -1326px;
    width: 754px;
    height: 439px;
    opacity: 0
}
.act .spri .s3-1 {
    -webkit-animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    animation: fade-in .7s linear .2s both, slide-up .7s cubic-bezier(0.26, 0.67, 0.48, 0.91) .2s both;
    opacity: 1
}
.spri .s3-2 {
    background-position: -608px -1006px;
    width: 743px;
    height: 224px;
    left: 9px;
    top: 100px;
    opacity: 0
}
.act .spri .s3-2 {
    -webkit-animation: grow-tab 1s linear 1s both;
    animation: grow-tab 1s linear 1s both;
    opacity: 1
}
.spri .s3-3 {
    background-position: -794px -1260px;
    width: 510px;
    height: 194px;
    left: 240px;
    top: 304px;
    opacity: 0
}
.act .spri .s3-3 {
    -webkit-animation: scale 1s linear 2s both;
    animation: scale 1s linear 2s both;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 1
}
.spri .s3-4 {
    background-position: -799px -1507px;
    width: 302px;
    height: 301px;
    left: 298px;
    top: 365px;
    opacity: 0
}
.act .spri .s3-4 {
    -webkit-animation: scale .5s linear 3s both;
    animation: scale .5s linear 3s both;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    opacity: 1
}
.sec3 .btn {
    padding: 14px 40px
}
.sec3 .ac {
    max-width: 1340px;
    background: #fff7e1;
    padding: 80px 50px 40px
}
.sec3 .inn {
    border-radius: 10px;
    width: 100%;
    position: relative
}
.sec3 .sec3-content {
    text-align: center;
    position: relative;
    padding-bottom: 44px
}
.sec3 .sec3-content h3 {
    font-size: 34px;
    font-weight: 300;
    line-height: 46px;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 10px
}
.sec3 .sec3-content h3 strong {
    font-weight: 500
}
.sec3 .sec3-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 33px;
    padding-bottom: 30px
}
.man-bg {
    margin-top: 250px;
    position: relative;
    height: 300px;
    width: 100%
}
.cloud-bg {
    background-position: -17px -2672px;
    width: 579px;
    height: 455px;
    top: auto;
    left: 0;
    right: 0;
    bottom: -92px;
    margin: auto
}
.man-bg .building {
    background-position: -17px -2337px;
    width: 546px;
    height: 303px;
    top: auto;
    left: 0;
    bottom: -42px;
    right: 0;
    margin: auto
}
.man-bg .man {
    background-position: -651px -2368px;
    width: 341px;
    height: 479px;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -112px
}
.footer-spri {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    margin: auto
}
.box1 p::before,
.box2 p::before,
.box3 p::before,
.box4 p::before,
.box5 p::before,
.box6 p::before,
.box7 p::before {
    background-image: url(/sites/meweb/images/se/log-management/images/threat-hunting-mobile-sprite.png);
    display: table-cell;
    background-repeat: no-repeat;
    background-size: 113px 274px;
    position: absolute
}
.box {
    position: absolute;
    width: 20%
}
.box p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    position: relative
}
.box p strong {
    font-weight: 500
}
.box1 {
    left: 64px;
    bottom: 42px
}
.box1 p::before {
    content: "";
    background-position: -9px -45px;
    width: 45px;
    height: 40px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box2 {
    left: 100px;
    top: 28px
}
.box2 p::before {
    content: "";
    background-position: -64px -44px;
    width: 37px;
    height: 41px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box3 {
    left: 240px;
    top: -122px;
    width: 22%
}
.box3 p::before {
    content: "";
    background-position: -9px -102px;
    width: 38px;
    height: 47px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box4 {
    left: 40%;
    top: -214px;
    width: 28%
}
.box4 p::before {
    content: "";
    background-position: -61px -107px;
    width: 41px;
    height: 41px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box5 {
    right: 126px;
    top: -122px;
    width: 24%
}
.box5 p::before {
    content: "";
    background-position: -7px -166px;
    width: 45px;
    height: 33px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box6 {
    right: 22px;
    top: 28px
}
.box6 p::before {
    content: "";
    background-position: -64px -166px;
    width: 42px;
    height: 46px;
    position: absolute;
    left: -60px;
    top: 8px
}
.box7 {
    right: 0;
    bottom: 18px
}
.box7 p::before {
    content: "";
    background-position: -4px -216px;
    width: 51px;
    height: 46px;
    position: absolute;
    left: -60px;
    top: 8px
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes slide-up {
    0% {
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slide-up {
    0% {
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes grow-tab {
    0% {
        width: 0
    }
    100% {
        width: 603px
    }
}
@keyframes grow-tab {
    0% {
        width: 0
    }
    100% {
        width: 603px
    }
}
@-webkit-keyframes grow-tab2 {
    0% {
        width: 0
    }
    100% {
        width: 722px
    }
}
@keyframes grow-tab2 {
    0% {
        width: 0
    }
    100% {
        width: 722px
    }
}
@-webkit-keyframes building {
    from {
        width: 0;
        opacity: 0
    }
    to {
        width: 616px;
        opacity: 1
    }
}
@keyframes building {
    from {
        width: 0;
        opacity: 0
    }
    to {
        width: 616px;
        opacity: 1
    }
}
@-webkit-keyframes plane {
    0% {
        -webkit-transform: translate(-100px, 200px);
        transform: translate(-100px, 200px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0 0);
        transform: translate(0 0);
        opacity: 1
    }
}
@keyframes plane {
    0% {
        -webkit-transform: translate(-100px, 200px);
        transform: translate(-100px, 200px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0 0);
        transform: translate(0 0);
        opacity: 1
    }
}
@-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
    }
}
@media screen and (max-width: 1480px) {
    .spri {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}
@media screen and (max-width: 1320px) {
    .spri {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}
@media screen and (max-width: 1180px) {
    .rs-h {
        width: 100%
    }
    .rs-threat .rs-h h2 {
        margin: 0 100px
    }
}
@media screen and (min-width: 993px) and (max-width: 1240px) {
    .banner .lhs h1 {
        font-size: 36px;
        line-height: 52px
    }
    .scrn-com .lhs h3 {
        font-size: 26px
    }
    .spri {
        left: -62px
    }
    .scrn-com .lhs ul li {
        margin-bottom: 20px
    }
    .scrn-iden .spri {
        left: 0
    }
    .scrn-com .lhs {
        padding-right: 25px;
        width: 40%
    }
    .scrn-com.scrn-iden .lhs {
        padding-left: 20px
    }
    .scrn-iden {
        margin-bottom: 0
    }
    .sec3 .lhs h3 {
        width: 95%
    }
    .sec3 .ac {
        max-width: 1100px;
        padding-bottom: 4px
    }
    .man-bg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        margin-top: 174px
    }
    .box {
        width: 26%
    }
    .box1 {
        left: -54px
    }
    .box2 {
        left: -29px
    }
    .box3 {
        left: 80px;
        width: 28%
    }
    .box4 {
        left: 38%;
        width: 30%
    }
    .box5 {
        right: 15px;
        width: 28%
    }
    .box6 {
        right: -106px
    }
    .box7 {
        right: -135px
    }
}
@media screen and (max-width: 992px) {
    .main h2 {
        font-size: 30px
    }
    .scrn-com .lhs ul li:before {
        -webkit-transform: scale(0.8) translateY(-50%);
        -ms-transform: scale(0.8) translateY(-50%);
        transform: scale(0.8) translateY(-50%)
    }
    .scrn-com .lhs ul li {
        padding-bottom: 16px
    }
    .scrn-com .lhs ul li:before {
        top: 17px
    }
    .scrn-com .spri {
        display: none
    }
    .mob-s-scrn {
        display: block
    }
    .ac {
        padding: 20px 15px
    }
    .lhs {
        display: inline-block;
        width: 100%;
        padding: 0 25px
    }
    .banner {
        margin-bottom: 0
    }
    .banner .lhs p {
        padding: 0 140px
    }
    .banner .lhs {
        display: block;
        padding: 10px;
        text-align: center
    }
    .banner .lhs h1 {
        font-size: 36px;
        line-height: 50px
    }
    .banner .rhs {
        display: none
    }
    .br-bg {
        padding: 30px;
        margin: 0 20px
    }
    .rs-bg {
        background: -o-linear-gradient(#ffefda, #fbf6ef 60%);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffefda), color-stop(60%, #fbf6ef));
        background: linear-gradient(#ffefda, #fbf6ef 60%);
        padding: 60px;
        margin-bottom: 40px
    }
    .rs-threat .rs-h p {
        padding: 0
    }
    .rs-h {
        margin-bottom: 0
    }
    .scrn-com {
        padding-bottom: 60px
    }
    .scrn-com .lhs {
        display: block;
        width: 100%;
        padding: 0
    }
    .scrn-com .lhs h4 {
        line-height: 28px
    }
    .scrn-com .rhs {
        width: 100%;
        display: block;
        padding-bottom: 0;
        transform: none;
        left: 0;
    }
    .scrn-com .lhs ul li {
        line-height: 35px
    }
    .scrn-spot,
    .scrn-iden {
        border: 1px solid #f1f1f1;
        padding: 30px;
        border-radius: 5px;
        margin-bottom: 30px
    }
    .scrn-spot {
        background: #fffefc
    }
    .scrn-iden {
        background: #f9fcfd
    }
    .scrn-com.scrn-iden .lhs {
        padding: 0
    }
    .scrn-com.sec3 .lhs span {
        display: none
    }
    .sec3 .ac {
        padding: 40px
    }
    .sec3 .inn {
        padding: 50px 30px;
        margin-top: 20px
    }
    .sec3 .lhs h3 {
        font-size: 24px;
        line-height: 35px;
        padding-top: 0;
        width: 95%;
        text-align: center;
        padding-bottom: 30px
    }
    .sec3 .lhs h3::after {
        display: none
    }
    .footer-spri {
        display: none
    }
    .man-bg {
        width: 100%;
        height: auto;
        margin-top: 24px
    }
    .box {
        background-color: #fff;
        padding: 46px 30px 20px 90px;
        position: unset;
        width: 48%;
        display: inline-block;
        margin-bottom: 20px;
        vertical-align: top;
        height: 190px;
        border-radius: 6px;
        -webkit-box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.059);
        box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.059)
    }
    .box:nth-child(odd) {
        margin-right: 20px
    }
    .box7 {
        display: block;
        width: 100%;
        height: auto;
        padding: 40px;
        padding-left: 90px;
        margin-bottom: 0
    }
    .box7 p::before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media screen and (max-width: 780px) {
    .spri {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    .banner .lhs p {
        padding: 0 94px
    }
    .rs-h {
        width: 100%
    }
    .rs-threat .rs-h h2 {
        margin: 0
    }
    .rs-bg {
        padding: 35px
    }
    .sec3 .ac {
        max-width: 100%;
        padding: 0
    }
    .box {
        width: 47.8%;
        padding-top: 32px
    }
    .box7 {
        width: 100%
    }
    .box p {
        font-size: 16px;
        line-height: 28px
    }
}
@media screen and (max-width: 630px) {
    .spri {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
    .main h2 {
        font-size: 22px;
        line-height: 34px
    }
    .main h3 {
        font-size: 20px;
        line-height: 34px
    }
    .lhs {
        width: 100%;
        padding: 0
    }
    .banner .ac {
        padding: 8px 12px
    }
    .banner .lhs h1 {
        font-size: 26px;
        line-height: 40px
    }
    .scrn-com .lhs h3 {
        font-size: 22px;
        line-height: 32px
    }
    .scrn-com .lhs p,
    .scrn-com .rhs p,
    .rs-threat .rs-h p {
        font-size: 16px;
        line-height: 26px
    }
    .box {
        width: 100%;
        height: auto;
        padding: 40px;
        padding-left: 90px
    }
}
@media screen and (max-width: 552px) {
    .spri {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }
    .banner .lhs p {
        padding: 0 40px
    }
    .br-bg {
        padding: 20px
    }
    .scrn-com .lhs h4 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px
    }
    .scrn-com .lhs h3 {
        font-size: 18px;
        line-height: 26px
    }
    .scrn-com .lhs ul li {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 14px
    }
    .scrn-com .lhs ul li:before {
        top: 4px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    .sec3 .sec3-content h3 {
        width: 100%;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px
    }
    .sec3 .sec3-content p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 36px
    }
}
@media screen and (max-width: 480px) {
    .spri {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }
    .banner .lhs p {
        padding: 0
    }
    .scrn-spot,
    .scrn-iden,
    .scrn-det {
        padding: 20px
    }
    .sec3 .inn {
        padding: 50px 20px
    }
    .box p {
        line-height: 25px
    }
    .box7 p::before {
        top: 8px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }
}
@media screen and (max-width: 400px) {
    .banner .lhs h1 {
        font-size: 24px;
        line-height: 36px
    }
    .spri {
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4)
    }
    .sec3 .btn {
        padding: 14px 20px
    }
}
@media screen and (min-width: 1500px) {
    .rs-bg {
        background-size: contain
    }
}
@media screen and (max-width : 1100px) {
    .rhs {
        transform: scale(.7);
        left: -88px;
    }
    .banner {
        overflow-x: hidden;
    }
}
.accordion-pare-23 {
    margin-top: 80px;
}
.faq-23-com-all-pg {
    padding: 0 200px;
    margin-bottom: 30px;
}
.faq-23-com-all-pg h2 {
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 45px
}
.accordion-23 {
    padding: 0;
    border-bottom: 1px solid #D3D3D3;
    position: relative;
    display: inline-block;
    width: 100%
}
.accordion-23:last-child {
    border-bottom: 0;
}
.accordion-23 h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding: 25px 0;
    position: relative;
    cursor: pointer;
    transition: .3s ease-in;
    margin-left: 0
}
.accordion-23.opened h4 {
    padding-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 16px;
    font-weight: 500;
    color: #000;
    margin-left: 0;
    position: relative;
}
.accordion-23 h4:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0px;
    width: 10px;
    height: 10px;
    line-height: 20px;
    text-align: center;
    border: 2px solid;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
    transition: .3s ease-in
}
.accordion-23.opened h4:before {
    transform: rotate(225deg);
    top: 40px
}
.panel {
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    display: none;
    padding-bottom: 35px;
    font-weight: 300
}
.accordion-23:nth-of-type(1) {
    border-top: 1px solid #D3D3D3;
}
.accordion-23:nth-of-type(1) .panel {
    display: block
}
.accordion-23 .panel p {
    margin-top: 0;
    margin-bottom: 20px
}
.accordion-23.opened p:last-child {
    margin-bottom: 0
}
.accordion-23.opened h4 {
    color: #118CD6
}
.accordion-23 .panel ul {
    list-style: disc;
    padding-left: 20px
}
.accordion-23 .panel ul li {
    list-style: disc;
    padding-bottom: 15px;
}
.accordion-23 .panel ul li:last-child {
    padding-bottom: 0
}
.accordion-23 .panel ul li strong {
    font-weight: 600;
}
.accordion-23 .panel img {
    width: 100%;
    margin: 10px 0
}
.accordion-23 .panel a {
    color: #0763ef
}
.accordion-23 .panel a:hover {
    text-decoration: underline
}
@media screen and (max-width:1050px) {
    .faq-23-com-all-pg {
        padding: 0 20px;
    }
}