.sec-pTB {
  padding: 50px 0px;
}

.lhs-tree {
  display: none;
}

#scroll {
  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/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: 135px;
}

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

}