body, html{font-family: 'Zoho_Puvi_Regular'; color: #000;}
    .container{max-width: 1200px;}
    .heading-menu{display: none;}
    #appBnr, .bannerContent{min-height: 540px; position: relative;}
    .bannerContent{display: none;}
    .bannerContent.active{display: block;}
    .bannerContent.ios{background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-ios-banner.png) no-repeat; background-size: cover; background-position: right bottom;}
    .bannerContent.android{background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-android-banner.png) no-repeat; background-size: cover; background-position: right bottom;}
    .bannerContent.webapp{background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-webapp-banner.png) no-repeat; background-size: cover; background-position: right bottom;}
    .h1{font-size: 50px; font-family: 'Zoho_Puvi_Bold'; line-height: 48px; color: #fff; padding: 150px 0 25px; margin: 0; width: 60%;}
    .android .h1{line-height: 60px; padding: 108px 0 25px;}
    .webapp .h1{color: #000; line-height: 60px; padding: 108px 0 25px;}
    .bnrTxt{font-size: 22px; font-family: 'Zoho_Puvi_Medium'; line-height: 31px; color: #fff; margin: 0 0 40px; width: 53%;}
    .webapp .bnrTxt{color: #000;}
    .bnrCta{position: relative;}
    .bnrCta span:first-of-type{position: relative; display: inline-block; height: 57px; width: 167px; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 825px; background-position: -463px -113px; vertical-align: top;}
    .android .bnrCta span:first-of-type{position: relative; display: inline-block; height: 57px; width: 167px; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 710px; background-position: -400px 0px; vertical-align: top;}
    .bnrCta span:last-of-type{background: #ffcd20; font-size: 18px; font-family: 'Zoho_Puvi_Medium'; color: #000; border-radius: 5px; display: inline-block; position: relative; vertical-align: top; margin-left: 47px; padding: 16px 36px;}
    .webapp .bnrDwn{background: #e9132b; font-size: 18px; font-family: 'Zoho_Puvi_Medium'; color: #fff; border-radius: 5px; display: inline-block; position: relative; margin: 0; padding: 12px 41px;}
    .bnrCta span:last-of-type::before{content: ""; position: absolute; height: 100%; width: 1px; background: #fff; opacity: .5; top: 0; left: -26px;}
    #appLink{margin-top:-85px; text-align: center; height: 88px; position: relative; z-index: 999;}
    #appLink.fixed{position: fixed; top: 185px; width: 100%; left: 0;}
#appLink > span{background:#fff;font-size:20px;padding:24px 0; width: 233px; display:inline-block;line-height:30px;cursor:pointer; font-family: 'Zoho_Puvi_SemiBold'; border: 1px solid #e2e2e2; position: relative; line-height: 38px; transition: .3s;}
#appLink.fixed > span{padding:10px 0; font-size: 18px;}
#appLink.fixed .appIcon{transform: scale(.8);}
#appLink span:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#appLink span:nth-of-type(2){border-left: 0; border-right: 0;}
#appLink span:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
/*#appLink > span.active{background:#e0e6e8;position:relative}*/
    .appIcon{position: relative; display: inline-block; height: 40px; width: 50px; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px; background-position: 7px -88px; right: 8px; bottom: 3px;}
    .appIcon.iosIcon{background-position: -45px -89px;}
    #appLink > span.active .appIcon.iosIcon{background-position: 10px -88px;}
    .appIcon.androidIcon{background-position: -44px 1px;}
    #appLink > span.active .appIcon.androidIcon{background-position: 2px 1px;}
    .appIcon.webIcon{background-position: -44px -42px;}
    #appLink > span.active .appIcon.webIcon{background-position: 4px -42px;}
    #appLink span:first-of-type.active{background: #f0f7ff; background: -webkit-linear-gradient(to bottom,#fff,#f0f7ff); background: linear-gradient(to bottom,#fff,#f0f7ff);}
    #appLink span:nth-of-type(2).active{background: #f0f7ff; background: -webkit-linear-gradient(to bottom,#fff,#edfef7); background: linear-gradient(to bottom,#fff,#edfef7);}
    #appLink span:last-of-type.active{background: #fffcee; background: -webkit-linear-gradient(to bottom,#fff,#fffcee); background: linear-gradient(to bottom,#fff,#fffcee);}
#appLink > span:first-of-type.active:before{position:absolute;left:0;bottom:0;height: 5px; width: 100%; background: #0066cc;content:'';z-index:9; border-bottom-left-radius: 5px;}
#appLink > span:nth-of-type(2).active:before{position:absolute;left:0;bottom:0;height: 5px; width: 100%; background: #04c26d;content:'';z-index:9; border-bottom-left-radius: 5px;}
#appLink > span:last-of-type.active:before{position:absolute;left:0;bottom:0;height: 5px; width: 100%; background: #fdbd24;content:'';z-index:9; border-bottom-left-radius: 5px;}
    .contentWrapper{display: none;}
    .contentWrapper.active{display: block;;}
    #appCont{margin-top: 88px;}
    .topContent{text-align: center; padding: 0 10%;}
    .topContent h2{font-size: 30px; line-height: 48px; font-family: 'Zoho_Puvi_Bold'; margin: 0 0 25px;}
    .topContent p{font-size: 16px; line-height: 25px; margin: 0 0 40px;}
    .flowChartContainer{position: relative;}
    .flowChartWrapper{padding: 28px 32px 20px; background: #f7fdff; border: 1px solid #c3e4f2;}
    .flowChartWrapper h4{font-family: 'Zoho_Puvi_SemiBold'; font-size: 14px; line-height: 38px; color: #333333; text-align: center; margin: 25px 0 0;}
    .videoContainer{position: relative;}
    .videoContainer h2{font-size: 30px; line-height: 40px; font-family: 'Zoho_Puvi_Bold'; margin: 0 0 38px; position: relative;}
    .videoContentWrapper{display: inline-block; width: 100%; position: relative; border-radius: 5px;}
    .videoBox{float: left; height: 359px; width: 50%; border-radius: 5px; position: relative; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-video-banner.png) no-repeat; background-size: 100%; background-position: top left; cursor: pointer;} 
    .playTrig{position: absolute; height: 75px; width: 75px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px; background-position: -148px -2px; transition: .2s;}
    .videoBox:hover .playTrig{transform: scale(1.1);}
    .videoRight{border: 1px solid #1292cd; border-top-right-radius: 5px;border-bottom-right-radius: 5px; min-height: 356px; float: left; width: 49%; vertical-align: top; border-left: 0; position: relative;}
    .videoRight::before{content: ""; position: absolute; height: 100%; width: 3%; right: 100%; border-top: 1px solid #1292cd;border-bottom: 1px solid #1292cd; top: -1px;}
    .android .videoRight, .android .videoRight::before{border-color: #0bb56c;}
    .webapp .videoRight, .webapp .videoRight::before{border-color: #fed67d;}
    .videoContent{padding: 40px 52px 10px; position: relative;}
    .videoContent h3{font-size: 25px; line-height: normal; font-family: 'Zoho_Puvi_SemiBold'; margin: 0 0 40px; position: relative;}    
    .videoContent h3::after{content: ""; position: absolute; bottom: -14px; background: #a4c3e8; height: 1px; width: 158px; left: 0;}
    .videoContent h4{font-size: 14px; line-height: normal; font-family: 'Zoho_Puvi_SemiBold'; margin: 0 0 22px;}
    .downloadLinks div{display: inline-block; vertical-align: top;}
    .downloadLinks span{margin: 0 18px 0 15px; position: relative; top: 17px; font-size: 12px;}
    .qrCode{height: 57px; width: 57px;background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px; background-position: -245px -73px; }
    .qrCode.ios{background-position: -245px -73px;}
    .qrCode.android{background-position: -243px -1px;}
    .storeLink{height: 36px; width: 112px;background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px;position: relative; top: 12px; cursor: pointer;}
    .storeLink.ios{background-position: -305px -75px;}
    .storeLink.android{background-position: -264px 0px; background-size: 470px;}
    .serverDetails{margin-top: 30px;}
    .serverDetails h4{margin-bottom: 12px;}
    .serverDetails p{font-size: 12px; margin: 0 0 10px;}
    .serverDetails p span:first-of-type{margin-right: 68px;}
    .serverDetails p:last-of-type span:first-of-type{margin-right: 227px;}
    .serverDetails p:last-of-type{margin-bottom: 0;}
    .benefitsContainer{min-height: 515px; position: relative; background: #ebf4ff; width: 100%; margin: 52px 0 30px; display: none;}
    .benefitsContainer.active{display: inline-block;}
    .benefitsContainer.android{background: #eefff8;}
    .benefitsContainer.webapp{background: #fffbe9;}
    .benefitsContainer.ios::before{content: ""; position: absolute; height: 100%; width: 50%; left: 0; top: 0; background: #13a3d2; background: -webkit-linear-gradient(to bottom,#13a3d2,#186ad7); background: linear-gradient(to bottom,#13a3d2,#186ad7); z-index: 1;}
    .benefitsContainer.android::before{content: ""; position: absolute; height: 100%; width: 50%; left: 0; top: 0; background: #14a36b; background: -webkit-linear-gradient(to bottom,#14a36b,#05c26d); background: linear-gradient(to bottom,#14a36b,#05c26d); z-index: 1;}
    .benefitsContainer.webapp::before{content: ""; position: absolute; height: 100%; width: 50%; left: 0; top: 0; background: #ffd617; background: -webkit-linear-gradient(to bottom,#ffd617,#fdb827); background: linear-gradient(to bottom,#ffd617,#fdb827); z-index: 1;}
    .benefitsImage, .benefitsContent{position: relative; z-index: 10;}
    .benefitsImage{float: left; width: 50%; height: 515px; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 555px;}
    .ios .benefitsImage, .webapp .benefitsImage{background-position: -10px -1110px;}
    .android .benefitsImage{background-position: -10px -480px}
    .benefitsContent{float: left; width: 50%; padding: 50px 0 0;}
    .benefitsContent h2{margin: 0; padding-left: 54px; font-size: 30px; line-height: 40px; font-family: 'Zoho_Puvi_Bold';}
    .benefitsContent ul{padding-left: 74px; margin-top: 41px; list-style-type: disc;}
    .benefitsContent ul li{font-size: 16px; line-height: 40px;}
    .adsspcstmrtmpftrbg{background: none;}
    .adsspcstmrtmpftrbg h3{font-family: 'Zoho_Puvi_Bold'; font-size: 28px;}
    .featuresContainer{margin: 80px 0 0;}
    .featuresContainer h2{text-align: center; font-family: "Zoho_Puvi_Bold"; margin: 0 0 55px; font-size: 30px; line-height: 40px;}
    .featuresWrapper{position: relative; display: inline-block; width: 100%; padding-bottom: 46px;}
    .featuresList{display: inline-block; width: 31%; float: left; margin-right: 2%;}
    .featuresList:last-of-type{margin-right: 0;}
    .featuresBox{background: #fff; border-radius: 5px; padding: 20px 26px 27px; margin-bottom: 25px; border: 1px solid #e9e9e9; display: none; position: relative;}
    .featuresBox.active{display: block;}
    .featuresBox a{position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1;}
    .featuresBox h4{font-size: 18px; line-height: 24px; position: relative; margin: 0; color: #000; font-family: "Zoho_Puvi_SemiBold";}
    .featuresBox h4::before{content: ""; display: block; position: relative; height: 44px; width: 44px; margin-bottom: 13px; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px; background-position: 1px -202px;}
    .ios #ic1 h4::before{background-position: 1px -202px;}
    .ios #ic2 h4::before{background-position: -68px -202px;}
    .ios #ic3 h4::before{background-position: -211px -255px;}
    .ios #ic4 h4::before{background-position: 0px -256px;}
    .ios #ic5 h4::before{background-position: -207px -202px; width: 47px;}
    .ios #ic6 h4::before{background-position: -282px -204px;}
    .ios #ic7 h4::before{background-position: -137px -201px;}
    .ios #ic8 h4::before{background-position: -69px -256px;}
    .android #ic1 h4::before{background-position: 0px -315px;}
    .android #ic2 h4::before{background-position: -70px -316px;}
    .android #ic3 h4::before{background-position: -219px -375px;}
    .android #ic4 h4::before{background-position: 0px -316px;}
    .android #ic5 h4::before{background-position: -212px -313px; width: 47px;}
    .android #ic6 h4::before{background-position: -286px -313px;}
    .android #ic7 h4::before{background-position: -144px -316px;}
    .android #ic8 h4::before{background-position: -76px -375px;}
    .webapp #ic1 h4::before{background-position: 0px -149px;}
    .webapp #ic2 h4::before{background-position: -66px -150px;}
    .webapp #ic3 h4::before{background-position: -313px -147px;}
    .webapp #ic4 h4::before{background-position: -184px -147px; width: 47px;}
    .webapp #ic5 h4::before{background-position: -128px -147px;}
    .webapp #ic6 h4::before{background-position: -249px -144px;}
    .featuresBox p{font-size: 13px; line-height: 22px; position: relative; margin: 18px 0 0; color: #333333;}
    .featuresBox p.featuresCta{font-size: 14px; margin: 30px 0 0; color: #0062f9;}
    .featureFilter{text-align: center; font-size: 22px; margin: 0 0 58px; position: relative;}
    .filter{line-height: 40px; font-family: "Zoho_Puvi_Medium"; display: inline-block; color: #828282; padding: 0 20px; position: relative; cursor: pointer;}
    .filter::before{content: ""; position: absolute; height: 3px; width: 105%; left: -2%; background: #f2f2f2; bottom: -15px;}
    .filter.active::after{content: ""; position: absolute; height: 3px; width: 105%; left: -2%; background: #0282eb; bottom: -15px;}
    .android .filter.active::after{background: #0bb56c;}
    .webapp .filter.active::after{background: #fed67d;}
    .filter.active{color: #000;}
    .filterIcon{ position: relative; height: 45px; width: 40px; display: inline-block; background: url(https://www.manageengine.com/mobile-apps/images/adselfservice-plus-mobile-app-sprite.png) no-repeat; background-size: 545px; background-position: -375px -150px; opacity: .5; margin-right: 6px;}
    .filter:nth-of-type(2) .filterIcon{background-position: -434px -150px;}
    .filterIcon:nth-of-type(3) .filterIcon{background-position: -490px -150px;}
    .filter.active .filterIcon{opacity: 1;}
    .exitPop{opacity: 0; position: fixed; top: 0; left: 0; width: 100%; color: #000; height: 100%; background: rgba(0,0,0,.8); z-index: -1; transition: .3s; display: flex; justify-content: center;font-family: 'Poppins', sans-serif}
.exitPop.active{opacity: 1; z-index: 9999999; transition: .3s;}
.mailerContent{position: relative;align-self: center; width: 550px; height: 50%; text-align: center;background: rgba(255,255,255,.98); padding: 15px; border-radius: 3px;z-index: 99999}
.closePop{color: #fff; background: #000; border-radius: 50%;font-size: 25px; position: absolute;right: -17px; top: -17px; cursor: pointer;width: 35px;
    height: 35px; line-height: 38px;}
    @media screen and (max-width: 1300px){
        .bannerContent.ios{background-position: -40px bottom;}
        .bannerContent.android{background-position: -40px bottom;}
        .bannerContent.webapp{background-position: -70px bottom;}
    }
    @media screen and (max-width: 1240px){
        .container{max-width: 90%;}
        .videoBox{min-height: 360px; background-size: cover;}
        .serverDetails p span:first-of-type{margin-right: 40px;}
        .serverDetails p:last-of-type span:first-of-type{margin-right: 157px;}
        .videoContent{padding: 46px 52px 10px;}
    }
    @media screen and (max-width: 1100px){
        .bannerContent.ios{background-position: 70% bottom;}
        .bannerContent.android{background-position: 70% bottom;}
        .bannerContent.webapp{background-position: 70% bottom;}
    }
    @media screen and (max-width: 991px){
        .bannerContent.ios{background: #1868d3; background: -webkit-linear-gradient(to bottom,#1868d3,#13a3d2); background: linear-gradient(to bottom,#1868d3,#13a3d2); }
        .bannerContent.android{background: #04bb69; background: -webkit-linear-gradient(to bottom,#04bb69,#13a26b); background: linear-gradient(to bottom,#04bb69,#13a26b); }
        .bannerContent.webapp{background: #fcb827; background: -webkit-linear-gradient(to bottom,#fcb827,#ffd518); background: linear-gradient(to bottom,#fcb827,#ffd518); }
        #appBnr, .bannerContent{min-height: 440px;}
        .h1{width: 100%; padding: 100px 0 25px }
        .android .h1, .webapp .h1{padding: 65px 0 25px;}
        .bnrTxt{width: 90%; margin: 0 auto 40px}
        .bannerContent{text-align: center;}
        .topContent{padding: 0;}
        .featuresList{width: 48%;}
        .videoBox{width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
        .videoRight{text-align: center; width: 100%; min-height: auto; padding-bottom: 30px; border-left: 1px solid #1292cd; border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
        .videoRight::before{display: none;}
        .videoContent h3::after{right: 0; margin: auto;}
        .benefitsContent{padding: 70px 0;}
        .benefitsContainer::before, .benefitsImage{display: none;}
        .benefitsContent{width: 100%;}
        .benefitsContainer{min-height: auto;}
        #appLink.fixed{top: 169px;}
        #adsspcutomerlogos{display: none;}
    }
    @media screen and (max-width: 767px){
        .h1{font-size: 35px; line-height: 35px;}
        .android .h1, .webapp .h1{line-height: 45px;}
        #appCont{margin-top: 158px;}
        #appLink > span{width: 170px; font-size: 18px;}
        .filter{margin-bottom: 50px;}
        .filter:last-of-type{margin-bottom: 0;}
        .videoContent{padding: 30px 5% 10px;}
        .benefitsContent h2{padding-left: 0;}
        .benefitsContent ul{padding-left: 20px;}
    }
    @media screen and (max-width: 550px){
        .bnrCta span:last-of-type{margin-top: 20px;}
        #appBnr, .bannerContent{min-height: 600px;}
        .bnrCta span:last-of-type::before{display: none;}
        .featuresList{width: 100%; margin-right: 0;}
        .serverDetails p span{display: block;}
        .serverDetails p:last-of-type span:first-of-type, .serverDetails p span:first-of-type{margin: 0;}
    }
    #adRhsLnk{display: none;}
.adssp-logo-blocks .adsspcus-block{margin: 0px 1.7%; border: 1px solid #dfdfdf; border-radius: 4px;}
.appBnr{
position:relative;
}
.breadcrumb{
        width: 100%;
        margin: 0 auto;
        display: block;
        padding-bottom: 2px;
        border-bottom: 1px solid #9dbbe2;
        position: absolute;
        top: 8px;
        z-index: 9;
    }
    .breadcrumb-inner{
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        color:#f0f0f0;
    }
    .breadcrumb a{
        margin-right: 15px;
        position: relative;
        color:#f0f0f0 !important;
        text-decoration: underline;
    }
    .breadcrumb a:after{
        content: "";
        position: absolute;
        right: -8px;
        top: 4px;
        height: 4px;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        transform: rotate(135deg);
        width: 4px;
    }