.sec-pTB{padding: 50px 0px;}
.lhs-tree{display: none;}
#scroll, #VideosAndLogos{display: none;}
.rhs-cont{width: 100%;padding:0px 0px 40px 0px;}

.feaHead {position: relative;padding-left: 50px; min-height: 55px;}
.feaHead > a > span {display:inline-block;vertical-align: middle;margin-right:10px;    position: absolute;left: 0;top: 0;}
.feaHead > a > span > img {width:30px;}

.feaSubHead {font-size: 22px;text-align: center;margin: 5px 0px 10px;}

.feaImg1{
    display: inline-block;
    height: 32px;
    margin: 5px 10px 0 0;
        margin-bottom: 0px;
    width: 32px;
}
.feaImg1, .resImg {
    background: url(https://www.manageengine.com/latam/it-operations-management/images/opm-feature-common-sprite.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
}
.fea-icon11{background-position:0 -56px}
.fea-sm1{background-position: -299px -120px;}
.fea-sm2{ background-position: -301px -156px;}
.fea-sm3{background-position: -299px -87px;}
.fea-sm4{background-position: -261px -218px;}
.fea-npm5{background-position: -261px -189px;}
.fea-nfm7{background-position: -261px -160px;}
.fea-enm6{background-position: -261px -131px;}

/*  ====== new css ==========*/

.common-box-section .box-wrapper {
    background: #fff;
    border: solid 1px #e8e8e8;
    margin: 0 0 0px !important;
    padding: 20px !important;
    transition: all .5s;
    position: relative;
}
.common-box-section .box-wrapper:hover {
    box-shadow: 0 0 25px #ccc;
    transition: all .5s;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}


.common-box-section .box-wrapper .feaHead a{color: #444; font-weight: 600; font-size: 18px;} 
.common-box-section .box-wrapper .feaHead a:hover{text-decoration: none;}
.common-box-section .box-wrapper .con{font-size:15px;    margin: 15px 0px 15px;}
.common-box-section .box-wrapper .lnk{color:#03a9f5;position:relative; display: inline-block;}
.common-box-section .box-wrapper .lnk a:hover{text-decoration:none}
.common-box-section .box-wrapper .lnk:before{background:#03a9f5;bottom:3px;content:"";height:1px;left:0;position:absolute;transition:all .5s;width:75px;}
.common-box-section .box-wrapper .lnk:hover:before{left:36px;transition:all .5s;width:0;}
.common-box-section .box-wrapper .tilLnk{border:1px solid #000;color:#000;padding:7px 30px;text-transform:uppercase;}
.common-box-section .box-wrapper p{margin: 4px 0 15px;}


.flex-inherit .per30{flex: inherit;}


.tac-btn{display: flex;
align-items: center;
justify-content: center;}

a.more-fea {padding: 10px 15px;border: 1px solid #ddd;    margin: 20px 0px 0px;transition: all 0.3s; } 
a.more-fea:hover{text-decoration: none;     background: #444d5d;color: #fff; transition: all 0.3s; border: 1px solid #444d5d; }

.bg-l-grey a.more-fea{ transition: all 0.3s; background: #444d5d; color: #fff;}
.bg-l-grey a.more-fea:hover{background: #fff; color: #333; transition: all 0.3s; border: 1px solid #ddd;}

.bg-l-grey {background: #f1f1f1;}

.per25 {width: 23%;flex: 1;
    margin: 5px;
    display: inline-grid; }
.per30 {flex: 1;
    margin: 5px;
    display: inline-grid;
    width: 30%;}

.parllex-bg {position:relative;}
.parllex-bg:before{content:"";background: #2b1812 no-repeat top center;background-size:cover;background-attachment: fixed;position:absolute;z-index:-1;width:100%;height:100%;top:0;}
.parllex-bg:after{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:-1;top:0;opacity:.7;top:0;}

/* .icon-padd-left .feaHead {position: relative;padding-left: 40px;} */


.feaImg {
    position: absolute;
    left: -13px;
    top: -25px;
}

.feaImg{background: url(https://www.manageengine.com/latam/it-operations-management/images/opm-feature-common-sprite.png) no-repeat 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 670px;
    width: 50px;
    height: 50px;}

.fea-sec1-icon1{background-position:10px 10px;}
.fea-sec1-icon2{ background-position:-71px 10px;}
.fea-sec1-icon3{ background-position: -145px 8px;}
.fea-sec1-icon4{ background-position: -225px 10px;}


.fea-sec2-icon1{background-position:-309px 10px;}
.fea-sec2-icon2{background-position:-381px 10px;}
.fea-sec2-icon3{background-position:-460px 10px;}
.fea-sec2-icon4{background-position: -654px 7px;background-size: 800px;width: 50px;height: 60px;}
.fea-sec2-icon5{background-position:-620px 10px;}
.fea-sec2-icon6{background-position:10px -56px}

.fea-sec3-icon1{background-position:-70px -56px;}
.fea-sec3-icon2{background-position:-146px -56px;}
.fea-sec3-icon3{background-position: -224px -56px;}
.fea-sec3-icon4{background-position:-303px -56px}
.fea-sec3-icon5{background-position:-383px -58px;}


.fea-sec4-icon1{background-position:-460px -58px}
.fea-sec4-icon2{background-position:-544px -58px;}
.fea-sec4-icon3{background-position:-620px -58px}
.fea-sec4-icon4{background-position:7px -137px;}
.fea-sec4-icon5{background-position:-71px -138px;}

.fea-sec5-icon1{background-position:-146px -138px;}
.fea-sec5-icon2{background-position:-228px -138px;}
.fea-sec5-icon3{background-position:-308px -138px;}
.fea-sec5-icon4{background-position:-377px -136px;}

.fea-sec6-icon3 {background-position: -740px -170px; background-size: 790px;}
.fea-sec6-icon2 {background-position: -542px -136px;}
.fea-sec6-icon1 {background-position: -456px -136px}


.row{display: flex;flex-wrap: wrap;justify-content: center; padding: 0;}

.fea-list-cont {display: block;}
@media screen and (min-width: 1400px){
.media-container-width .container {
max-width: 1398px !important;
}
}


@media screen and (min-width: 1200px){

.media-container-width .container {max-width: 1198px !important;}

}

@media screen and (max-width: 767px){
    .per30, .per25{width: 100%; flex: inherit;}
   .feaHead{min-height: auto;}
}

@media (min-width: 768px) and (max-width: 1023px){

    .st-manage-section .per25{width:46%; flex:inherit;}
    .tab-width .per25{width:46%; flex:inherit;}
    .feaHead{min-height: auto;}
}




@media (min-width: 1400px){
.container {max-width: 1315px;}

}


.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;
}