/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
    html { font-family: 'Open Sans', sans-serif;} 
.flex {display: flex}
.whiteText {color: #fff}
.redBg {background: #e02127}
.greenBg {background: #19934e}
.blueBg {background: #4abdff}
.blueText {color: #058fd6}
.buttonBox {padding: 8px 30px}
.sectionTitle {font-size: 30px}
body {color: #000;font-family: 'Open Sans', sans-serif;margin: 0;padding: 0}
h1,h2,h3,h4,h5,h6 {margin: 0}
ul {
    padding-left: 0;
    margin: 0
}
li {
    list-style-type: none
}
a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
div {
    box-sizing: border-box
}
.full {
    width: 100%
}
.container {
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
}

span#backToTop {
    display: none!important
}
    
    .fix-header {
    height: 55px;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 99;
    box-shadow: 0 16px 37px -22px rgba(2, 2, 2, 0.32);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: -109px;
    box-shadow: 0 3px 14px -1px rgba(0, 0, 0, 0.09)
}

.fix-header-1 {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: -0
}

.wam-logo-mar-top {
    margin-top: 0
}

.wam-head-top {
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
    background: linear-gradient(to right, #fff, #f7f7f7);
    background: linear-gradient(to right, #fff, #f7f7f7);
    display: none
}
.wam-head-top-inn ul {
    float: right
}

.wam-head-top-inn ul li {
    float: left
}

.wam-head-top-inn ul li a {
    font-size: 13px;
    line-height: 34px;
    color: #000
}

.wam-head-top-inn ul li:nth-child(1) a {
    margin-right: 12px;
    border-right: 1px solid #ced2da;
    padding-right: 15px;
    color: #000
}

.wam-head-lm {
    display: inline-block;
    transition: .5s;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05);
    padding-bottom: 5px
}

.wam-head-logo {
    display: inline-block;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.wam-head-logo-left {
    float: left
}

.wam-logo {
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    width: 155px;
    height: 50px;
    display: inline-block;
    background-size: 900px;
    z-index: 2;
    background-position: -2px -7px;
    position: absolute;
    margin-top: 4px
}

.wam-head-logo-right {
    float: right
}

.wam-menu {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 5px
}

.wam-menu ul li {
    float: left
}

.wam-menu ul li a {
    font-weight: 600;
    padding: 2px 15px 5px;
    display: block;
    border-radius: 2px;
    color: #000;
    font-size: 15px
}

.wam-menu ul li a:hover {
    color: #e02127
}

.wam-menu ul li a:before {
    content: '';
    position: relative;
    left: -2px;
    top: 5px;
    width: 28px;
    height: 22px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    display: inline-block;
    background-size: 1030px;
    background-position: -5px -73px;
}
.wam-menu ul li:nth-child(2) a:before {
    background-position: -36px -71px;
}

.wam-menu ul li:nth-child(3) a:before {
    background-position: -65px -71px;
}

.wam-menu ul li:last-child a:before {
    content: '';
    position: relative;
    left: -5px;
    top: 5px;
    width: 22px;
    height: 22px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    display: inline-block;
    background-size: 1030px;
    background-position: -127px -71px;
}

.wam-menu ul li:last-child a {
    border: 1.5px solid #ed2121;
    color: #ed2121;
    margin-left: 15px;
    padding: 0 20px 5px;
    background: #fff;
    font-size: 15px;
    font-weight: 600
}

.wam-menu ul li:last-child a:hover:before {
    content: '';
    position: relative;
    left: -5px;
    top: 5px;
    width: 22px;
    height: 22px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    display: inline-block;
    background-size: 1030px;
    background-position: -150px -71px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.wam-menu ul li:last-child a:hover {
    background: #d41818;
    color: #fff
}

.fix-header .wam-menu ul li:last-child a {
    background: #ed2121;
    color: #fff;
    transition: .3
}

.fix-header .wam-menu ul li:last-child a:hover {
    transition: .3s;
    background: #d41818
}

.fix-header .wam-menu ul li:last-child a:before {
    content: '';
    position: relative;
    left: -5px;
    top: 5px;
    width: 22px;
    height: 22px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    display: inline-block;
    background-size: 1030px;
    background-position: -98px -71px
}

a:hover {
    text-decoration: none
}

.topBannerContainer {
    position: relative;
    padding: 50px 0; 
    bottom: 7px;
}
    
.topBannerContainer:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 65%; 
    width: 100%;
    background: #e1f4ff;background: -webkit-linear-gradient(to bottom,#e1f4ff,#fff);background: linear-gradient(to bottom,#e1f4ff,#fff)
}
    
.topBannerContainer .container{
    justify-content: space-between;
}

.topBannerContent {
    position: relative;
    width: 60%;
    align-self: center;
}

.topBannerContent h1 {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: 20px;
    font-weight: 700
}

.topBannerContent p:first-of-type {
    width: 80%;
    margin-bottom: 50px;
    line-height: 1.5
}

.topBannerContent a {
    text-transform: uppercase;
    font-size: 19px;
    padding: 2% 10%;
    border-radius: 3px;
    transition: .3s
}

.topBannerContent a::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    margin: 21px 0 0 7px;
    border-radius: 4px;
    left: 4%;
}
.topBannerContent a:hover {
    background: #d41818;
    transition: .3s
}
    
.nav-dwn-icon{
    position: absolute;
    margin: 14px 0 0 5px;
    width: auto;
    height: 0px;
    background-position: 0 0;
    line-height: 22px;
    display: initial;
    top: auto;
    left: 4%;
}

.nav-dwn-icon:before, .nav-dwn-icon:after{
    content: '';
    display: block;
    position: absolute;
    animation: icon-bounce 0.9s infinite ease-in-out;
}
.nav-dwn-icon:before{
    left: .5rem;
    top: -.5rem;
    width: .5rem;
    height: .5rem;
    background: #fff;
}
.nav-dwn-icon:after{
    left: .25rem;
    top: -.125rem;
    width: 0;
    height: 0;
    border-left: solid .5rem transparent;
    border-right: solid .5rem transparent;
    border-top: solid .5rem #fff;
}
@-webkit-keyframes icon-bounce {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
@keyframes icon-bounce {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0px) }
}
.topBannerContent p:last-of-type {
    font-size: 13px;
    font-style: italic;
    margin: 8px 0;
    padding-left: 4%;
    margin-top: 3%;
    font-weight: lighter;
    color: #1a1a1a
}

.topBannerImg {
    position: relative;
    align-self: center;
    width: 400px;
    height: 350px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    background-size: 980px;
    background-position: 34px -246px;
}

.stickyForm {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100vh;
    transition: .6s;
    overflow: hidden;
    z-index: 999;
    width: 50px
}

.stickyForm.stickyPosShift {
    position: fixed;
    top: 0
}

.stickyForm.active {
    z-index: 999;
    width: 100%;
    transition: .5s;
    position: fixed !important;
    top: 0;
}

.stickyForm .overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .7;
    z-index: 999;
    display: none;
}
    
.stickyForm .overlay.active {
    display: block;
}

.stickyWrapper {
    position: absolute;
    width: 400px;
    right: -400px;
    top: 25%;
    height: 40%;
    transition: .6s
}

.stickyWrapper.active {
    right: 0;
    transition: .6s;
    z-index: 9999
}

.stickyIcon {
    transition: .3s;
    position: absolute;
    top: 10px;
    left: -50px;
    text-align: center;
    background: #f5af19;
    height: 50px;
    width: 50px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 999;
    cursor: pointer
}

.stickyIcon:hover {
    transition: .3s;
    background: #f7bc3c
}

/*.stickyIcon img {
    max-width: 20px;
    margin-top: 5px
}*/
    
    .stickyIcon .demo{
        position: relative; 
        height: 30px; 
        width: 30px;
		margin: 0 auto;
        background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
        background-size: 2300px; 
        background-position: 98.2% -405px;
    }

.stickyIcon p {
    margin: 0;
    font-size: 9px
}

.err {
    color: #ff3535;
    position: relative;
    margin-top: -10px;
    display: none;
    font-size: 12px
}

.message {
    display: none;
    text-align: center;
    padding-top: 50px
}

.message h2 {
    color: #000;
    font-weight: 700;
    display: block;
    font-size: 42px;
    line-height: 50px
}

#meGDPRMessage {
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

#meGDPRMessage label {
    font-size: 12px;
    line-height: 16px
}

.formBox {
    position: absolute;
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 6%;
    height: auto
}

.formClose {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    font-weight: 100;
    cursor: pointer
}

.formHeader {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px
}

.inputBox {
    position: relative;
    height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1
}

.inputBox:last-of-type {
    height: auto;
    border: none
}

.dwn-priv {
    margin-top: 20px;
    margin-left: 0
}

#MECountryListing {
    border: none;
    background: 0 0;
    position: relative;
    left: 30px;
    margin-bottom: 20px;
    font-size: 15px;
    width: 90%;
    padding-left: 8px;
    color: #697682;
    height: 30px;
    outline: none;
}

.formIcon {
    position: absolute;
    height: 20px;
    width: 20px;
    left: 0;
    top: 6px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    background-size: 800px;
}

.formName {
    background-position: 99% -3px;
}

.formEmail {
    background-position: 99% -55px;
}

.formCountry {
    background-position: 99% -96px;
    background-size: 700px;
}

.formPhone{
    background-position: 99% -33px;
}

.formDate {
    background-position: 99% -84px;
}

.submitBox {
    justify-content: space-between;
    margin-bottom: 30px
}

.inputBox input {
    width: 100%;
    border: none;
    padding-left: 40px;
    height: 30px;
    font-size: 15px;
    outline: none;
}

.inputBox input::placeholder {
    font-size: 15px;
    color: #697682
}

.submitBox input {
    padding: 10px 30px;
    width: 48%;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.submitBox input:last-of-type {
    color: #e2e7ea;
    background: #93a7b5
}

.sliderContainer {
    position: relative;
    margin: 30px 0 40px
}

.sliderContainer .container {text-align: center;}
    .sliderContainer .container p{font-size: 17px; margin-bottom: 5px;}
    .sliderContainer .container h2{font-size: 31px; font-weight: 600;}
    .adapFeatureContainer{position: relative; margin-top: 30px;}
    .adapFeatureContainer .container{justify-content: space-between; padding: 0 3%; flex-wrap: wrap;}
    .adapFeatureContainer h4{font-size: 19px; font-weight: 600; margin-bottom: 30px;}
    .adapFeatureContainer h4.marginR{margin-right: 50%;}
    .adapFeatureContainer h4.marginL{margin-left: 52%}
    .featureContentWrapper{width: 48%;}
    .featureImgWrapper{width: 45%;}
    .featureContent{padding: 20px 30px 20px 25px; transition: .4s; cursor: pointer;}
    .featureContent h4{font-size: 17px; font-weight: 700; transition: .4s; margin-bottom: 15px;}
    .featureContent p{font-size: 13.5px; margin: 0;}
    .featureContent.active{background: #f3f8fa; border-left: 5px solid #269acd;}
    .featureContent.active h4{color: #269acd; transition: .4s;}
    .featureImgBox{position: relative; height: 270px; width: 450px; box-shadow: 0 0 24px 7px rgba(212,212,212,.45); border-radius: 5px;}
    .featureImg{position: absolute; height: 100%; width: 100%; background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat; background-size: 1100px; background-position: -582px -732px;transition: .3s; opacity: 0;}
    .featureImg.active{opacity: 1; transition: .3s;}
    .fi2{background-position: -62px -732px;}
    .fi3{background-position: -596px -423px;}
    .fi4{background-position: -70px -1051px;}
    .fi5{background-position: -584px -1051px;}
    .fi6{background-position: -69px -1360px;}
    .featureNav{position: relative; justify-content: center; margin-top: 50px;}
    .nav{position: relative; height: 10px; width: 10px; border-radius: 50%; background: #cccccc; margin: 0 5px; transition: .3s; cursor: pointer;}
    .nav.active{ background: #269acd; transition: .3s;}
    .infrastructureContainer{position: relative; background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-ad-changes-bg.png) no-repeat; background-size: 1800px; background-position: bottom; margin-top: 50px;}
    .infrastructureHeader{text-align: center;}
    .infrastructureHeader p{font-size: 17px; margin-bottom: 10px;}
    .infrastructureHeader h2{font-size: 31px; font-weight: 600;}
    .infrastructureContent{justify-content: space-between; flex-wrap: wrap;padding: 80px 0 100px;}
    .infrastructureBox{position: relative; height: auto;}
    .infrastructureBox:first-of-type{margin: 0 37%; width: 100%;}
    .infrastructureBox:nth-of-type(2){padding: 0 18% 0 50px; width: 49%; bottom: 40px;}
    .infrastructureBox:nth-of-type(3){padding: 0 50px 0 18%; width: 49%; bottom: 40px;}
    .infrastructureBox:nth-of-type(4){padding: 0 17% 0 0; width: 43%;}
    .infrastructureBox:last-of-type{padding: 0 0 0 17%; width: 43%;}
    .infrastructureBox .icon{position: relative; height: 50px; width: 50px; background: url('https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png') no-repeat; background-size: 1100px; background-position:  -14px -110px;}
    .infrastructureBox:nth-of-type(2) .icon{background-position:  -123px -110px;}
    .infrastructureBox:nth-of-type(3) .icon{background-position:  -65px -110px;}
    .infrastructureBox:nth-of-type(4) .icon{background-position:  -172px -110px; width: 45px;}
    .infrastructureBox:nth-of-type(5) .icon{background-position:  -219px -110px;}
    .infrastructureBox p{margin-top: 3px; font-size: 13.5px;}
    .infrastructureBox p span{font-weight: 700;}
    .infrastructureBox p a{color: #269acd;}
    .infrastructureGif{position: absolute; margin: auto; left: -12px; right: 0; bottom: 86px;}
.testimonialBox {
    padding-right: 2px;
    flex-direction: column;
    justify-content: center
}

.testimonialContent {
    align-self: flex-start;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;
    font-family: 'Open Sans Light', sans-serif
}

.testimonialOwner {
    align-self: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.testimonialName {
    text-align: left;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    align-self: flex-start
}

.paddingr70 {
    padding-right: 70px
}

.paddingr80 {
    padding-right: 80px
}

.testimonialOwner p:last-of-type {
    margin-top: 0;
    font-style: italic;
    font-size: 12px;
    font-weight: 300;
    align-self: flex-start
}

.adChangeAuditTestimonialWrapper .slick-dots {
    position: relative;
    overflow: hidden;
    text-align: center
}

.adChangeAuditTestimonialWrapper .slick-dots button {
    opacity: 0;
    position: absolute
}

.adChangeAuditTestimonialWrapper .slick-dots li {
    position: relative;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #d2e4e8;
    margin-left: 10px;
    display: inline-block;
    transition: .3s
}

.adChangeAuditTestimonialWrapper li.slick-active {
    background: #85dbf0;
    transition: .3s
}

.testimonialNav {
    text-align: right;
    justify-content: center;
    bottom: 14px;
    position: relative;
    z-index: 11;
    opacity: 0
}

.slidernav {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #d2e4e8;
    margin-left: 10px;
    cursor: pointer
}

.bottomLogos {
    justify-content: space-around;
    flex-wrap: nowrap;
    position: relative;
    width: 70%;
    left: 15%;
    margin: 30px 0 80px
}

.bottomLogos img {
    max-width: 100px
}

.client4 img,
.client5 img {
    max-width: 130px
}

.client6 img {
    max-width: 150px
}

.otherLinkContainer {
    height: auto;
    padding: 2% 8%;
    background: #f6faff
}

.otherLinkHeader {
    margin-top: 20px;
    text-align: center;
    flex-direction: column;
    justify-content: center
}

.otherLinkHeader .greenBg {
    border-radius: 3px;
    align-self: center;
    padding: 0 6px;
    margin-bottom: 0;
    font-size: 18px
}

.otherLinkHeader p:last-of-type {
    width: 82%;
    align-self: center;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 40px;
    line-height: 1.4
}

.otherLinkList {
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    left: 5%
}

.otherLinkBox {
    width: 30%;
    height: 180px;
    box-shadow: 0 0 10px 2px rgba(224, 230, 233, .51);
    margin-bottom: 30px;
    justify-content: flex-start;
    padding: 0 10px;
    background: #fff;
    transition: .5s;
    position: relative
}

.otherLinkBox:hover {
    transition: .5s;
    bottom: 2px;
    text-decoration: none;
    box-shadow: 0 0 20px 5px rgba(224, 230, 233, .81)
}

.otherLinkContent {
    position: relative;
    align-self: center;
    color: #000;
    padding: 0 10px
}

.otherLinkContent div {
    position: relative;
    left: 0;
    height: 40px;
    width: 40px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    background-size: 980px;
}

.otherLinkBox1 .otherLinkContent div {
    background-position: 0 0;
}

.otherLinkBox2 .otherLinkContent div {
    background-position: -10px -155px;
}

.otherLinkBox3 .otherLinkContent div {
    background-position: -75px -155px;
}

.otherLinkBox4 .otherLinkContent div {
   background-position: 0 0;
}

.otherLinkBox5 .otherLinkContent div {
    background-position: -132px -158px;
}

.otherLinkBox6 .otherLinkContent div {
    background-position: -188px -158px;
}

.otherLinkBox7 .otherLinkContent div {
    background-position: -239px -165px;
}

.otherLinkBox8 .otherLinkContent div {
    background-position: -290px -158px;
}

.otherLinkName {
    font-size: 14px;
    margin-bottom: 0
}

.otherLinkContent p:last-of-type {
    font-size: 13px;
    margin-top: 5px;
    line-height: 1.5
}

.otherLinkExplore {
    position: relative;
    height: auto;
    text-align: center;
    margin: 45px 0
}

.otherLinkExplore a {
    transition: .3s;
    padding: 12px 40px;
    border-radius: 3px;
    background: #1b91e3;
    font-size: 17px
}

.otherLinkExplore a:hover {
    transition: .3s;
    background: #1986d2;
    text-decoration: none
}

.adChangeAuditTestimonialContainer {
    position: relative;
    width: 80%;
    left: 10%;
    justify-content: space-between;
    margin: 50px 0 30px
}

.adChangeAuditTestimonialWrapper {
    width: 49%;
    height: auto;
    align-self: center
}

.testimonialHeader {
    position: relative;
    font-weight: 700;
    font-size: 30px
}

.testimonialHeader::before {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -27px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    background-size: 1030px;
    background-position: -179px 0;
    height: 110px;
    width: 110px;
    opacity: .6
}

.adChangeAuditClientsImg {
    position: relative;
    width: 400px;
    height: 320px;
    background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
    background-size: 900px;
    background-position: -329px -11px;
}

.foot-copy {
    background: #000;
    color: #4d4d4d;
    max-width: 100%
}

.foot-copy a {
    color: #4d4d4d
}

#zsiq_maintitle{display: none;}
#titlediv {
    background: #000;
    box-shadow: 0px 0px 13px -1px #fff;
    color: #fff;
    font-size: 12px;
    height: 30px;
    left: -92px;
    line-height: 20px;
    padding: 5px 10px;
    top: 5px;
    width: 80px;
}
#titlediv p {
    color: #fff;
}
.zsiq_theme1 .zsiq_cnt::after {
    background: #000 !important;
    box-shadow: 2px -3px 4px #9c9a9a;
}

@media only screen and (max-width:1120px) {
    .container{
        max-width: 90%;
    }
    .topBannerImg{
        background-size: 827px;
        background-position: 10px -217px;
        height: 313px;
        width: 345px;
    }
    .featureContentWrapper{
        width: calc(100% - 450px);
    }
    .featureImgBox{
        width: 400px;
        height: 217px;
    }
    .featureImg{
        background-size: 900px;
        background-position: -466px -601px;
    }
    .fi2{
        background-position: -33px -601px;
    }
    .fi3{
        background-position: -475px -345px;
    }
    .fi4{
        background-position: -45px -863px;
    }
    .fi5{
        background-position: -462px -863px;
    }
    .fi6{
        background-position: -42px -1116px;
    }
    
}
@media only screen and (max-width:1024px) {
    .otherLinkBox {
        height: 200px
    }
    .featureNav .nav{
        display: block;
    }
    .infrastructureContainer{
        background-size: 1400px;
    }
    .infrastructureGif{
        max-width: 270px;
        left: -8px;
        bottom: 65px;
    }
}

@media screen and (max-width:992px) {
    .wam-head-top-inn ul {
        float: initial;
        display: table;
        margin: 0 auto
    }
    .wam-head-logo-left {
        float: initial;
        margin: 0 auto;
        display: table;
        padding: 10px 0
    }
    .wam-logo {
        margin-top: 10px;
        position: relative
    }
    .wam-head-logo-right {
        float: initial
    }
    .wam-menu {
        width: 100%
    }
    .wam-menu ul li {
        width: 25%
    }
    .wam-menu ul li a {
        padding: 10px 5px 10px 20px;
        border: 1px solid #e4e4e4;
        margin-right: 5px;
        background: #f9f9f9;
        color: #000;
        border-radius: 3px
    }
    .wam-head-logo-right {
        float: initial
    }
    .wam-menu ul li:last-child a {
        transition: .3s;
        margin-left: 0;
        padding: 5px 30px 14px
    }
    .wam-menu ul li:last-child a:hover {
        background: #d41818!important;
        transition: .3s
    }
    .wam-head-top {
        background: #fff
    }
    .wam-head-top-inn ul li a {
        color: #0e303e
    }
    .wam-head-top-inn ul li:nth-child(1) a {
        color: #0e303e
    }
    .fix-header {
        position: relative;
        top: 0;
        height: auto;
    }
    .topBannerImg{
        display: none;
    }
    .topBannerContent{
        width: 100%;
        text-align: center;
    }
    .topBannerContent p:first-of-type{
        margin: 0 auto 50px;
    }
    .infrastructureContainer{
        background: none;
    }
    .infrastructureGif{
        display: none;
    }
    .infrastructureBox:first-of-type, .infrastructureBox:nth-of-type(2), .infrastructureBox:nth-of-type(3), .infrastructureBox:nth-of-type(4), .infrastructureBox:last-of-type{
        margin: 0 auto; 
        width: 70%; 
        padding: 0;
        bottom: 0;
    }
    .otherLinkContainer{
        padding: 2% 0;
    }
}

@media only screen and (max-width:900px) {
    .otherLinkBox {
        width: 29%
    }
    .otherLinkName {
        margin-top: 10px;
        line-height: 1.4
    }
    .adVisibilityContentWrapper {
        flex-direction: column
    }
    .adVisibilityImg {
        position: relative;
        height: 300px
    }
    .adVisibilityImg img {
        right: -20%
    }
    .adVisibilityContentBox {
        left: 10%;
        width: 90%
    }
    .featureContentWrapper{
        width: 80%; 
        margin: 0 auto;
    }
    .adapFeatureContainer h4.marginR, .adapFeatureContainer h4.marginL{
        width: 70%;
        margin: 15px auto 30px;
        text-align: center;
        line-height: 30px;
    }
    .featureImgWrapper{
        width: 400px;
        margin: 0 auto;
    }
    .featureContentWrapper.marginFix{
        margin-top: 40px;
    }
}

@media only screen and (max-width:800px) {
    .mainSliderWrapper {
        width: 60%;
        left: 20%
    }
    .sliderContainerTopContent h2 {
        line-height: 1.3
    }
    .adChangeAuditTestimonialContainer {
        flex-direction: column
    }
    .adChangeAuditTestimonialWrapper {
        width: 90%
    }
    .adChangeAuditClientsImg {
        width: 320px;
        align-self: center;
        margin-top: 30px;
        height: 289px;
        background-position: -282px -8px; 
        background-size: 750px;
    }
}

@media screen and (max-width:767px) {
    .wam-menu ul li {
        width: 50%;
        margin-bottom: 10px
    }
    .adVisibilityContent {
        flex-direction: column
    }
    .otherLinkBox {
        width: 45%
    }
    .adVisibilityHeader p:last-of-type {
        line-height: 1.35
    }
    .adVisibilityImg {
        display: none
    }
    .adVisibilitySlide2 {
        position: relative;
        right: 0
    }
    .adVisibilitySliderNavBox {
        display: none
    }
    .sliderContainer .container h2, .infrastructureHeader h2{
        line-height: 40px;
        position: relative;
    }
    .sliderContainer .container h2::after{
        content: "";
        position: absolute; 
        bottom: -20px;
        height: 2px;
        width: 40%;
        left: 30%;
        background: #e1f4ff;
    }
    .topBannerContent h1{
        font-size: 35px;
    }
    .topBannerContent p:first-of-type{
        font-size: 16px;
    }
    .featureContent{
        position: relative;
    }
    .featureContent::after{
        content: "";
        position: relative;
        height: 217px;
        width: 400px;
        background: url(https://www.manageengine.cn/products/active-directory-audit/images/audit-active-directory-changes-sprite.png) no-repeat;
        background-size: 900px;
        background-position: -466px -601px;
        margin: 0 auto;
        display: none;
        top: 10px;
    }
    .featureContent.active::after{
        display: block;
    } 
    .fc2::after{
        background-position: -33px -601px;
    }
    .fc3::after{
        background-position: -475px -345px;
    }
    .fc4::after{
        background-position: -45px -863px;
    }
    .fc5::after{
        background-position: -462px -863px;
    }
    .fc6::after{
        background-position: -42px -1116px;
    }
    .featureImgWrapper{
        display: none;
    }
    .infrastructureBox:first-of-type, .infrastructureBox:nth-of-type(2), .infrastructureBox:nth-of-type(3), .infrastructureBox:nth-of-type(4), .infrastructureBox:last-of-type{
        border: 1px solid #000; 
        border-radius: 5px; 
        padding: 0 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:600px) {
    .tryAuditContainer {
        margin-top: 20px
    }
    .otherLinkBox{
        height: auto;
    }
}

@media screen and (max-width:550px) {
    .otherLinkBox {
        width: 100%
    }
    .stickyWrapper {
        width: 80%;
        right: -80%;
        top: 10%
    }
    .submitBox {
        flex-direction: column;
        justify-content: center
    }
    .submitBox input {
        width: auto;
        margin-bottom: 10px
    }
    .formBox {
        width: 100%
    }
    .adVisibilityContent {
        width: 100%
    }
    .adapFeatureContainer .container{
        padding: 0;
    }
    .featureContentWrapper{
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .wam-menu ul li {
        width: 100%
    }
    .otherLinkHeader .greenBg{
        margin-bottom: 10px;
    }
    .wam-menu ul li a {
        padding: 10px 5px 10px 20px;
        border: 1px solid #e4e4e4;
        margin-right: 5px;
        background: #f9f9f9;
        color: #000;
        border-radius: 3px
    }
    .wam-menu ul li:last-child a {
        padding: 10px 5px 10px 32px;
        border: 1.5px solid #e02127;
        margin-right: 5px;
        background: #fff;
        color: #e02127;
        border-radius: 3px
    }
    .tryAuditLeftContent p:first-of-type {
        font-size: 50px
    }
    .featureImgWrapper{
        width: 290px;
        height: 166px;
    }
    .featureImgBox{
        width: 100%;
        height: 166px;
    }
    .featureContent::after{
        width: 100%;
    }
    .featureImg{
        background-size: 220%;
        background-position: 94% 52%;
    }
    .fi2{
        background-position: 5% 52%;
    }
    .fi3{
        background-position: 95% 30%;
    }
    .fi4{
        background-position: 7% 75%;
    }
    .fi5{
        background-position: 95% 75%;
    }
    .fi6{
        background-position: 7% 97%;
    }
    .featureNav{
        margin: 0;
    }
    .featureNav .nav{
        top: 20px;
    }
    .adapFeatureContainer h4.marginL{
        margin-top: 50px;
    }
    .featureContentWrapper.marginFix{
        margin-top: 65px;
    }
    .infrastructureBox:first-of-type, .infrastructureBox:nth-of-type(2), .infrastructureBox:nth-of-type(3), .infrastructureBox:nth-of-type(4), .infrastructureBox:last-of-type{
        width: 90%;
    }
    .infrastructureContent{
        padding-top: 40px;
    }
}

#meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
    border-color: #1cae5a!important
}

#meGDPRMessage label {
    display: flex;
    justify-content: space-between;
    text-align: left
}

#meGDPRMessage .checkmarkgdpr {
    width: 26px!important
}

.imgBox {
    position: relative;
}

.imgBox img {
    max-width: 100%;
}
.imgBox{padding: 9% 0 10%;}
    
    @media screen and (max-width: 1200px){
        .col-50{width: 100%;}
        .imgBox{position: relative; text-align: center; width: 50%; margin: 0 auto; padding: 0;}
        .pad-rig-50{padding: 0;}
    }
    @media screen and (max-width: 800px){
        .imgBox{ width: 60%;}
        .ad-give{margin-top: 0;}
    }