body{font-family:'Open Sans', sans-serif;margin:0;padding:0}
   .container{margin:0 auto;max-width:1100px}
   p{font-size:14px;font-weight:300;line-height:26px;}
   .bgImg{background:url(https://www.manageengine.com/latam/active-directory-audit/images/wpgp-sprite.png) no-repeat;background-size:400px}
   /* --- clearfix style --- */.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}.clearfix{display: inline-block;}* html .clearfix{height: 1%;}.clearfix{display: block;}*+html .clearfix{display: inline-block;}
   /* Header */
   .menuSection{padding:15px 0}
   .menuSection a.logo{display:block;height:55px;width:175px;}
   .menuSection  ul{margin:6px 0 0 0;padding:0}
   .menuSection  ul li{display:inline-block;float:right;font-size:12px;list-style:none;margin:0 0 0 30px;}
   .menuSection  ul li a{color:#000;text-decoration:none}
   .menuSection  ul li a.butTry{background:#303030;border-radius:3px;color:#fff;font-size:16px;padding:8px 25px;transition:all 1s}
   .menuSection  ul li a.butTry:hover{background:#d53935;transition:all 1s}
   .menuSection  ul li a.butTry span{background-position:-328px 3px;background-size:350px;display:inline-block;height:25px;margin:0 10px 0 0;width:15px;}
   .menuSection  ul li i{display:block;font-size:11px;font-weight:100;margin:8px 0 0 0;text-align:center}
   /* Banner */
   .bannerSection{background:url(https://www.manageengine.com/latam/active-directory-audit/images/wpgp-banner-img.png) no-repeat;background-size:100% 100%;padding:30px 0 40px 0}
   .bannerSection .bannerImg{background-position:0 -137px;display:block;height:379px;margin:-25px 0 0 0;width:400px}
   .bannerSection h1{color:#fff;font-size:28px;line-height:40px;margin:0 0 40px 0;}
   .bannerSection h1 span{color:#fff;display:block;font-size:17px;font-weight:500}
   .bannerSection ul{background:#fff;border-radius:3px;float:right;margin:0 16% 0 0;padding:30px 30px 25px;width:300px}
   .bannerSection ul li{border-bottom:1px solid #bdbdbd;list-style:none;margin-bottom:20px;padding:0 0 10px 0px;}
   .bannerSection ul li input[type="text"],
   .bannerSection ul li input[type="email"]{border:none;font-size:14px;padding:5px 10px;width:93%}
   .bannerSection ul li.hea{font-size:20px;font-weight:700}
   .bannerSection ul li.nam{background-position:-370px -29px}
   .bannerSection ul li.ema{background-position:-370px -63px}
   .bannerSection ul li.pho{background-position:-370px -101px}
   .bannerSection ul li input[type="submit"]{background:url(https://www.manageengine.com/latam/active-directory-audit/images/wpgp-sprite.png) -303px 12px no-repeat #d53935;background-size:400px;border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:18px;padding:12px 72px 12px 106px;transition:all 1s;width:100%;}
   .bannerSection ul li input[type="submit"]:hover{background:url(https://www.manageengine.com/latam/active-directory-audit/images/wpgp-sprite.png) -303px 12px no-repeat #b42623;background-size:400px;transition:all 1s;}
   /* About Section */
   .aboutSection{background:#f5f8fc;padding:30px 0}
   h2{font-size:24px;position:relative;}
   h2 span{background:#14525f;bottom:-10px;height:3px;left:48%;position:absolute;width:5%}
   .aboutSection ul{font-size:14px;font-weight:300;margin:15px 0 0 0;padding:0}
   .aboutSection ul li{color:#1b9973;font-weight:400;list-style:disc;margin:0 0 24px 20px}
   .aboutSection ul li span{color:#000}
   /* What Section */
   .whatSection{padding:30px 0}
   .whatSection p{margin:30px 0 40px 0}
   .whatSection a{background:#e9142b;border-radius:3px;color:#fff;font-size:14px;font-weight:300;padding:15px 40px;text-decoration:none;transition:all 1s;}
   .whatSection a:hover{background:#b42623;transition:all 1s;}
   .whatSection .butLay p{font-size:12px;font-weight:400;margin:14px 0;}
   /* Footer */
   .footer{border-top:1px solid #cecece;color:#969696;font-size:14px;padding:29px 0 50px 0}
   .footer ul{float:right;margin:0;padding:0}
   .footer ul li{display:inline;list-style:none;margin:0 0 0 5px}
   .footer ul li a{display:inline-block;height:30px;text-decoration:none;width:30px;}
   .footer ul li a.iconfb{background-position:0px -518px}
   .footer ul li a.icontw{background-position:-36px -518px}
   .footer ul li a.icongp{background-position:-77px -518px}
   .footer ul li a.iconyt{background-position:-122px -518px}
   /* Accessories */
   .per50{float:left;width:46%}
   .tac{text-align:center}
   .nobor{border:none !important}
   .per40{float:left;width:37%}
   .per60 {
    float: left;
    width: 55%;
    margin-left: 40px;
}
   @media screen and (max-width:500px){
   	.container{margin:0 3%}
   	.bannerSection .bannerImg{display:none}
   	.bannerSection ul{float:none;margin:0 auto}
   	.menuSection ul li{margin:0 0 0 10px;}
   	.bannerSection .per50,
   	.aboutSection .per40,
   	.aboutSection .per60{width:100%}
   	.footer .per50{text-align:center;width:100%;}
   	.footer ul{float:none;margin:20px 0}
   	h2 span{left:43%;width:16%}
	.menuSection ul{margin:11px 0 0 0}
	.menuSection ul li a.butTry{font-size:10px;padding:6px 10px}
	.menuSection ul li a.butTry span{display:none}
	.bannerSection ul li{padding:0 0 5px 30px}
   }
   @media screen and (min-width:1750px){
   	.bannerSection{background-color:#14525f;background-position:center center;background-size:1680px}
   }
}