.new-feature-icon {
    width: 46px;
}
#ftrgetstd{
display:none !important;
}
#btmBar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
#btmBar ul {
    margin-left: 50px;
}

#dload{
    display: none;
}
#sdpcutomerlogos, #ftrgetstd, #allFea {
    display: block;
}
h1.ftrmnhdr {
    color: #fff;
}


#dload {
    display: unset;
}
    .ftr-container {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        transition: all 0.2s ease-in 0s;
    }

    .feature-box p {
        min-height: 125px;
    }

    .conthdrtxt a {
        color: #000;
    }

    .conthdrtxt a:hover {
        text-decoration: none;
    }

    #backToTop {
        background: rgb(122, 175, 231) url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
    }

    #backToTop:hover {
        background-color: rgb(45, 126, 213);
        background-position: 16px 10px;
    }

    .w-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .sticky-aside {
        position: -webkit-sticky;
        position: sticky;
    }

    .flex-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        margin-left: 1px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #sdpcutomerlogos, #allFea {
        display: none;
    }

    #ftrgetstd {
        background: url(https://www.manageengine.com/products/service-desk/images/footer-cta-blob-bg.png);
        background-size: cover;
        background-position: center;
    }

    #ftrgetstd .tac.pT20 {
        padding-top: 0px;
    }

    #nofolderftrctasec {
        background: #000;
    }

    #nofolderftrlinkssec {
        background: #f7fafc;
    }
    @import url("https://www.manageengine.com/css/fonts.css");

/*Feature page styles start*/

p {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.ftrscontainer {
    max-width: 1400px !important;
    margin: 0 auto;
}

.featursubmenu {
    width: 100%;
    background-color: #fff;
    display: none;
}

ul.featuremenu {
    margin: 0px;
    padding: 5px 0px;
    position: relative;
}

ul.featuremenu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px 16px;
    display: inline-block;
    vertical-align: middle;
    font: 15px/1.1 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    cursor: pointer;
}

ul.featuremenu li a {
    padding: 12px 0px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    letter-spacing: 0.3px;
}

.sticky-header {
    padding: 3px 0px 6px 0px;
    background: #e5f6fb;
    z-index: 99;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.featurmenufix {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
}


/*
ul.featuremenu li a:after {
    content: "";
    border-bottom: 2px solid #1075d2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: width 1s;
    cursor: pointer;
}
ul.featuremenu li a:hover {
    color: #1075d2;
    transition: 0.1s !important;
    cursor: pointer;
}
ul.featuremenu li a:hover:after {
    width: 100%;
}
ul.featuremenu li a.active:after {
    width: 100%;
    color: #1075d2;
}
*/

ul.featuremenu li.factive a {
    color: #1075d2 !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#sdpftrnave li a:hover {
    color: #1075d2;
}

#sdpmagic-line {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #1075d2;
    padding: 0px;
    cursor: pointer;
    transition: all 0.3s;
}

.sdpftrhdrcont h3 {
    font: 18px/1.2 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #606060;
    text-transform: uppercase;
    padding: 0;
    margin: 10px 0 10px 0;
    letter-spacing: 0.5px;
}

.sdpftrhdrcont h2 {
    font: 30px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #3180d2;
    padding: 0;
    margin: 0;
}

.sdpftrhdrcont p {
    font: 18px/1.5 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    color: #000;
    margin-top: 10px;
}

.sdpftrhdrcont p a.ftrmore {
    font: 16px/1.25 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #3180d2;
    text-decoration: none;
}

a.trysdpnow {
    font: 18px/1.25 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #E9142B;
    text-decoration: none;
    position: relative;
    margin: 10px 0;
    z-index: 2;
}

a.trysdpnow:after {
    content: "";
    border-bottom: 1px solid #E9142B;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: width 0.2s;
}

a.trysdpnow:hover:after {
    width: 100%;
}

.sdpftrhdrcont .max {
    max-width: 80%;
    width: 100%;
    margin: 15px 0;
}

.sdpfeaturesec {
    padding: 3% 0
}

.featerflexmain {
    height: 100%;
    width: 100%;
}

.featureflxleft {
    width: 100%;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
}

.sdpftrhdrcont {
    padding: 5% 16% 5% 0;
}


/*
.ftrhdrcontfix1{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix2{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix3{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix4{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix5{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix6{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix7{ position:fixed; top:50%; left:20%}
.ftrhdrcontfix8{ position:fixed; top:50%; left:20%}
*/

.featureflxright {
    -webkit-flex: inherit;
    -ms-flex: inherit;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}

.featureflxright ul {
    align-items: center !important;
}

ul.sdpftrs {
    margin: 0px;
    padding: 0px;
}

ul.sdpftrs li {
    list-style-type: none;
    float: left;
    /* box-shadow: 0px 2px 20px 0 rgba(46, 61, 73, .2); */
    border: 1px solid #eaeaea;
    /* border-radius: 5px; */
    width: 100%;
    max-width: 29%;
    margin: 2%;
    background: #fff;
    min-height: 387px;
}

#itilready ul.sdpftrs li {
    min-height: 345px !important
}

#self-service ul.sdpftrs li {
    min-height: 345px !important
}

#automation ul.sdpftrs li {
    min-height: 366px !important
}

.btmBar {
    height: auto;
}


/*#self-service ul.sdpftrs li {border:1px solid #c4e8f2}*/


/*#automation ul.sdpftrs li {border:1px solid #c4e8f2}*/


/*#customizations ul.sdpftrs li {border:1px solid #c4e8f2}
#native-it-integrations ul.sdpftrs li {border:1px solid #c4e8f2}*/


/*#business-integrations ul.sdpftrs li {border:1px solid #c4e8f2}*/

ul.sdpftrs li:after {
    content: "";
    width: 0%;
    height: 3px;
    background: #03a9f5;
    position: absolute;
    top: 0;
    left: 0px;
    transition: width 0.5s;
}

ul.sdpftrs li:hover:after {
    width: 100%;
}

ul.sdpftrs li:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .10);
    transition: all 0.3s ease-in-out !important;
}

.ftrscont {
    padding: 10%;
    position: relative;
    z-index: 1;
}

.ftrscont h3 {
    font: 20px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0;
    margin: 20px 0;
}

.ftrscont h3 a {
    color: #000;
    text-decoration: none
}

.ftrscont p {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 10px 0;
    line-height: 1.5;
}

.ftrscont p a {
    color: #000;
    text-decoration: none;
}

.ftrscont p a:hover {
    color: #000;
    text-decoration: underline;
}

a.ftrlearnmore {
    font: 16px/1.25 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    color: #3180d2;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

a.ftrlearnmore:after {
    content: "";
    border-bottom: 1px solid #3180d2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: width 0.2s;
}

a.ftrlearnmore:hover:after {
    width: 100%;
}

.hdsftr {
    background-image: url(https://www.manageengine.com/products/service-desk/images/help-desk-feature-sprite-40px.svg);
    background-repeat: no-repeat;
    display: block;
    min-height: 46px;
    width: 46px;
    background-size: 762px;
}

.hdsftr.zia-dashboard {
    background-position: -11px -610px;
    background-size: 842px;
}

span.newtext:not(.sdp-visible) {
    color: #fff;
    background: #e8132a;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
    margin-top: 5px;
    font-family: 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: absolute;
    display: none;
}

.itil-ftr01 {
    background-position: -209px -9px;
}

.itil-ftr02 {
    background-position: -270px -16px;
}

.itil-ftr03 {
    background-position: -85px -17px;
}

.itil-ftr04 {
    background-position: -327px -12px;
}

.itil-ftr05 {
    background-position: -149px -12px;
}

.itil-ftr06 {
    background-position: -15px -9px;
}

.itil-ftr07 {
    background-position: -392px -9px;
}

.itil-ftr08 {
    background-position: -453px -11px;
}

.itil-ftr09 {
    background-position: -626px -457px;
}

.itil-ftr10 {
    background-position: -190px -463px;
}

.selfser-ftr01 {
    background-position: -12px -87px;
}

.selfser-ftr02 {
    background-position: -72px -76px;
}

.selfser-ftr03 {
    background-position: -133px -83px;
}

.selfser-ftr04 {
    background-position: -202px -84px;
}

.selfser-ftr05 {
    background-position: -272px -77px;
}

.selfser-ftr06 {
    background-position: -637px -151px;
}

.selfser-ftr07 {
    background-position: -388px -81px;
}

.selfser-ftr08 {
    background-position: -451px -79px;
}

.selfser-ftr09 {
    background-position: -377px -268px;
}

.automtn-ftr01 {
    background-position: -12px -149px;
}

.automtn-ftr02 {
    background-position: -75px -146px;
}

.automtn-ftr03 {
    background-position: -143px -146px;
}

.automtn-ftr04 {
    background-position: -203px -155px;
}

.automtn-ftr05 {
    background-position: -182px -97px;
}

.automtn-ftr06 {
    background-position: -337px -148px;
}

.automtn-ftr07 {
    background-position: -395px -147px;
}

.automtn-ftr08 {
    background-position: -451px -146px;
}

.automtn-ftr09 {
    background-position: -623px -350px;
}

.automtn-ftr10 {
    background-position: -332px -351px;
}

.automtn-ftr11 {
    background-position: -517px -144px;
    min-height: 48px;
}

.automtn-ftr12 {
    background-position: -517px -14px;
    min-height: 48px;
}

.custmztion-ftr01 {
    background-position: -15px -210px;
}

.custmztion-ftr02 {
    background-position: -72px -207px;
}

.custmztion-ftr03 {
    background-position: -135px -218px;
}

.custmztion-ftr04 {
    background-position: -207px -208px;
}

.custmztion-ftr05 {
    background-position: -273px -216px;
}

.custmztion-ftr06 {
    background-position: -335px -209px;
}

.custmztion-ftr07 {
    background-position: -399px -207px;
}

.custmztion-ftr08 {
    background-position: -462px -408px;
}

.custmztion-ftr09 {
    background-position: -626px -404px;
}

.custmztion-ftr10 {
    background-position: -452px -461px;
}

.custmztion-hospitality {
    background-position: -452px -268px;
}

.enterpris {
    background-position: -515px -7px;
}

.ngo {
    background-position: -572px -7px;
}

.banks {
    background-position: -673px -7px;
}

.manufacturing {
    background-position: -326px -405px;
    width: 49px;
}

.healthcare {
    background-position: -676px -501px;
    width: 49px;
}

.sdp-airport {
    background-position: -392px -501px;
    width: 55px;
}

.esm-humanrcs {
    background-position: -623px -500px;
}

.esm-feciltydsk {
    background-position: -656px -70px;
    width: 52px;
    height: 49px;
}

.finance {
    background-position: -569px -500px;
    width: 52px;
    height: 49px;
}

.sdp-legaldesk {
    background-position: -500px -500px;
}

.custmztion-ftr11 {
    background-position: -392px -466px;
}

.custmztion-ftr12 {
    background-position: -685px -406px;
}

.astmgmnt-ftr01 {
    background-position: -12px -286px;
}

.astmgmnt-ftr02 {
    background-position: -73px -272px;
}

.astmgmnt-ftr03 {
    background-position: -134px -271px;
}

.astmgmnt-ftr04 {
    background-position: -205px -272px;
}

.astmgmnt-ftr05 {
    background-position: -270px -280px;
}

.astmgmnt-ftr06 {
    background-position: -334px -270px;
}

.astmgmnt-ftr07 {
    background-position: -394px -271px;
}

.astmgmnt-ftr08 {
    background-position: -400px -339px;
    height: 51px;
}

.astmgmnt-ftr09 {
    background-position: -451px -347px;
}

.ad-ftr09 {
    background-position: -618px -4px;
}

.asset-replish {
    background-position: -452px -212px;
}

.consumables {
    background-position: -519px -212px;
}

.nativintg-ftr01 {
    background-position: -12px -352px;
}

.nativintg-ftr02 {
    background-position: -266px -339px;
}

.nativintg-ftr03 {
    background-position: -201px -338px;
}

.nativintg-ftr04 {
    background-position: -72px -340px;
}

.nativintg-ftr05 {
    background-position: -333px -353px;
}

.nativintg-ftr06 {
    background-position: -134px -340px;
}

.nativintg-ftr07 {
    background-position: -510px -353px;
}

.nativintg-ftr08 {
    background-position: -567px -346px;
}

.nativintg-ftr09 {
    background-position: -513px -457px;
}

.nativintg-ftr10 {
    background-position: -267px -463px;
}

.nativintg-ftr11 {
    background-position: -563px -71px;
    width: 57px;
}

.zoho-sdp-survey {
    background-position: -682px -455px;
}

.sdp-dynatrace {
    background-position: -637px -208px;
}

.zoho-voice {
    background-position: -695px -147px;
}

.zoho-flow {
    background-position: -577px -205px;
}

.businsintg-ftr01 {
    background-position: -11px -404px;
}

.businsintg-ftr02 {
    background-position: -73px -414px;
}

.businsintg-ftr03 {
    background-position: -267px -404px;
}

.businsintg-ftr04 {
    background-position: -134px -403px;
}

.businsintg-ftr05 {
    background-position: -205px -404px;
}

.businsintg-ftr06 {
    background-position: -570px -457px;
}

.businsintg-ftr07 {
    background-position: -581px -142px;
    min-height: 48px;
}

.industry-ftr01 {
    background-position: -686px -271px;
}

.industry-ftr02 {
    background-position: -631px -271px;
}

.industry-ftr03 {
    background-position: -578px -271px;
}

.industry-ftr04 {
    background-position: -518px -271px;
}

.reprtsdsbods-ftr01 {
    background-position: -6px -462px;
}

.reprtsdsbods-ftr02 {
    background-position: -74px -462px;
}

.reprtsdsbods-ftr03 {
    background-position: -135px -462px;
}

.sdp-report-dashboard {
    background-position: -6px -573px;
    background-size: 860px;
}

.reprtsdsbods-ftr04 {
    background-position: -391px -406px;
}

.assetlifecycle-ftr12 {
    background-position: -499px -62px;
}

.sandbox {
    background-position: -330px -460px;
}

.workflow-automation {
    background-position: -687px -342px;
    width: 50px;
}

.workflow-automation-software {
    background-position: -223px -501px;
    width: 50px;
}

.microsoft-integration {
    background-position: -456px -499px;
}

.confluence-extension {
    background-position: -635px -185px;
    background-size: 700px;
}

.sdp-chatgpt-inte {
    background-position: -326px -502px;
    width: 55px;
}

.whatsapp-inte {
    background-position: -60px -573px;
    background-size: 860px;
}

#lamp-anim {
    width: 100%;
    height: 200px;
    mix-blend-mode: color-burn;
}

.blob {
    background: url(https://www.manageengine.com/products/service-desk/images/blob-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
}

.banner h1 {
    font-size: 41px;
    font-weight: bold;
    line-height: 41px;
}

.banner p {
    font-size: 21px;
    line-height: 22px;
    margin: 10px 0px 0px 0px;
}

h3.featuretitle {
    display: none;
}

.expanderHead {
    display: none;
}

a.feature-banner-cta {
    font: 18px/1.3 Zoho_Puvi_Bold;
    display: inline-block;
    background: #DB4228;
    color: #fff;
    padding: 13px 30px;
    text-transform: uppercase;
    border-radius: 2px;
    margin: 40px 0px 0px 0px;
    letter-spacing: 0.5px;
}

a.feature-banner-cta:hover {
    background: #ce2c11;
}

div.heading-menu .ftrpg-inrhdr {
    letter-spacing: 0.1px;
    font-size: 24px;
}


/*new customer casestudy section start here*/


/*section-based-color-start*/

ul.sdpftrs li.transparent-green {
    background: rgba(217, 255, 217, 1);
}

ul.sdpftrs li.bubbles {
    background: rgba(234, 255, 254, 1);
}

ul.sdpftrs li.wizard-white {
    background: rgba(227, 243, 255, 1);
}

ul.sdpftrs li.pink-pleasure {
    background: rgba(255, 224, 229, 1);
}

ul.sdpftrs li.buttermilk {
    background: rgba(255, 253, 228, 1);
}

ul.sdpftrs li.coastal-breeze {
    background: rgba(227, 244, 255, 1);
}

ul.sdpftrs li.winter-day {
    background: rgba(224, 247, 255, 1);
}

ul.sdpftrs li.flowerbed {
    background: rgba(255, 235, 216, 1);
}

.arw_lnk span {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background: #004495;
    height: 1.4px;
    margin-left: 7px;
    transition: 0.5s ease;
    position: absolute;
    right: -16px;
    top: 10px;
    transition: .6s ease;
}

.customer-stories-grid a.ftrlearnmore::after {
    display: none;
}

.customer-stories-grid:hover .arw_lnk span {
    right: -19px;
}

.customer-stories-grid img {
    margin-bottom: 10px;
    margin-top: 40px;
}

.next-arw span {
    transform: rotate(180deg);
    transform-origin: center;
}

.arw_lnk span::after,
.arw_lnk span::before {
    content: "";
    width: 7px;
    background: #004495;
    height: 1.4px;
    display: inline-block;
    position: absolute;
    left: -1px;
    border-radius: 20px;
}

.arw_lnk span::after {
    transform: rotate(45deg);
    top: 2px;
}

.arw_lnk span::before {
    transform: rotate(-45deg);
    top: -2px;
}


/*section-based-color-end*/


/*Full stack ITSM*/

.transparent-green .arw_lnk span::after,
.transparent-green .arw_lnk span::before,
.transparent-green .arw_lnk span,
ul.sdpftrs li.transparent-green:after {
    background: var(--color-spring-green-31, rgba(0, 157, 84, 1));
}

.transparent-green a.ftrlearnmore {
    color: var(--color-spring-green-31, rgba(0, 157, 84, 1));
}


/*AI-driven ITSM*/

.bubbles .arw_lnk span::after,
.bubbles .arw_lnk span::before,
.bubbles .arw_lnk span,
ul.sdpftrs li.bubbles:after {
    background: rgba(0, 113, 110, 1);
}

.bubbles a.ftrlearnmore {
    color: rgba(0, 113, 110, 1);
}


/*Self-service*/

.wizard-white .arw_lnk span::after,
.wizard-white .arw_lnk span::before,
.wizard-white .arw_lnk span,
ul.sdpftrs li.wizard-white:after {
    background: rgba(2, 46, 81, 1);
}

.wizard-white a.ftrlearnmore {
    color: rgba(2, 46, 81, 1);
}


/*Automation*/

.pink-pleasure .arw_lnk span::after,
.pink-pleasure .arw_lnk span::before,
.pink-pleasure .arw_lnk span,
ul.sdpftrs li.pink-pleasure:after {
    background: rgba(156, 11, 33, 1);
}

.pink-pleasure a.ftrlearnmore {
    color: rgba(156, 11, 33, 1);
}


/*Asset management*/

.buttermilk .arw_lnk span::after,
.buttermilk .arw_lnk span::before,
.buttermilk .arw_lnk span,
ul.sdpftrs li.buttermilk:after {
    background: rgba(135, 125, 3, 1);
}

.buttermilk a.ftrlearnmore {
    color: rgba(135, 125, 3, 1);
}

.coastal-breeze .arw_lnk span::after,
.coastal-breeze .arw_lnk span::before,
.coastal-breeze .arw_lnk span,
ul.sdpftrs li.coastal-breeze:after {
    background: rgba(2, 46, 81, 1);
}

.coastal-breeze a.ftrlearnmore {
    color: rgba(2, 46, 81, 1);
}


/*Native IT integrations*/

.winter-day .arw_lnk span::after,
.winter-day .arw_lnk span::before,
.winter-day .arw_lnk span,
ul.sdpftrs li.winter-day:after {
    background: rgba(0, 90, 120, 1);
}

.winter-day a.ftrlearnmore {
    color: rgba(0, 90, 120, 1);
}


/*Business integrations*/

.flowerbed .arw_lnk span::after,
.flowerbed .arw_lnk span::before,
.flowerbed .arw_lnk span,
ul.sdpftrs li.flowerbed::after {
    background: rgba(108, 33, 0, 1);
}

.flowerbed a.ftrlearnmore {
    color: rgba(108, 33, 0, 1);
}


/*new customer casestudy section start here*/

@media (max-width:2650px) {
    .banner {
        text-align: center;
        padding: 0 0px 2.3% 0px;
    }
    #ftrgetstd {
        padding: 3% 0 5% 0;
    }
}

@media (max-width:2000px) {
    .banner {
        text-align: center;
        padding: 0 0px 3.7% 0px;
    }
}

@media (max-width:1440px) {
    .banner {
        text-align: center;
        padding: 0 0px 4.2% 0px;
    }
}

@media (max-width:1300px) {
    .ftrscontainer {
        max-width: 100% !important;
        margin: 0 auto;
    }
    ul.featuremenu li a {
        letter-spacing: 0px;
    }
}

@media screen and (max-width:1024px) {
    #commonHeader {
        min-height: 86px;
    }
    #MEmobPanel {
        z-index: 99999999;
    }
    #MEmobPanel {
        top: 86px;
    }
    .blob {
        height: 150px;
    }
    #lamp-anim {
        height: 150px;
    }
    .banner-bg {
        top: 91px;
    }
    .banner {
        text-align: center;
        padding: 3.2% 0px;
    }
    ul.featuremenu {
        text-align: center
    }
    ul.featuremenu li {
        list-style-type: none;
        margin: 0px;
        padding: 0px 5px;
        display: inline-block;
        vertical-align: middle;
        font: 14px/1.1 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
        cursor: pointer;
    }
    ul.sdpftrs li {
        max-width: 45%;
        min-height: 349px;
    }
    #itilready ul.sdpftrs li {
        min-height: 345px !important;
    }
    #self-service ul.sdpftrs li {
        min-height: 345px !important;
    }
    #automation ul.sdpftrs li {
        min-height: 345px !important;
    }
    .featurmenufix {
        top: 83px;
    }
    .sticky-aside {
        top: 26%;
    }
    .featerflexmain {
        height: 100%;
        width: 95%;
        margin: 0 auto;
    }
    .sdpftrhdrcont h2 {
        font: 25px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    }
    .featureflxright {
        width: 49%;
        display: inline-block;
        float: unset;
    }
    .btmBar {
        height: 0px;
    }
}

@media screen and (max-width:980px) {
    .sdplogosvg img {
        margin-top: 10px;
    }
    .banner {
        text-align: center;
        padding: 5.2% 0px;
    }
    .featerflexmain {
        height: 100%;
        width: 95%;
        margin: 0 auto;
    }
    ul.featuremenu {
        text-align: left
    }
    .featurmenufix {
        display: none !important;
    }
    .sdpftrhdrcont h2 {
        font: 25px/1.1 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
    }
    .sticky-aside {
        top: 26%;
    }
    .ftrscont {
        padding: 5% 10%;
    }
    .featureflxright {
        width: 100%;
    }
    ul.sdpftrs li {
        max-width: 45%;
        min-height: 361px;
    }
    #itilready ul.sdpftrs li {
        min-height: 335px !important;
    }
    #self-service ul.sdpftrs li {
        min-height: 336px !important;
    }
    #automation ul.sdpftrs li {
        min-height: 358px !important;
    }
    h3.featuretitle {
        padding: 0 20px;
        margin: 5px 0 0 0;
    }
    ul.featuremenu li {
        margin: 0px;
        padding: 8px 16px;
        display: block;
    }
    /*ul.featuremenu li.current_active{display: block !important;}*/
    ul.featuremenu {
        margin: 0px;
        padding: 0px 0px;
        position: relative;
    }
    ul.featuremenu.hightovrflow {
        height: 32px;
    }
    ul.featuremenu li a {
        padding: 0;
    }
    #sdpmagic-line {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 0;
        background: none;
        padding: 0px;
        cursor: pointer;
    }
    .expanderHead {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 9;
    }
    .loadactive img {
        transform: rotateX(180deg);
        transition: all 0.3s ease-in 0s;
    }
    .loadinactive img {
        transform: rotateX(0deg);
        transition: all 0.3s ease-in 0s;
    }
}

@media screen and (max-width:667px) {
    .featerflexmain {
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .featurmenufix {
        background: #c5e8f3;
    }
    .featurmenufix {
        top: 90px;
    }
    .featureflxright {
        width: 90%;
        padding: 5%;
    }
    .sdpftrhdrcont {
        padding: 10%;
    }
    ul.sdpftrs li {
        max-width: 100%;
        min-height: inherit !important;
        margin: 13px 0;
    }
    .ftrscont {
        padding: 10%;
    }
    #itilready ul.sdpftrs li {
        min-height: inherit !important;
    }
    #self-service ul.sdpftrs li {
        min-height: inherit !important;
    }
    #automation ul.sdpftrs li {
        min-height: inherit !important;
    }
}

@media screen and (max-width:414px) {
    .banner {
        text-align: center;
        padding: 7.7% 0px;
    }
    .banner-bg {
        top: 98px;
    }
}

@media only screen and (max-width:320px) {
    a.feature-banner-cta {
        font: 16px/1.3 Zoho_Puvi_Bold;
        padding: 13px 20px;
        letter-spacing: 0px;
    }
}

.divider {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}


.collection-item {
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .19), 1px 1px 15px 0 rgba(0, 0, 0, .07);
}

.paragraph {
  overflow: hidden;
  height: 40px;
  margin-bottom: 5px;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  margin-left: 1px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ellipse {
  width: 3.5px;
  height: 3.5px;
  margin-right: 2.5px;
  border-radius: 50%;
  background-color: #9c9c9c;
}

.hor-rule {
  height: 2px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 2px;
  background-color: silver;
}

.social-share-button {
  display: inline-block;
  height: 22px;
  max-width: 79px;
  margin-right: 5px;
}

.hero-section {
  min-height: 250px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
  background-position: 0px 0px;
  background-size: 125px;
}

.aside-col {
    width: 30%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    float: left;
}
.main-col {
    width: 100%;
    padding-right: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    float: left;
    display: block;
    display: flex;
}

@media (max-width:2650px) {
.sticky-aside {top: 25%;}
}

@media (max-width:2000px) {
.sticky-aside {top: 20%;}
}


@media (max-width:1440px) {
.sticky-aside {top: 18%;}
}

@media (max-width:980px) {
    
   .main-col {
    display: inherit;
    flex-wrap: wrap;
    
    width: 100%;
    padding-right: 0;
    /*-webkit-box-flex: 1;
     -webkit-flex: 1; */
    -ms-flex: 1;
    float: left;
    display: block;
   }
}


@media (max-width: 667px) {
  .flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
    
.main-col {
    width: 100%;
    float: none;
    display: block;
}
    
    .aside-col {
    max-width: 100%;
    /* padding-right: 20px; */
    /* padding-left: 20px; */
    width: 100%;
}
    
   
    
 .main-col .pT75 {
    padding-top: 0px;
}
    
    
}