/*.max-width,.l-site-width,.l-masthead,.l-main {max-width:1100px;margin:auto}.l-header:after{content:"";display:table;clear:both}@media (min-width: 768px){.l-header .l-branding{float:left}}.l-header .l-region--header{margin:20px 0 0;text-align:center}@media (min-width: 768px){.l-header .l-region--header{margin:0;float:right}}.l-masthead{margin:0}.l-main{padding:15px 20px 20px;margin:15px auto 20px}.l-main:after{content:"";display:table;clear:both}.l-main .l-content{padding:0 0 20px;clear:both}.front .l-main .l-content{padding:0}@media (min-width: 768px){.has-one-sidebar.has-sidebar-first .l-main .l-content{width:75%;float:right;margin-left:0;margin-right:0;clear:none;padding-right:0}}@media (min-width: 768px){.has-one-sidebar.has-sidebar-second .l-main .l-content{width:70.83333%;float:left;margin-right:-100%;clear:none;padding-right:20px}}@media (min-width: 768px){.has-two-sidebars .l-main .l-content{width:75%;float:right;margin-left:0;margin-right:0;clear:none;padding-right:0}}@media (min-width: 1024px){.has-two-sidebars .l-main .l-content{width:45.83333%;float:left;margin-right:-100%;margin-left:25%;clear:none;padding-right:20px}}@media (min-width: 768px){.l-main .l-region--sidebar-first{width:25%;float:left;margin-right:-100%;clear:none;padding-right:20px}}@media (min-width: 768px){.has-one-sidebar .l-main .l-region--sidebar-second{width:29.16667%;float:right;margin-left:0;margin-right:0;clear:none;padding-right:0;max-width:300px}}.has-two-sidebars .l-main .l-region--sidebar-second{clear:both}@media (min-width: 1024px){.has-two-sidebars .l-main .l-region--sidebar-second{width:29.16667%;float:right;margin-left:0;margin-right:0;clear:none;padding-right:0}}.l-main .tabs--primary,.l-main .messages{clear:both}.l-content-bottom{clear:both}.l-footer-top{background-color:#1c1c1c;padding:14px}.l-footer-top:after{content:"";display:table;clear:both}.hcpro-logo{max-width:200px}*/
.max-width,
.l-site-width,
.l-masthead,
.l-main {
    max-width: 1100px;
    margin: auto
}

.l-header:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .l-header .l-branding {
        float: left
    }
}

.l-header .l-region--header {
    margin: 20px 0 0;
    text-align: center
}

@media (min-width: 768px) {
    .l-header .l-region--header {
        margin: 0;
        float: right
    }
}

.l-masthead {
    margin: 0
}

.l-main {
    padding: 15px 20px 20px;
    margin: 15px auto 20px
}

.l-main:after {
    content: "";
    display: table;
    clear: both
}

.l-main .l-content {
    padding: 0 0 20px;
    clear: both
}

.front .l-main .l-content {
    padding: 0
}

@media (min-width: 768px) {
    .has-one-sidebar.has-sidebar-first .l-main .l-content {
        width: 75%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .has-one-sidebar.has-sidebar-second .l-main .l-content {
        width: 70.83333%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .has-two-sidebars .l-main .l-content {
        width: 75%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .has-two-sidebars .l-main .l-content {
        width: 45.83333%;
        float: left;
        margin-right: -100%;
        margin-left: 25%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .l-main .l-region--sidebar-first {
        width: 25%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .has-one-sidebar .l-main .l-region--sidebar-second {
        width: 29.16667%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        max-width: 300px
    }
}

.has-two-sidebars .l-main .l-region--sidebar-second {
    clear: both
}

@media (min-width: 1024px) {
    .has-two-sidebars .l-main .l-region--sidebar-second {
        width: 29.16667%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

.l-main .tabs--primary,
.l-main .messages {
    clear: both
}

.l-content-bottom {
    clear: both
}

.l-footer-top {
    background-color: #1c1c1c;
    padding: 14px
}

.l-footer-top:after {
    content: "";
    display: table;
    clear: both
}

.hcpro-logo {
    max-width: 200px
}

/* Design changes added by Ajay */

.max-width,
.l-site-width,
.l-masthead,
.l-article {
    max-width: 100%;
    background: #fff;
    margin: auto
}

.l-header:after {
    content: "";
    display: table;
    clear: both
}


.l-article {
  padding: 15px 20px 20px;
    margin: 15px auto 20px
}

.l-article:after {
    content: "";
    display: table;
    clear: both
}

.l-article .l-content {
    padding: 0 0 20px;
    clear: both
}

.front .l-article .l-content {
    padding: 0
}

@media (min-width: 768px) {
    .has-one-sidebar.has-sidebar-first .l-article .l-content {
        width: 75%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .has-one-sidebar.has-sidebar-second .l-article .l-content {
        width: 70.83333%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .has-two-sidebars .l-article .l-content {
        width: 75%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .has-two-sidebars .l-article .l-content {
        width: 45.83333%;
        float: left;
        margin-right: -100%;
        margin-left: 25%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .l-article .l-region--sidebar-first {
        width: 25%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .has-one-sidebar .l-article .l-region--sidebar-second {
        width: 29.16667%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        max-width: 300px
    }
}

.has-two-sidebars .l-article .l-region--sidebar-second {
    clear: both
}

@media (min-width: 1024px) {
    .has-two-sidebars .l-article .l-region--sidebar-second {
        width: 29.16667%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

.l-article .tabs--primary,
.l-article .messages {
    clear: both
}