
.bannerflex img{max-width:1000px;width:100%!important}
.dcmsp_spr{background:url(https://www.manageengine.com/fr/desktop-management-msp/images/dcmsp-mbl-apps.png)no-repeat}
.dcmsp_spr_bdr{width:227px;height:5px;background-position:0 -80px;display:block;margin:0 auto}
.features-list .dcmsp_spr{float: left;width: 75px;height: 75px;margin: 0px 15px 95px}
.dcmsp_mdm_spr1{background-position: -2px -3px}
.dcmsp_mdm_spr2{background-position: -82px -3px}
.dcmsp_mdm_spr3{background-position: -162px -3px}
.dcmsp_mdm_spr4{background-position: -242px -3px}
.dcmsp_mdm_spr5{background-position: -322px -3px}
.dcmsp_mdm_spr6{background-position: -402px -3px}
.dcmsp_mdm_spr7{background-position: -482px -3px}
.dcmsp_mdm_spr8{background-position: -562px -3px}

#scroll{padding:0;} .heading-menu{display:none}
.lp-head {
	font-size: 35px;
	line-height: 45px;
	margin: 0 0 5px;
	color: #333;
	font-weight:600;
}
.bg-grey {
background: #f5f5f5;
margin-top: 15px;
}
.features-sec .features-box:before {
    position: absolute;
    height: 2px;
    width: 60px;
    background-color: #8CC337;
    z-index: 5;
    display: inline-block;
    content: '';
    top: 0;
    left: 0;
}
.features-sec .features-box a:hover {
    color: #8CC337;
    text-decoration: none;
}
.mobile-app-icon:after{
	content:'';
	position: absolute;
        left: 5px;
        top: 5px;
        bottom: 5px;
        width: 8px;
	background-image:url('../images/mobile-app-icon.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:8px 14px;
}
.mobile-app .aside-image{
    width:350px;
    float:left;
    padding-right:40px;
}
.mobile-app .qr-image{
    width:450px;
    padding-right:40px;
    float:left;
    margin-top: 25px;
}
.mobile-app p {
    margin: 15px;
    margin-left:0;
    text-align: left;
    font-size: 15px;
    line-height: 28px;
}
.mobile-app .features-list {
    display: inline-block;
    width: 48%;
    padding: 30px 0;
    border-right: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    vertical-align: top;
    min-height: 200px;
}
.mobile-app .features-list:nth-child(even){
    border-right: 0px dashed #ccc;
}
.mobile-app .features-list:last-child,.mobile-app .features-list:nth-last-child(2) {
    border-bottom: 0;
}
.mobile-app  .features-list h3 {
    text-align: left;
    padding-top:0;
    margin:0;
}
.mobile-app h3 {
    text-align: left;
    padding-top:15px;
}
.mobile-app img.features-icon {
    width: 70px;
    float: left;
    padding: 0 15px;
    margin-bottom: 95px;
}
.mobile-app ul li{
   text-align:left;
   font-size:17px;
   line-height:40px;
}
.mobile-app ul li:before {
    content: '';
    display: inline-block;
    background-color: #7CBB2C;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -2px;
}
.mobile-app ul {
    margin-top: 15px;
}
.mobile-app a {
    text-decoration: underline;
    display: block;
    margin-top: 5px;
}
@media screen and (max-width:768px){
.mobile-app .aside-image{width: 350px;float: none;padding-right: 0px;margin: 25px auto;display: block}
.img_sec p{text-align:center;margin:15px 0}
.mobile-app .features-list{width:100%}
.features-sec{display: flex;flex-flow: row wrap}
.mobile-app .features-list{min-height: 160px;padding: 20px 0 0}
.mobile-app .features-list:last-child, .mobile-app .features-list:nth-last-child(2){border-bottom:1px dashed #ccc}
.mobile-app .qr-image{max-width: 450px;padding-right: 0;float: none;margin-top: 25px;width: 100%;display: block;margin: 0 auto}
}
@media screen and (max-width:499px){
.features-list .dcmsp_spr{float: none;width: 75px;height: 75px;display: block;margin: 15px auto}
.mobile-app .features-list h3,.mobile-app .features-list p{text-align:center;margin:0 0}
.mobile-app .features-list{padding:20px 10px;border: none;background: #fff;margin: 10px 0}
}
