.af {
    font-family: 'ZohoPuvi';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0
}
.af img,
.af figure {
    border: 0;
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto
}
#scroll {padding: 0;}
.sec-pTB.bg-l-grey,
.heading-menu {
    display: none !important
}
#backToTop {
    display: none !important
}
.af p,
.af a,
.af li,
.af td,
.af td,
.af span,
.af label {
    line-height: 24px;
    font-size: 14px
}
.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6 {
    margin: 0;
    color: #000
}
.af ul {
    padding-left: 0;
    margin: 0
}
.af li {
    list-style-type: none
}
.af a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af div,
.af a,
.af ul,
.af li,
.af input,
.af p,
.af h1,
.af h2,
.af span {
    box-sizing: border-box
}
.af div {
    box-sizing: border-box
}
.af .ac div {
    float: left
}
.af {
    width: 100%;
    display: inline-block;
    box-sizing: border-box
}
.ac {
    margin: 0 auto;
    position: relative;
    max-width: 1200px
}
.ban {
    padding: 55px 0 0;
    background: #e0e7fd;
    background: #e0e7fd;
    background: -moz-linear-gradient(180deg, rgba(224, 231, 253, 1) 0%, rgba(246, 248, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(224, 231, 253, 1) 0%, rgba(246, 248, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(224, 231, 253, 1) 0%, rgba(246, 248, 254, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e7fd", endColorstr="#ffffff", GradientType=1);
    position: relative;
    overflow: hidden
}
.ban .lhs-btop {
    float: left;
    width: calc(100% - 400px);
    padding: 35px 100px 0 0
}
.ban .lhs-btop h1 {
    font-size: 37px;
    line-height: 56px;
    font-weight: 200;
    color: #102336;
    margin-bottom: 25px;
    padding-right: 100px
}
.ban .lhs-btop h1 span {
    font-weight: 600;
    font-size: 37px
}
.ban .lhs-btop p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 15px;
    color: #102336;
    padding-right: 120px
}
.dwn-jump:before,
.dwn-jump:after {
    content: '';
    position: absolute
}
.dwn-jump:before {
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite-mob.png) no-repeat;
    background-size: 184px;
    background-position: -146px -84px;
    width: 12px;
    height: 13px;
    margin: 0 0 0 -28px;
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite
}
@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -moz-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
@keyframes search {
    20% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(-10px, 10px)
    }
    60% {
        transform: translate(10px, 10px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    0%,
    100% {
        transform: translate(0px, 0px)
    }
}
@-webkit-keyframes search {
    20% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(-10px, 10px)
    }
    60% {
        transform: translate(10px, 10px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    0%,
    100% {
        transform: translate(0px, 0px)
    }
}
@-moz-keyframes search {
    20% {
        transform: translate(-10px, 0px)
    }
    40% {
        transform: translate(-10px, 10px)
    }
    60% {
        transform: translate(10px, 10px)
    }
    80% {
        transform: translate(10px, 0px)
    }
    0%,
    100% {
        transform: translate(0px, 0px)
    }
}
.dwn-jump:after {
    left: 31px;
    width: 13px;
    height: 2px;
    background: #fff;
    bottom: 16px
}
.ban .rhs-btop {
    float: left;
    width: 400px;
    position: relative
}
.b-ani-1 {
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite.png) no-repeat;
    background-size: 554px;
    width: 451px;
    height: 397px;
    background-position: 0 -241px;
    left: -60px;
    top: 0;
    position: relative
}
.b-ani-1::before {
    content: "";
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite.png) no-repeat -4px -10px;
    background-size: 554px;
    width: 246px;
    height: 172px;
    left: 37.5%;
    top: 47.6%;
    animation: search 3s linear infinite;
    -webkit-animation: search 3s linear infinite;
    -moz-animation: search 3s linear infinite;
}
.ban-use {
    padding: 45px 40px 45px 396px;
    position: relative;
    margin: 70px 0 67px;
}
.ban-use::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0
}
.ban-use.animated::before {
    transform: translateX(0);
    opacity: 1
}
.ban-use .inn:before {
    content: '';
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite.png) no-repeat -268px 0;
    background-size: 554px;
    width: 286px;
    height: 230px;
    left: 47px;
    top: 26%
}
.ban-use .inn h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    padding: 10px 0 5px
}
.ban-use .inn p {
    font-size: 16px;
    line-height: 30px
}
.ban-use:after {
    width: 240px;
    height: 90px;
    top: 50%
}
.ban-use:after {
    background-position: -270px 0;
    right: -238px
}
@media screen and (max-width:1150px) {
    .ac {
        max-width: 90%
    }
}
@media screen and (max-width:1024px) {
    .ban-use .inn:before {
        display: none
    }
    .ban-use {
        padding: 30px
    }
    .ban-use .inn {
        text-align: center
    }
    .ban-use .inn h4 {
        font-size: 24px;
        line-height: 32px
    }
    .ban-use .inn h4 br {
        display: none
    }
    .ban-use .inn p {
        font-size: 16px;
        line-height: 26px
    }
}
@media screen and (max-width:1000px) {
    .ban .rhs-btop {
        display: none
    }
    .ban .lhs-btop {
        width: 100%;
        padding: 0;
        text-align: center
    }
    .ban .lhs-btop p {
        font-size: 18px
    }
    .ban .lhs-btop a {
        margin-top: 10px
    }
    .ban {
        padding: 80px 0 15px
    }
}
.animate {
    transition: all .8s ease-in-out;
    opacity: 1
}
.ban-use.animate {
    opacity: 1
}
.animate.animated {
    opacity: 1
}
.fadeInUp {
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}
.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(-20px);
    transform: translateX(-20px)
}
.fadeInLeft.animated {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.fadeInRight {
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}
.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(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}
.fadeInRight.animated {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.top-ics i {
    background-size: 1500px;
    background-position: -7px -315px;
    width: 24px;
    height: 64px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -65px
}
.top-ics I:nth-child(1) {
    left: 6%
}
.top-ics I:nth-child(2) {
    background-position: -41px -315px;
    width: 98px;
    height: 88px;
    top: -87px;
    left: 37%
}
.top-ics I:nth-child(3) {
    background-position: -149px -315px;
    left: 68%;
    width: 25px;
    height: 34px;
    top: -35px
}
.top-ics I:nth-child(4) {
    background-position: -184px -315px;
    left: 92%;
    width: 37px;
    height: 66px;
    top: -63px
}
.sec2 h2 {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 55px
}
.tit {
    text-align: center;
    width: 100%;
    margin-bottom: 60px
}
.tit h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding-top: 15px
}
.scrn-com {
    float: left;
    width: 100%;
    padding-bottom: 68px
}
.scrn-com .lhs {
    padding: 135px 0 0 70px;
    float: left;
    width: calc(100% - 650px);
    position: relative
}
.predef .lhs {
    position: relative;
    padding-left: 0;
    right: -46px
}
.cus-comp .lhs {
    left: 46px
}
.cus-comp .rhs {
    right: -46px
}
.scrn-com .lhs h3 {
    font-size: 30px;
    font-weight: 500;
    padding: 0 50px 5px 0;
    line-height: 43px;
    color: #102336
}
.predef .lhs h3 {
    padding-right: 0
}
.sec2-opp .scrn-com .lhs h3 {
    padding: 0 0 30px
}
.scrn-com .lhs p {
    font-size: 16px;
    padding-bottom: 25px;
    line-height: 28px
}
.predef .lhs p {
    padding-right: 56px
}
.scrn-com .lhs ul {
    padding: 10px 0 20px
}
.scrn-com .lhs ul li {
    font-size: 16px;
    padding: 0 0 20px 40px;
    line-height: 28px;
    position: relative
}
.scrn-com .lhs ul li:before {
    content: '';
    position: absolute;
    margin: 8px 0 0 -40px;
    background-size: 2200px;
    background-position: -9px -222px;
    width: 20px;
    height: 17px
}
.scrn-com .lhs a {
    font-size: 17px;
    line-height: 28px;
    border: 1px solid #102336;
    border-radius: 5px;
    padding: 10px 65px 10px 30px;
    display: inline-block;
    position: relative
}
.scrn-com .lhs a:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 15px;
    background-size: 509px;
    background-position: -213px -392px;
    margin: 8px 0 0 17px;
    transition: all .4s ease
}
.scrn-com .lhs a:hover {
    background: #e8132a;
    border: 1px solid #e8132a;
    color: #fff
}
.scrn-com .lhs a:hover:after {
    background-position: -247px -392px
}
.scrn-com .rhs {
    float: left;
    width: 650px;
    position: relative
}
.scrn-com .rhs .mob-s-scrn {
    width: 100%;
    display: none
}
.sec2-opp {
    padding: 70px 0
}
.sec2-opp .scrn-com .lhs {
    padding: 0 0 0 50px
}
.scrn-com-alt .lhs {
    padding: 135px 70px 0 0
}
.spri {
    position: relative;
    background-position: -12px -574px;
    margin-top: -45px;
    background-size: 2200px 1200px;
    width: 732px;
    height: 529px
}
.scrn-2 {
    background-position: -663px -3px;
    margin-left: -215px;
    width: 820px;
    height: 517px
}
.scrn-3 {
    background-position: -775px -606px;
    width: 767px;
    height: 466px
}
.why {
    position: relative;
    padding: 90px 0 0;
    max-height: 840px;
    margin-bottom: 60px;
    margin-top: 40px
}
.why:before {
    content: '';
    position: absolute;
    background: #e0e7fd;
    width: 75%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 50px 0 0
}
.why:after {
    content: '';
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-building.png);
    background-size: cover;
    width: 75%;
    height: 379px;
    left: 0;
    bottom: 0;
    z-index: 0;
    animation: flow 3000s linear infinite;
    -webkit-animation: flow 3000s linear infinite
}
@-webkit-keyframes flow {
    0% {
        background-position: 100000px bottom
    }
    100% {
        background-position: 0 bottom
    }
}
@keyframes flow {
    0% {
        background-position: 100000px bottom
    }
    100% {
        background-position: 0 bottom
    }
}
.why .lhs {
    width: 400px;
    position: relative;
    margin-top: 40px;
    z-index: 1
}
.why .lhs h2 {
    font-size: 36px;
    font-weight: 300;
    color: #173227;
    line-height: 48px;
    text-align: center;
    margin-top: -38px
}
.why .lhs h2 strong {
    font-weight: 600
}
.why .lhs:before {
    content: '';
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite.png) no-repeat -55px -648px;
    background-size: 554px;
    width: 456px;
    height: 742px;
    left: -30px;
    top: -63px;
    z-index: 9
}
.why .rhs {
    width: calc(100% - 400px);
    position: relative;
    float: right
}
.why .rhs ul {
    display: inline-block;
    vertical-align: middle;
    max-width: 375px;
    width: 100%;
    margin-top: -150px
}
.why .rhs .boxr {
    margin-left: 8px
}
.why .rhs .why-box {
    border-radius: 5px;
    box-shadow: 0 1px 25px -10px #3333333b;
    background: #fff;
    padding: 88px 26px 30px;
    float: left;
    transition: all .4s ease-in-out;
    margin: 2%;
    position: relative;
    z-index: 3;
    left: 45px
}
.why .rhs .why-box:before {
    content: '';
    position: absolute;
    background: url(/sites/meweb/images/se/log-management/images/audit-ready-reports-sprite-mob.png) no-repeat;
    background-size: 184px;
    background-position: 0 -2px;
    width: 41px;
    height: 43px;
    top: 25px
}
.why .rhs .boxl .why-box:nth-child(2)::before {
    background-position: -70px 0px;
    width: 46px
}
.why .rhs .boxl .why-box:nth-child(3)::before {
    background-position: -140px 0;
    width: 44px;
    height: 44px
}
.why .rhs .boxr .why-box:nth-child(1)::before {
    background-position: -3px -69px;
    width: 46px;
    height: 48px
}
.why .rhs .boxr .why-box:nth-child(2)::before {
    background-position: -71px -69px;
    width: 47px;
    height: 45px
}
.why .rhs .why-box h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px
}
.why .rhs .why-box p {
    font-size: 15px;
    font-weight: 300;
    margin: 0
}
.reasons-wrap {
    padding: 20px 0 50px;
    min-height: 750px
}
@media screen and (min-width: 1350px) {
    .sec2.sec2-opp .rhs .scrn-2 {
        width: 680px;
        background-size: 1800px;
        background-position: -535px -3px;
        height: 440px;
        margin-left: -60px;
        margin-top: 0
    }
}
@media screen and (max-width: 1200px) {
    .scrn-com .rhs .mob-s-scrn {
        display: block
    }
}
@media screen and (max-width: 992px) {
    .scrn-com .lhs,
    .scrn-com .rhs,
    .why:after {
        width: 100%
    }
    .scrn-com .lhs {
        padding: 15px 25px
    }
    .scrn-com {
        border: 1px solid #f5f5f5;
        background: #fff;
        margin-bottom: 25px;
        padding: 30px;
        border-radius: 10px
    }
    .ban-use::before {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .sec2 h2 {
        font-size: 30px;
        line-height: 40px
    }
    .scrn-com .lhs h3 {
        font-size: 22px;
        line-height: 30px
    }
    .ban .lhs-btop h1 br {
        display: none
    }
}
@media screen and (max-width: 567px) {
    .scrn-com .lhs h3 {
        font-size: 20px;
        line-height: 30px
    }
    .scrn-com .lhs a {
        font-size: 14px;
        padding: 10px 15px
    }
    .scrn-com .lhs a:after {
        display: none
    }
}
@media screen and (max-width:1450px) {
    .art-slides {
        padding-right: 100px
    }
    .clud-sli ul li div {
        min-height: 280px
    }
    .sec4 .lhs .ani-men-2 {
        top: 263px
    }
}
@media screen and (max-width:1230px) {
    .sec4 .ac {
        max-width: 90%
    }
}
@media screen and (max-width:1199px) {
    .ban-use {
        background: none
    }
}
@media screen and (max-width:1000px) {
    .sec4 .lhs {
        display: none
    }
    .sec4 .rhs {
        width: 100%;
        padding: 0
    }
    .sec4 .rhs ul li:last-child {
        padding-bottom: 0
    }
    .sec4 .rhs h3 {
        font-size: 26px
    }
}
@media screen and (max-width:767px) {
    .sec4 .rhs ul li {
        font-size: 16px;
        line-height: 26px
    }
}
@media screen and (max-width:1450px) {
    .sec2.sec2-opp {
        padding: 0
    }
    .sec2.sec2-opp .lhs {
        padding: 0 50px
    }
    .sec2.sec2-opp .rhs .scrn-2 {
        margin: 0
    }
}
@media screen and (max-width:1330px) {
    .sec2.sec2-opp .lhs {
        padding: 0 40px 0 0
    }
    .spri {
        background-size: 1400px;
        height: 365px;
        width: 525px;
        margin: 0 auto !important;
        float: initial !important
    }
    .scrn-1 {
        background-position: 35px -368px;
        margin: 0 auto;
        float: initial !important
    }
    .scrn-2 {
        background-position: -418px 0
    }
    .scrn-3 {
        background-position: -489px -385px;
        height: 312px
    }
    .scrn-com .lhs h3 {
        font-size: 24px;
        line-height: 34px;
        padding: 0 0 15px
    }
    .why:before {
        width: 90%
    }
    .why::after {
        width: 90%
    }
    .predef .lhs {
        padding-left: 46px;
        right: 0
    }
    .cus-comp .lhs {
        left: 0
    }
    .cus-comp .rhs {
        right: 0
    }
    .predef .lhs p {
        padding-right: 0
    }
    .reasons-wrap .rhs ul {
        max-width: 45%
    }
}
@media screen and (max-width:1250px) {
    .ac {
        max-width: 95%
    }
    .ban .lhs-btop h1 {
        font-size: 36px;
        line-height: 50px;
        padding-right: 0
    }
    .ban .lhs-btop p {
        padding-right: 0
    }
}
@media screen and (max-width:1230px) {
    .clud-sli ul li div {
        min-height: 250px
    }
}
@media screen and (max-width:1100px) {
    .ac {
        max-width: 90%
    }
    .why {
        max-height: 90%;
        margin-bottom: -8px
    }
    .why .lhs h2 {
        margin-top: 154px;
    }
    .why .lhs:before {
        top: 137px;
    }
}
@media screen and (max-width:1050px) {
    .scrn-com .lhs {
        width: 100%;
        padding: 30px 0 0;
        text-align: center;
        order: 1
    }
    .scrn-com .rhs {
        width: 100%
    }
    .scrn-com {
        padding-bottom: 40px;
        display: grid
    }
    .sec2 .rhs {
        order: 2
    }
    .sec2.sec2-opp .lhs {
        width: 100%
    }
    .sec2.sec2-opp .rhs {
        width: 720px;
        margin: 0 auto;
        display: table;
        float: initial !important
    }
    .sec2.sec2-opp {
        padding: 0 50px
    }
    .scrn-rule .rhs .spri {
        margin-top: 0 !important
    }
    .sec2.sec2-opp .scrn-com {
        display: -webkit-flex;
        display: grid
    }
    .sec2.sec2-opp .lhs {
        order: 1
    }
    .sec2.sec2-opp .rhs {
        order: 2
    }
    .why {
        margin-top: 50px
    }
}
@media screen and (max-width: 1025px) {
    #header-mainsec {
        height: 57px
    }
    .why .lhs h2 {
        margin-top: 228px;
    }
    .why .lhs:before {
        top: 206px;
    }
}
/*@media screen and (min-width:992px) and (max-width:1150px) {
.why .rhs .why-box h4{font-size:15px;line-height:26px}
.why .rhs .why-box p{font-size:13px}
.why .lhs:before {
    top: 127px;
}
.why .lhs h2 {
    margin-top: 148px;
}
}*/
@media screen and (max-width:992px) {
    .af .ac .Country_based_cta.mt--0 {
        float: none;
        margin: auto;
        display: inline-block;
    }
    .mob-hide,
    .ban-use .inn:after,
    .why .lhs:before {
        display: none
    }
    .sec2 .ac {
        max-width: 95%
    }
    .sec2.sec2-opp {
        padding: 0
    }
    .ban {
        padding: 90px 0 60px
    }
    .clud-sli ul li div {
        min-height: 250px
    }
    .why .lhs,
    .why:before,
    .why .rhs {
        width: 100%
    }
    .why .rhs ul {
        margin: 0;
        padding: 0
    }
    .why .inn {
        width: 100%
    }
    .why::after {
        width: 100%
    }
    .why .lhs {
        margin-top: 0;
        padding-bottom: 30px
    }
    .why .inn h2 {
        text-align: center;
        padding: 0;
        font-size: 24px;
        line-height: 36px
    }
    .why .inn h2 strong br {
        display: none
    }
    .ban-use {
        margin: 60px 0;
        margin-bottom: 0;
        padding: 0
    }
    .rel-reso .form .audit_form {
        margin: 0 auto;
        display: table;
        float: initial;
        width: 100%;
        max-width: 500px
    }
    .why .lhs h2 {
        margin-top: 0
    }
    .why {
        padding: 30px 0 0;
    }
}
@media screen and (max-width:767px) {
    #titlediv {
        display: none !important
    }
    .zsiq_theme1 .zsiq_flt_rel {
        border-radius: 50px 0 0 50px !important
    }
    .ban {
        padding: 70px 0 20px
    }
    .sec2.sec2-opp .rhs,
    .sec2 .rhs {
        width: 100%
    }
    .sec2 h2 {
        font-size: 20px;
        line-height: 34px;
        padding-bottom: 0
    }
    .footer-stripe {
        background: #004c73;
        padding: 40px 30px;
        float: left;
        width: 100%;
        box-sizing: border-box
    }
    .why {
        padding-top: 40px
    }
    .why .rhs .why-box {
        width: 100%;
        margin: 0 0 25px
    }
    .why .rhs .why-box:nth-child(1) {
        margin-left: 0
    }
    .why::after {
        display: none
    }
    .why:before {
        border-radius: 0
    }
    .why .rhs .why-box {
        left: 0;
        float: none
    }
    .why .rhs ul {
        max-width: 100%
    }
    .why .rhs .boxr {
        margin-left: 0
    }
}
@media screen and (max-width:650px) {
    .scrn-com .spri {
        background-size: 830px;
        width: 300px
    }
    .scrn-1 {
        background-position: -257px 1px;
        height: 211px
    }
    .scrn-2 {
        background-position: 9px -216px;
        height: 200px
    }
    .scrn-3 {
        background-position: -286px -233px;
        height: 200px
    }
    .sec2 .lhs {
        padding: 0
    }
    .ban .lhs-btop h1 {
        font-size: 28px;
        line-height: 36px
    }
    .ban .lhs-btop h1 span {
        font-size: 28px;
        line-height: 36px
    }
}
@media screen and (max-width:500px) {
    .ds-list li {
        width: 100%
    }
    .clud-sli ul li div {
        min-height: 310px
    }
}
@media screen and (max-width:480px) {
    .sec4 .inn {
        padding: 25px
    }
    .sec4 .rhs h3 {
        font-size: 20px;
        line-height: 32px;
        padding-bottom: 15px;
        text-align: center
    }
}
@media screen and (max-width:400px) {
    .scrn-com {
        padding: 0
    }
    .scrn-com .lhs {
        padding: 30px
    }
    .sec2.sec2-opp .rhs {
        padding-bottom: 20px
    }
    .sec2.sec2-opp .lhs {
        padding: 30px !important
    }
}
@media screen and (max-width:350px) {
    .sec2 .lhs {
        padding: 20px 20px 0
    }
    .scrn-com {
        padding: 0
    }
    .sec2.sec2-opp .lhs {
        padding: 30px
    }
    .clud-sli ul li div p {
        font-size: 14px;
        line-height: 24px
    }
    .clud-sli ul li div {
        padding: 28px 10px 15px 28px
    }
}
@media screen and (max-width:480px) {
    .mew-horizontal-tab .mew-tab-list li {
        padding: 6px 5px
    }
    .mew-horizontal-tab .mew-tab-list li span:after {
        margin: 3px 0 0 3px
    }
}
@media screen and (max-width : 1100px) {
    .rhs-btop {
        transform: scale(.7);
    }
}