#scroll ul {list-style:none;padding:0;}
#scroll ul li{padding:80px 30px 30px;}
.bannerflex{background:url(https://www.manageengine.com/fr/active-directory-manager-msp/images/banner-img-bg.png);background-size:100% 375px}
.heading-menu{display:none;}
.flexslider .flexBnrslides li{width:100%}
.flexBnrslides li:nth-child(1) img{float:right;max-width:550px;}
.bnr-head{float:left;margin:100px 0 0 0;max-width:380px}
.bnr-head p{color:#000;font-size:38px;font-weight:600;line-height:52px;margin-bottom:30px;margin-top:0}
.flexslider .flexBnrslides li a{background:#cf472d;color:#fff;font-size:14px;padding:8px 40px;}
.flexMobile a{background:#cf472d;color:#fff;display:block;font-size:14px;line-height:28px;margin:30px auto;padding:8px 40px;width:100px;}
.flexMobile{font-size:38px;font-weight:500;padding:70px 0 20px 0}
h1{font-size:30px;line-height:42px}
h1 span{display:block}
#scroll .per30{padding:0 20px;width:29%}
#scroll h1{color:#000;font-weight:500}
.coldiv li{box-shadow:0 0 16px #e6e1e1a1;margin:0 0 30px 0;padding:80px 30px 30px;position:relative;}
.coldiv li:before{background:url(https://www.manageengine.com/fr/active-directory-manager-msp/images/feature-sprite.png) no-repeat;background-position:-6px -5px;background-size:250px;content:"";height:50px;position:absolute;top:36px;width:56px;}
.per30:nth-child(1) .coldiv li:nth-child(2):before{background-position:-74px -5px;}
.per30:nth-child(1) .coldiv li:nth-child(3):before{background-position:-135px -3px;}
.per30:nth-child(2) .coldiv li:nth-child(1):before{background-position:-16px -79px;}
.per30:nth-child(2) .coldiv li:nth-child(2):before{background-position:-85px -67px;height:58px;}
.per30:nth-child(2) .coldiv li:nth-child(3):before{background-position:-149px -73px;height:58px;width:61px}
.per30:nth-child(3) .coldiv li:nth-child(1):before{background-position:-5px -152px;height:53px;}
.per30:nth-child(3) .coldiv li:nth-child(2):before{background-position:-84px -153px;}
.per30:nth-child(3) .coldiv li:nth-child(3):before{background-position:-162px -157px;width:58px}
.coldiv li h2{color:#000;font-size:18px;font-weight:500;line-height:26px;}
@media screen and (max-width:960px){
#scroll .per30{width:28%}
#header-mainsec{height:55px;}
}
@media screen and (max-width:930px){
.flexBnrslides li:nth-child(1) img{display:none;}
.bannerflex{height:320px;}
.bnr-head{max-width:100%;text-align:center;width:100%}
}
@media screen and (max-width:780px){
#scroll .per30{width:25%}
.flexMobile{background:url(https://www.manageengine.com/fr/active-directory-manager-msp/images/banner-img-bg.png);background-size:100% 375px;display:block;text-align:center}
.bannerflex{display:none}
}
@media screen and (max-width:700px){
#scroll .per30{width:91%}
}