@media (min-width: 1401px)
.col-left {
    width: 77%;
}
body{font-size: 16px; line-height: 28px;}
.idlePopup-parent{display:none}
#survey{display:none}

.sec-pTB {padding: 20px 0 40px;}

/*#btmscroll, .mbH{display:none;}*/
#meCommonFooterNew, .foot-copy{background:#000;}

.form-fixed h2{font-size:23px}
.opm-hglt {color:#f7d21e;font-size:40px;}
.banner-description{}

/* feedback styles begin */
.cus-feedback {position: relative;    width: 90%;    margin: 0 auto;}
.cus-feedback:before, .cus-feedback:after {content: " “ ";position:absolute;font-size:180px;font-family:arial;color:#b3b3b3;}
.cus-feedback:before {left: 0; top: 40px;}
.cus-feedback:after {right: 0; bottom: 140px;transform:rotate(-180deg)}
.cus-feedback p{width:80%;text-align:center;margin:0 auto;padding:15px 0;font-size:15px;}
.cus-det {    text-align: center;border-top: solid 1px #d6d6d6; padding: 10px 0; width: 70%; margin: 0 auto;margin-bottom:25px;}
.cus-feedback .cus-det p {margin:0 auto;padding:0;font-size:11px;text-align:center;line-height:19px;font-style:italic;color:#424242;}
.cus-feedback .cus-det p > strong {font-size:12px;}
	.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-slide img{width:70%;}
  .swiper-slide{text-align:center}
.swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}
/* feedback styles ends */

/* awards */
#AwardsHonors ul{margin:0;}
#AwardsHonors ul li{display:inline-block;margin:0 5px;padding:0 10px;vertical-align:top;width:20%;border:solid 1px #eaeaea;border-radius:6px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} 
#AwardsHonors ul li:hover{box-shadow:0 0 15px #ccc;-webkit-box-shadow:0 0 15px #ccc;}
#AwardsHonors ul li a{display:inline-block;color:#000;} #AwardsHonors ul li a:hover{color:#138cd6;} #AwardsHonors ul li span{display:block;}
#AwardsHonors ul li:nth-child(1) img{max-width:130px;}
#AwardsHonors ul li:nth-child(2) img{max-width:150px;}
#AwardsHonors ul li:nth-child(3) img{max-width:150px;}
#AwardsHonors ul li:nth-child(4) img{max-width:150px;padding-top:18px;}
#AwardsHonors ul li:nth-child(5) img{max-height:120px;padding-top:20px;} .btn{padding:5px 0;}
/*.btn a{background:#333;color:#fff;padding:10px 20px;border-radius:6px;transition:all .5s ease;} .btn a:hover{background:#5f5d5d;} */
.div-awards-img{min-height:125px;border-bottom:solid 1px #ddd;padding:10px 0;}
.div-awards-ct {padding:15px 0;min-height:120px;}
/* awards */


.mgnt{margin-top:50px;}
.banner-bg {background:#f9d142;position:relative;z-index:1;}
.banner-bg:before {content:'';background:url(https://www.manageengine.com/it-operations-management/images/aiops-bg-shape.svg) top center no-repeat;position:absolute;width:100%;height:100%;background-size:cover;z-index:-1;opacity:1; animation: anim 15s ease-in infinite; transition: all .5s ease-in-out;background-position: right;
    background-size: 380px;}
/*.banner-bg:after {content: ''; background: url(https://www.manageengine.com/it-operations-management/images/cyber-security-info-bg.png) top center no-repeat;position: absolute;width: 100%;height: 100%; background-size: cover; z-index: -1; opacity: .35; top: 0;}
.banner .col-left {padding:125px 0} */
/*@-webkit-keyframes anim { 0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}
@keyframes anim {0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}*/

.banner-con {text-align:center;padding:25px 0px;position:relative;animation:bannerCon 1.8s ease-in;}
.banner-con h2, .banner-con h1 {color:#fff;margin:15px 0;position:relative;}
.btn-yel:link, .btn-yel:visited {background:#ffe109;color:#000;padding:10px 20px;border-radius:15px;text-decoration:none;margin-top:10px;
transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;display:inline-block;font-size:16px;position:relative;}
.btn-yel:hover{background:#fbae4c}
.banner-con h2{animation:animH2 1.5s ease-in-out;-webkit-animation:animH2 1.5s ease-in-out;}
.banner-con h1{animation:animH1 1.5s ease-in-out;-webkit-animation:animH1 1.5s ease-in-out;}
.banner-con a.btn-yel{animation:animA 1.5s ease-in-out;-webkit-animation:animA 1.5s ease-in-out;}

@-webkit-keyframes animH2 { 0% {left: -100px;}  100% {left:0;}}
@keyframes animH2 { 0% {left: -100px;}  100% {left:0;}}

@-webkit-keyframes animH1 { 0% {right: -100px;}  100% {left:0;}}
@keyframes animH1 { 0% {right: -100px;}  100% {right:0;}}

@-webkit-keyframes animA { 0% {bottom: -50px;}  100% {bottom:0;}}
@keyframes animA { 0% {bottom: -50px;}  100% {bottom:0;}}


.form-div h2, .form-div p{margin:0;color:#000;} .form-div p{font-size: 12px;line-height: 20px;padding: 15px 0;} .form-sec {margin-top:5px;}
.input-row {padding:7px 0;}
.input-row input, .input-row select{width:100%;border:solid 1px #f3f3f3;border-radius:6px;padding:5px 10px ;outline:none;height:40px;box-sizing:border-box;background:#fff;font-size:13px;transition:all .3s ease-in-out;}
/* .input-row input:hover, .input-row select:hover{box-shadow:0 0 10px 0 #000;-webkit-box-shadow:0 0 10px 0 #000} */
.input-row input[type="submit"]{background:#dd1e02;color:#fff;margin-top:10px;font-size:13px;font-weight:700;cursor:pointer;}
.btn-div a{position:relative;background: #ec1131; color: #fff; padding: 10px 15px; border-radius: 6px; text-decoration: none; margin: 25px 15px;display:inline-block;} .btn-div a:link, .btn-div a:visited{ transition:all .5s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.btn-div a:hover{box-shadow:0 5px 10px 0 #8a8a8a;-webkit-box-shadow:0 5px 10px 0 #8a8a8a;}
.dwn-priv{margin-top:0;color:#000} .dwn-priv a {color:#5a7ff5;}



.div-row {position:relative;} .div-row .flex-container {width:100%;max-width:1400px; margin:0 auto; display:flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap:wrap;}
/*.div-row:before, .div-row:after {content:"";display:table;clear;both;}*/

.banner .col-left{display: flex ; align-items: center;}
.col-left {width:65%;}
.col-right {width:35%;}
.content-sec p:last-child{margin-bottom: 0;}
.col-fixed{position:sticky;right:0;width:450px;height:100%;padding:25px;margin:25px 0;background:#fff;border-radius:6px}
.form-fixed {position: relative;background: #fff;width: 300px;min-height: 300px;margin: 25px auto 25px;padding: 25px;border-radius: 6px;box-shadow: 0px 0px 1px 0 #a9a9a9; -webkit-box-shadow: 0px 0px 1px 0 #a9a9a9;z-index:1;border: 1px solid #dfdfdf;}
.form-container {width:100%;}

.div-row .content-sec {max-width:1400px;margin:0 auto;}
.content-sec .col-left {width:100%;}
.div-row .content-sec h2{font-size: 2rem; margin: 0px 0px 30px;}

.custom-ptb {
    padding: 50px 0px;
}

.sec-bg{background: #f8f8f8;}
.img-wrapper img{max-width: 580px;}

#VideosAndLogos, .opmRelPrd, #scroll {display:none;}
.icon-con{display:inline-block;width:50px;height:50px;border-radius:50%;border:solid 1px #ddd;} .p0{padding:0;}
.sec-hglt1 {background:#f9f9f9;} .card-bg{background:#fff;box-shadow:0 2px 3px 0 #ccc;-webkit-box-shadow:0 2px 3px 0 #ccc;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}


.bannerbg{background:#011215;text-align:center;} 
.col-content {width:100%;vertical-align:top;} .col-form {width:40%;height:96vh;float:left;vertical-align:top;position: -webkit-sticky; position: sticky;top:100px;}
.form-con{width:100%;height:92vh;background:#fff;padding:20px;margin:0 20px;}
.bg-dark {color:#000;box-shadow:0 2px 3px #ccc;-webkit-box-shadow:0 2px 3px #ccc;    border-top: solid 1px #ececec; border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom: solid 1px #f7f7f7;} .bg-dark h2{color:#383838;}  .row-pad {padding:2px 15px;} .row-pad h3, .row-pad h2 {display:inline-block;margin:0;}
.row-nopad h3{margin:0;padding:10px;display:inline-block;font-size:30px;color:#4c4c4c;}

.bg-l-grey{background:#f7f7f7;}
.heading-menu{display:none;}
.pb0{padding-bottom:0 !important;} .bg1{background:#fdfdef;padding:20px 30px;border:solid 1px #e6e6cf;border-radius:10px;}


.highlight-sec {
    background: #ffefb6;
    padding: 20px 20px;
    border-left: 5px solid #f5d76d;
    border-radius: 6px;
    margin: 25px 0px;
}
.highlight-sec h3 {
    margin: 0px 0px 10px;
}
.highlight-sec p{margin: 0px;}

ul.whitepaper-list li {
 left: 0px;
    font-size: 16px;
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0px 0px 0px 44px;
    position: relative;
    top: 0px;
}
ul.whitepaper-list li:before {
    content: " ";
    display: block;
    border: solid 0.8em #f7d149;
    border-radius: 0.8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 4px;
    margin-top: 0px;
}
ul.whitepaper-list li:after {
    content: " ";
    display: block;
    width: 0.3em;
    height: 0.6em;
    border: solid #0f0f0f;
    border-width: 0 0.12em 0.12em 0;
    position: absolute;
    left: 1em;
    top: 9px;
    margin-top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



 .banner {position: relative;}

            
            .banner-row {
                display: -ms-flexbox;
                display: -webkit-flex;
                display: block;
                align-items: center;
                justify-content: center;
            }

            .banner-row > .col {
                padding: 4rem 1rem;
                position: relative;
            }

            /* .banner-row > .col:nth-child(1) {
                width: 70%;
            }

            .banner-row > .col:nth-child(2) {
                width: 40%;
            } */

          
            .banner-contents > .whitepaper {
    margin-bottom: 20px;
    font-size: 14px;
    background: #fff;
    display: inline-block;
    padding: 0px 16px;
    border: 1px solid #aea9a9;
    border-radius: 6px;
    line-height: 32px;
}

.banner-contents h1 {
    margin-bottom: 10px;
    font-size: 46px;
    display: inline-block;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0;
}


.banner-con img {max-width: 210px;}
            .banner-contents > p {
                margin: 10px 0px 0px;line-height: 24px;font-size: 18px;
            }

            .banner-cta {
                display: flex;
                gap: 16px;
                margin-top: 15px;
            }

            .banner-cta > a {
               background: #282828;
    display: inline-block;
    border: 1px solid #282828;
    color: #fff;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    padding: 0 24px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 400;
            }

            .banner-cta > a:hover {
                text-decoration: none;
                background: #545454;
                border: 1px solid #545454;
            }

            .banner-cta > a:nth-child(2) {
                background: transparent;
                color: #000;
            }

            .banner-cta > a:nth-child(2):hover {
                background: #fff;
                color: #000;
            }

            .banner-cta > .cta {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                min-width: 185px;
            }




             .grid-section {
                display: grid;
                gap: 30px;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: center;
              
            }
            .grid-section  h2{margin-top: 0px; font-size: 2rem;}


              @media screen and (max-width: 1132px) {
                .banner-cta > a {
                    padding: 8px 24px;
                    line-height: 36px;
                   
                }
            }



               @media screen and (max-width: 600px) {
                .banner-cta {
                    display: inline-grid;
                }
                .banner-con img{max-width: 100%;}
                .banner-contents h1{    font-size: 24px;line-height: 26px;}
            }




@media (min-width:1401px){
.col-left {width:60%;} .col-right {width:40%;} 
.swiper-slide img{width:80%;} 
}

@media screen and (max-width: 1400px) {
.col-left {width:65%;}
}

@media (max-width:1200px){
.col-left, .content-sec .col-left {width:60%;} 
#AwardsHonors ul li {margin:5px;width:40%;}
}

@media screen and (max-width: 1024px){
.banner-con {padding:0px 15px;}
.col-left, .col-right {width:100%;} .banner .col-left {padding:40px;} 
.form-fixed {position: relative;margin: 0 auto;margin-bottom: 50px;}
.content-sec .col-left {width:95%;margin:0 auto;}
.banner-row > .col{text-align: center;}
.banner-bg:before {opacity: 0.20;}
}
@media (max-width:760px){
.banner-con {padding:30px 0;}
.banner .col-left {padding:0;}
.cus-feedback:before{left:-30px;top:54px}
.cus-feedback:after{right: -32px;bottom: 200px;}
#AwardsHonors ul li{width:80%}

.div-row .content-sec{padding: 15px 15px}
.banner-row > .col:nth-child(1){width: 100%; text-align: center;}
.banner-cta{    align-items: center;
    justify-content: center;}
    .grid-section{display: block;}
    .banner-row > .col{    padding: 4rem 0rem;}

}
@media (max-width:650px){
.slide-content div:nth-child(1), .slide-content div:nth-child(2) {width:95%;text-align:center;}
.slide-content div:nth-child(1) {border-right: 0;border-bottom: solid 1px #d0d0d0;padding:35px 0;} .swiper-slide img {width:40%;}
}

.fea-nav-list a {
    color: #444;
    font-size: 11px;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a:hover > span {
    opacity: 1;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
#btmBar ul li a > span {
    opacity: 0.7;
}
.prd-nav .demo-icon,  .prd-nav .comp-icon, .prd-nav .quote-icon  {background: transparent url("https://www.manageengine.com/latam/images/me-sprite-new.png") no-repeat scroll 0px 0px;}
.prd-nav .demo-icon {
    background-position: -142px 0px;
    height: 25px;
    width: 25px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .quote-icon {
    background-position: -128px 0px;
    height: 25px;
    width: 13px;
    display: inline-block;
    opacity: 0.7;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}
.prd-nav .dwn-btm-icon {
    background-position: 0px 0px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: 2px;
    width: 21px;
}