/* ================ [ Responsive ] ================

File:   responsive.css

Index
---------------------------------------------------
    - Screen >= Desktop
    - Screen <= 990px 
    - Screen <= 768px
    - Screen <= 569px
    - Screen <= 480px
    - Screen <= 479px
    - Screen <= 319px
*/

/* 
--------------------------------------------------- 
>= Desktop
---------------------------------------------------
*/

@-ms-viewport {
    width: device-width;
}

/*  Notes:
    These styles are used to reset selective 
    elements before the subsequent media queries
*/

.headerContent .groupsListingButton {
    display:none!important;
}

.blockLink span.title {
    float:left;
}

.utilityNavMicro {
    top: -141px;
}

.pageContent .facebook-widget-msg p {
    display:none;
    margin-bottom:0;
}

.cookie {
    display:none!important;
}

/* Responsive Nav */
.navControl,
.responsiveNav {
    display:none!important;
}

/* Quote and buy */

.quoteAndBuy-promo {
    margin-bottom:15px;
    display:none;
}

.quoteAndBuy-promo img {
    width:100%;
}

/* Quote and buy */

.quoteAndBuy:before {
    display:none;
}
.quoteAndBuy {
    position: relative;
    margin-top: 0;
    clear:both;
}

/* Rating component */

.starRatingComponent {
    clear:both;
}

/* Group nav */

.groupNav {
    border-top:none;
}

/* CMS styles */

.multivariate-section {
    background:none!important;
}

/* Remove first extranet menu item */

.subMenu .sectionLinkHome {
    display:none!important;
}

/* Responsive Health Tech And You*/

.HTAndY {
    position: relative;
}

.HTAndY p { 
    position: absolute;
    text-align: center;
    font-weight: bolder;
    color: #ffffff !important;
    left: 13%;
    right: 13%;
    line-height: 30px;
    top: 5%;
    font-size: 300%;
}
.HTAndY .fontM p
{    line-height: 22px;
    font-size: 220%;
 }
 .HTAndY .fontS p
{    line-height: 20px;
    font-size: 150%;
 }
.HTAndY a {
    text-align: center;
    padding: 9px 4px 9px 4px;
    font-size: 2em;
    position: absolute;
    color: #666466 !important;
    font-weight: bolder;
    text-decoration: blink !important;
    left: 14%;
    right: 14%;
    background-color: #23fe20;
    max-width: 320px;
    bottom: 10%;
}

.HTAndY a:hover {
    text-decoration: underline !important;
    color: #131212 !important;
}

.HTAndYShare{
    width : 100%;
    float:left;
    text-align: center !important;
}
/*----to make the content center aligned--*/
.HTAndYAlign{
   text-align: center !important;
} 
/* 
--------------------------------------------------- 
Screen <= 990px
---------------------------------------------------
*/

@media only screen and (max-width : 990px) {

    /* Reset --------------- */

    /* Base tags */


    html {
        -webkit-text-size-adjust:none;
    }

    .empty-content {
        display:none;
    }

    hr {
        display:none;
    }

      
    /* CMS styles */

    .dropzone
    .columnwidgetlist
    .widget {
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }

    .PBViewing {
        float:none!important;
        width:auto!important;
        margin:0;
    }
    
    .campaign-bg .pageContentWrapper {
        background-image: none;
    }


    /* Global inline styles */

    /*  Notes:
        The following updates on page content [style] 
        are used to force consistency on inline styles
        at grid and component level.      
    */

    .pageContent [style] {
        /*width: auto!important;*/
        min-height:inherit!important;
        /*height:auto!important;*/
        margin-left:0!important;
        margin-right:0!important;
        text-align: inherit!important;
    }

    [align=center] {
        text-align:left;
    }
     /* to align get a quote button center */
    .alignQuote
    {
        float: none!important;
        text-align: center!important;
    }

    img.full-width-media {
        width:100%!important;
    }

    /* Remove unnecessary background images */
    
    .pageContentWrapper,
    .homepageSector .beHealthyBanner .linkBtn:before {
        background-image:none;
    }

    .homepageSector {
        background:none;
    }

    /* Common theme --------------- */

    /* Page heading /// */

    .pageHeading {
        font-size:3em;
        margin-bottom:12px;
        line-height:1.1;
    }

    /* Section heading /// */

    .sectionHeading {
        font-size:3.6em;
    }

    /* Site section headers /// */

    /*  Notes:
        HTTP requests for the site section heading 
        images are replaced with CSS gradients.   
    */
    
 
    .siteSectionHeader {
        background:#103184; 
        background:-webkit-linear-gradient(top, #103184 0% ,#103184 50%, #003366 100%); 
        background:-ms-linear-gradient(top, #103184 0%, #103184 50%, #003366 100%); 
        background:linear-gradient(to bottom, #103184 0%, #103184 50%, #003366 100%);        
    }


    /* Rich text panel content /// */

    .extranet-intro h2,
    .richTextPanel h2 {
        font-size:2.4em;
        margin-bottom:15px;
    }

    .extranet-intro h3,
    .richTextPanel h3 {
        font-size:2.2em;
        margin-bottom:15px;
    }
    
    .extranet-intro h4,
    .richTextPanel h4 {
        font-size:1.8em;
        margin-bottom:15px;
    }

    .extranet-intro h5,
    .extranet-intro h6,
    .richTextPanel h5,
    .richTextPanel h6 {
        font-size:1.6em;
        line-height:1.6;
        font-weight:bold;
        margin-bottom:15px;
    }

    .richTextPanel br {
        display:none;
    }

    .extranet-intro p,
    .richTextPanel p {
        font-size: 16px;
        line-height:1.6;
        margin-bottom:15px;
    }

    .extranet-intro ul,
    .richTextPanel ul {
        margin-bottom:15px;
        overflow:hidden;
        padding-left:5px;
    }
    
    .extranet-intro ul li,
    .richTextPanel ul li {
        font-size:16px;
        line-height:1.6;
        margin:0 0 5px 20px;
    }

    .extranet-intro ol,
    .richTextPanel ol {
        margin:0 0 15px 0;
        overflow:hidden;
    }

    .extranet-intro ol li,
    .richTextPanel ol li {
        font-size:16px;
        line-height:1.6;
        margin:0 0 5px 25px;
    }

    .richTextPanel img {
        margin-bottom:15px;
        max-width:100%;
    }

    .extranet-intro img {
        max-width:100%;
    }

    .extranet-intro img[align=left],
    .richTextPanel img[align=left] {
        float:left;
        max-width:50%;
        margin:0 10px 10px 0!important;
    }

    .extranet-intro img[align=right],
    .richTextPanel img[align=right] {
        float:right;
        max-width:50%;
        margin:0 0 10px 10px!important;
    }

    .richTextPanel img[title=pdf] {
        display:none;
    }

    /* Responsive aspect ratio /// */

    /*  Notes:
        These styles are used to style a container
        which is added in JavaScript to elements that 
        need a responsive container - such as video.    
    */

    .responsive-ratio {
	    padding:5px;
	    box-shadow:0 0 5px #999;
	    position:relative;
        background-color:#FFF;
    }

    .responsive-ratio iframe,
    .responsive-ratio object,
    .responsive-ratio embed {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%;
    }

    .responsive-ratio .responsive-ratio-inner {
	    max-width:100%;
	    position:relative;
	    height:0;
	    overflow:hidden;
	    display:block;
        padding-bottom:56.25%;
	    padding-top:30px;
    }

    /* Arrow links */

    a.arrowLink, 
    a.arrowLink:link, 
    a.arrowLink:visited {
        background-position:0 50%;
    }

    /* Link button */

    .linkBtn {
        margin-bottom:5px;
    }
    
    .linkBtn a:link,
    .linkBtn a:visited,
    .linkBtn span,
    .formSubmit input {
        font-size:16px;
        -webkit-appearance:none;
        -webkit-border-radius: 0;
    }

    /* Lists */

    .tickedList ul li {
        list-style-type:none;
        margin-left:0;
    }

    .linkList li {
        font-size:16px;
        line-height:1.4;
        background-position:0 7px;
    }

    /* Microsite landing --------------- */

    /*  Notes:
        The following styles are used for pages 
        defined as microsite landing pages.  
    */

    .micrositeLanding {
        width:100%!important;
        float:none!important;
    }

    .micrositeLanding label,
    .micrositeLanding .formItem {
        width:100%!important;
        float:none!important;
        display:block;
    }

    .micrositeLanding .text {
        font-size:1.6em;
    }

    .micrositeLanding .formSubmit {
        float:none;
        margin:10px 0;
    }

    .micrositeLanding fieldset span {
        display:block;
    }

    .micrositeTitle {
        float: none;
        clear: none;
        width: auto;
        margin: 60px 0 0 0;
        height: auto;
    }

    /* Header --------------- */

    .header {
        position:relative;
    }

    .headerContent {
        position: relative;
        padding: 10px 10px 0;
        min-height: inherit;
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    /* Group navigation /// */

    .groupNav {
        border:none;
    }

    .groupNav .groupPanel {
        border-bottom:0;
    }

    .groupNav .groupListing {
        width:100%;
        padding:0;
        letter-spacing:-4px;
        word-spacing:-4px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .groupsListingButton p a {
        text-decoration:none!important;
    }

    .groupNav .group {
        width: 48%;
        margin: 1%;
        font-size:11px;
        letter-spacing:normal;
        word-spacing:normal;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .headerContent .groupsListingButton {
        display:block!important;
        position:absolute;
        margin:0;
        top:0;
        right:15px;
    }

    /* Utility navigation /// */

    .utilityNavContainer {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .utilityNav .languageSelect {
        float:none;
        width:33.3%;
        display:block;
        vertical-align:top;
        font-size:1.4em;    
        margin:0;
        padding:10px 12px 10px 6px;
        border-top:1px solid #fff;
        border-left:1px solid #fff;        
        border-bottom:1px solid #E0E3EC;
        border-right:1px solid #E0E3EC;       
        text-decoration:none;
        color:#0B276D;
    } 
   
    .utilityNav .languageSelect:active,
    .utilityNav .languageSelect:hover  
    {
        border:1px solid #103184;
        background: #103184;
        color:#FFF;
    }
   

    /* Brand /// */

    .header .brand {
        padding: 0 15px 15px 0;
    }

    /* Site search /// */

    .siteSearch {
        position: absolute;
        right: 15px;
        margin:0;
    }

    .siteSearch .searchText {
        font-size:1.6em;
        -webkit-appearance:none;
        -webkit-border-radius: 0;
        border-left:none;
    }

    .siteSearch .button {
        -webkit-appearance:none;
        -webkit-border-radius: 0;
    }
    .siteSearchIntl {
        position: absolute;
        right: 15px;
        margin:0;
    }

    .siteSearchIntl .searchText {
        font-size:1.6em;
        -webkit-appearance:none;
        -webkit-border-radius: 0;
        border-left:none;
    }

    .siteSearchIntl .button {
        -webkit-appearance:none;
        -webkit-border-radius: 0;
    }

    /* Primary navigation /// */

    .primary-nav {
        width:100%;
        padding:0;
        margin-bottom:0;
    }

    .js .primary-nav {
        margin-bottom:-5px;
    }

    .primary-nav ul li {
        font-size:1.4em;
        vertical-align:top;
    }

    .primary-nav ul li a {
        padding:10px 12px;
    }

    /* Profile login /// */

    .profileLogin {
        right:0;
        background:#3AB3CC;
        position:relative;
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .profileLogin {
        width:100%;
        clear:both;
        z-index:3;
    }

    .js .profileLogin {
        position:absolute;
        right:12px;
        width:250px;
    }
    
    .existingMember {
        font-size:18px;
        text-shadow:0 -1px 0 #079FBC;
        margin-left:0;
        font-weight:normal;
    }

    .profileLoginHeader1 a {
        font-size:16px;
    }

    .profileLoginHeader p {
        font-size:16px;
        text-shadow:0 -1px 0 #079FBC;
    }

    .responsiveNav .profileLoginHeader p {
        font-size:18px;
        margin-left:0;
        font-weight:normal;
    }

    .profileLogin .formItem .text {
        font-size:1.6em;
        width:50%;
        padding:3px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-appearance:none;
        -webkit-border-radius: 0;
        border:1px solid #ABADB3;
    }

    .js .profileLogin .formItem .text {
        width:100%;
    }

    .profileLogin .formItem .formLabel label {
        font-size:1.6em;
        text-shadow:0 -1px 0 #079FBC;
    }

    .profileLogin .button-forgotten-password {
        padding:0;
        font-size:1.4em;
    }

    .profileLoginContentInner a {
        font-size:1.4em;
    }

    .profileLogin .loginRegisterLink {
        display:block;
        margin-top:5px;
        width:auto;
        padding-left:0;
    }

    .responsiveNav .profileLoginContentInner a.profileLink {
        font-size:16px;
    }

    /* Footer --------------- */

    .footer .siteLinksContainer,
    .footer .footerNav .footerNavContainer {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0 15px;
    }

    .footer .siteLinks .listItem a,
    .footer .socialLinks .listItem a {
        font-size:1.2em;
        line-height:1.3;
        background-position:0 5px;
    }

    .footer .footerNav {
        font-size:12px;
    }

    .footer .groupNav {
        width:100%;
    }

    /* Page content setup --------------- */

    .pageContent {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:15px 15px 0;
    }

    .beHealthySector .pageContent {
        padding-top:0;
    }

    .ExtranetLandingPage {
        padding-bottom:15px;
    }

    .mainContent, 
    .mainContentWithSubNav, 
    .pageCol {
        margin:0 0 1em;
    }

    /* Grid setup --------------- */

    /* Collective /// */
    
    .pageContent .spanCol1, 
    .pageContent .spanCol2, 
    .pageContent .spanCol3, 
    .pageContent .spanCol4, 
    .pageContent .spanCol5,
    .pageContent .mainContent,
    .pageContent .aside,
    .pageContent .asideSpanCol2 {
        width:100%!important;
        float:none;
        margin:0;
    }

    .pageContent .nestedGrid {
        margin:0;
        font-size:inherit;
        letter-spacing:-4px;
        word-spacing:-4px;
    }

    .pageContent .nestedGrid .spanCol1,
    .pageContent .nestedGrid .spanCol2,
    .pageContent .nestedGrid .spanCol3,
    .pageContent .nestedGrid .spanCol4,
    .pageContent .nestedGrid .spanCol5 {
        letter-spacing:normal;
        word-spacing:normal;
    }

    /* Standard /// */

    .pageContent .nestedGrid .spanCol2 {
        width:48%!important;
        margin:0 1%!important;
    }

    /* Custom /// */

    .factSector .nestedGrid .spanCol1,
    .factSector .nestedGrid .spanCol2 {
        width:48%!important;
        margin:0 1%;
    }

    /* Components --------------- */

    /* Reset /// */

    /*  Notes:
        The following resets are used to 
        force consistency on desktop 
        specific styles at component level.    
    */

    .genericPromoInner,
    .articleMainText,
    .genericPromo .articleMainText .componentContentInner,
    .articleImage {
        height:auto!important;
        min-height:inherit!important;
    }

    .pageContent .nestedGrid .spanCol1 .genericPromo .image,
    .pageContent .nestedGrid .spanCol2 .genericPromo .image {
        height:auto;
    }

    .extranet-title {
        padding-bottom:0!important;
    }

    .mainContent .component,
    .mainContentWithSubNav .component,
    .genericPromo,
    .factPromo {
        margin-bottom:15px!important;
    }

    .asideComponentGroup .component {
        margin-bottom:0!important;
    }

    .asideProfileComponentGroup .component {
        margin-bottom:0!important;
    }

    /*  Notes:
        The subsequent group limits the HTTP requests 
        for low level visual elements. 
    */
    
    .curlShadow,
    .beHealthyLanding h2:before,
    .youRegisterForm:before,
    .quoteAndBuy:before {
        display:none;
    }

    /* Secondary navigation /// */
    
    .secondaryNav {
        margin:0 0 15px;
    }

    .secondaryNav li  {
        font-size:16px!important;
    }

    /* Site section header /// */

    .siteSectionHeading {
        padding-top:20px;
    }

    .siteSectionHeaderInner {
        background-image:none;
    }

    .siteSectionHeaderContent {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0 12px;
    }

    .topLevelNavList .hasSubMenu:hover .subMenu,
    .topLevelNavList .hover .subMenu
    {
        display:none;
    }


    /* Carousel /// */

    .carousel {
        display:none; /* Display none on request */
        background: #666;
        background: -webkit-linear-gradient(top, #666 0%, #333 100%);
        background: -ms-linear-gradient(top, #666 0%, #333 100%);
        background: linear-gradient(to bottom, #666 0%, #333 100%);
    }

    .carousel,
    .carousel .bannerItem,
    .carousel .itemContent {
        height:300px;
        min-height:300px;
    }

    .js .carousel .itemContent {
        background-size:auto 300px;
        background-position-x:50%;
        position:relative;
    }

    .carousel .itemText {
        width:60%;
        margin:0;
        padding:25px 0 0 45px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        white-space:normal;
        position:absolute;
    }

    .carousel .itemText .mainTitle {
        line-height:1.1;
        font-size:4em;
    }

    .carousel .itemText .subTitle {
        line-height:1.2;
        font-size:2.2em;
        margin-bottom:5px;
    }

    .carousel .itemText br {
        content:"";
    }

    .carousel .itemText br:after {
        content:" ";
    }

    .carousel .bannerNavigation .prevSlide,
    .carousel .bannerNavigation .nextSlide {
        display:inline!important;
    }

    /* Section navigation /// */

    .sectionNav {
        width:100%!important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .sectionNavInner {
        width:100%;
        padding:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    /* Section nav bar */

    .sectionNavBar {
        width:100%!important;
    }

    .sectionNavBar .profileLogin {
        width:200px;
        clear:both;
        position:relative;
    }

    /* Top level nav list */

    .sectionNav .topLevelNavList {
        float:none;
    }

    .sectionNav .topLevelNavList .listContainer {
        width:100%!important;
        padding:0!important;
        float: none;
    }

    /* Nav item */

    .sectionNav .topLevelNavList .navItem {
        display:block!important;
        height:auto!important;
        float:none!important;
    }

    /* Slider nav controls */

    #sliderNav .controls {
        display:none;
    }

    #sliderNav .navItem {
        border-left:none;   
    }

    #sliderNav .navItem a {
        text-decoration: none;
    }
    #sliderNav .topLevelNavList > .navItem > a,
    #sliderNav .sectionLink {
        font-weight: bold;
    }

    #sliderNav .topLevelNavList {
        margin:0;
    }

    /* Sub menu */

    .sectionNav .expanded {
        display: block!important;
    }

    .sectionNav .subMenu {
        width:100%!important;
        padding:0!important;
        float: none;
        position: static;
        background-color: #FFF;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .sectionNav .subMenu ul {
        width:100%!important;
        padding:0!important;
        float: none;
        overflow: hidden;
    }

    .sectionNav .subMenu li {
        font-size:1em;
        float: left;
        width: 50%;
    }

    .sectionNav .subMenu li:hover,
    .sectionNav .subMenu li:active {
        background-color: #E6F0FA;
    }

    .sectionNav .subMenu a {
        padding: 8px 10px;
    }

    .sectionNavBar .topLevelNavList .hasSubMenu {
        padding-right:0;
    }

    .sectionNavBar .topLevelNavList .hasSubMenu .sectionLink {
        background: url(/source/images/cssimages/template/down-arrow.gif) 98% center no-repeat;
    }

    .sectionNavBar .topLevelNavList .hasSubMenu .sectionLink.opened {
        background-image: url(/source/images/cssimages/template/up-arrow.gif);
    }

    .topLevelNavList .hasSubMenu a {
        margin-right: 0;    
    }

    /* Section search */

    .sectionSearch {
        margin:5px;    
    }

    .sectionSearch .searchText {
        font-size:1.6em;
        padding: 4px 3px;
    }

    /* Smart content selector */

    .smartContentSelector .componentContent:before {
        display:none;
    }

    .smartContentSelector .componentContent {
        display:none;
    }

    /* Product sector */

    .js .productSector .aside {
        margin:0; /* To counteract the negative margin */
    }

    /* Sub menu holder /// */

    .subMenuHolder {
        display: none;
        left: auto!important;
        z-index: 5;
        width: 50%!important;
        right: 25px;
        float: right;
    }

    .subMenuHolder .subMenu li {
        font-size:1em;
    }

    /* Breadcrumbs /// */

    .breadcrumbs {
        padding:0 0 10px;
    }

    .breadcrumbs li {
        font-size:1.4em;
        padding-bottom:5px;
    }

    .breadcrumbs li a {
        padding-right:10px;
    }

    .mainContent .breadcrumbs {
        padding-bottom:0;
    }

    /* Generic promo /// */

    .genericPromo .image {
        float:left;
    }

    .genericPromo .image img {
        width:auto;
        /*max-width:382px;*/
        margin-bottom:5px;
    }

    .genericPromo .sectionLabel {
        font-size:1.6em;
    }

    .genericPromo .componentContent .componentTitle,
    .linkList .componentContent .componentTitle {
        font-size:2em;
    }

    /* Generic promo split /// */

    .genericPromoSplit .image {
        float:none;
        background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #ACC2DA;
    }

    .genericPromoSplit .componentContent,
    .genericPromoSplit .blockLinkGroup {
        width:100%;
        float:none;
        clear:both;
    }

    .blockLink .title a {
        display:block;
    }

    /* Block link promo /// */

    .blockLinkPromo .image {
        float:none;
        background:url(/source/images/cssimages/template/secondary-nav-active-first-level.png) 100% 100% no-repeat #ACC2DA;
    }

    .blockLinkPromo .componentContent {
        clear:both;
    }

    /* Block link */
    .iconmember
    {
        width:74px!important;
    }

    .blockLink {
        font-size:1.6em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .blockLink span.title {
        float:none;
        line-height:1.4;
    }

    .blockLink .actions {
        float:none;
        margin-top:5px;
    }

    .blockLink .actions a {
        margin:0 7px 0 0;
    }

    /* Aside component group /// */

    .asideComponentGroup .image img {
        margin-bottom:0;
    }

    .asideComponentGroup .componentContentInner {
        border-left:none;
    }

    /* Factsheets /// */

    .factsheetListComponent .sectionControls {
        background: #FFF;
        padding: 5px;
    }

    .factsheetListComponent .sectionControls li {
        margin: 0 3px 5px;
        border: 1px solid #DDD;
    }

    .factsheetListComponent .sectionControls a {
        font-size: 16px;
    }
 /* Recipes /// */

    .recipeListComponent .sectionControls {
        background: #FFF;
        padding: 5px;
    }

    .recipeListComponent .sectionControls li {
        margin: 0 3px 5px;
        border: 1px solid #DDD;
    }

    .recipeListComponent .sectionControls a {
        font-size: 16px;
    }

    /* Share bar /// */

    /* Component share controls */

    .componentShareControls .save,
    .componentShareControls .shareTxt {
        line-height:1.2;
        font-size:1.6em;
    }

    .componentShareControls .shareLink {
        margin:0 3px;
    }

    /* Share footer component */

    .shareFooterComponent {
        clear:both;
    }

    .shareFooterComponent .controls .componentShareControls {
        width:400px!important;
    }

    .pageContent .shareFooterComponent iframe {
        height:20px!important;
        width:100px!important;
    }

    /* Article /// */

    .articleWrapper {
        width:auto;
        display:block;
        margin:0 1% 0 -4px;
    }

    .articleWrapper .pageControls {
        display:none;
    }

    .article br {
        display:block;
    }

    /* Ask expert with share /// */

    .askExpertwithShare .askExpert .image {
        margin-left:10px;
    }

    .askExpertwithShare .askExpert .image img {
        margin-bottom:0;
    }

    /* Nutrition info /// */

    .nutritionInfo {
        float: none;
        width: 100%;
        margin:0 0 15px;
    }

    .nutritionInfo th, .nutritionInfo td {
        font-size: 1.6em;
        float:left;
        padding: 4px 0px 4px 8px;
    }

    /* Comment stream /// */

    .commentsStream .submitComment .text {
        font-size:1.6em;
    }

    /* Twitter latest - api v1 /// */

    .twitter-latest {
        clear:both;
    }

    .twitter-latest h3 {
        font-size:1.6em!important;
    }

    .twitter-latest .twitter-user .username {
        font-size:1.6em!important;
    }

    .twitter-latest div.item {
        font-size:16px!important;
        line-height:1.6!important;
    }

    /* Twitter latest - api v 1.1 */

    .twitter-timeline[style] {
	    width: 100%!important;
	    min-width: 100%!important;
	    height:370px!important;
    }

    /* Facebook widget /// */

    .pageContent .facebook-widget iframe {
        width:100%!important;
        height:427px!important;
        overflow-y:scroll!important;
    }

    /* Addtional actions /// */

    .additionalActions {
        font-size:16px;
        margin-bottom:10px;
    }

    .treatmentSearch .itemText p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    /* Homepage sector /// */

    .homepageSector .beHealthyBannerInner {
        padding: 0 0 10px;
    }

    .homepageSector .beHealthyBanner h2 {
        margin-bottom:5px;
    }

    .homepageSector .beHealthyBanner h3 {
        float:none;
    }

    .homepageSector .beHealthyBanner .linkBtn {
        float:none;
        margin:10px 0 5px;
    }

    .homepageSector .PBItem {
        float:none;
        width:auto;
    }

    .homepageSector .PBItem .genericPromoSplit {
        width:48%;
        margin:0 1%;
        float:left;
    }

    .homepageSector .PBItem .genericPromoSplit img {
        width:100%;
    }

    /* Fact promo /// */

    .factPromo .componentContent {
        height:auto;
        padding:10px;
    }

    .factPromo .image {
        text-align:center!important;
    }

    .factPromo .image img {
        margin-bottom:0; 
        display:inline;
    }

    /* Treatment search /// */

    .treatmentSearch .field .text {
        font-size:1.6em
    }

    /* Stepped process /// */

    .steppedProcess .numberedList .itemNumber {
        padding-top:0;
    }

    /* Toggle content /// */

    .toggleHeading h2, 
    .toggleHeading h3, 
    .toggleHeading h4, 
    .toggleHeading h5,
    .noToggleHeading h2, 
    .noToggleHeading h3, 
    .noToggleHeading h4, 
    .noToggleHeading h5 {
        font-size:18px!important;
        font-weight:normal!important;
        margin-bottom: 0;
    }

    .noToggleHeading h2,
    .noToggleHeading h3,
    .noToggleHeading h4,
    .noToggleHeading h5 {
        padding-right:0;
    }

    /* Focus bar /// */

    .focusBar .componentTitle {
        line-height:1.3;
        font-size:2em;
        margin:0 0 10px;
    }

    /* Explore more /// */

    .exploreMore .componentTitle {
        font-size: 1.8em;
        margin-bottom: 10px;
    }

    .exploreMore .moreBtn {
        width: 48%;
        margin:0 1% 10px;
    }
    
    .exploreMore .moreBtn a {
        font-size: 1.4em;
        min-height: inherit;
    }

    /* You profile /// */

    .profileSummary .profileDetails,
    .profileSummary .profileOptions {
        width:100%;
        float:none;
        margin-bottom:10px;
    }

    .profileSummary .profileDetails li,
    .profileSummary .profileOptions li {
        font-size:16px;
        margin-left:20px;
        line-height:1.4;
    }

    .savedProfileItems .componentTitle {
        font-size:2em;
    }

    .savedProfileItems .savedProductGroup li .savedProductTitle {
        font-size:16px;
        line-height:1.4;
    }

    .btnAddProduct {
        font-size:16px;
    }

    /* Video list /// */

    .videoListContainer {
        margin-bottom:0;
    }

    .videoListContainer ol.videoList {
        vertical-align:top;
    }

    .videoListContainer .videoList li {
        width:46%!important;
        margin:0 2% 10px 2%!important;
        display:inline-block;
        float:none;
        vertical-align:top;
    }

    .videoListContainer .videoList .videoDetails {
        width:100%!important;
        height:100%!important;
    }

    .videoDetailsInner {
        display:block;
        padding:10px;
    }

    .videoDetailsInner span {
        display:block;
        text-align:center;
    }

    .memberStoryVideos .videoTitle em {
        padding-top:0;
    }

    /* Load more /// */

    .loadMore {
        width:80%;
        margin-bottom:20px;
    }

    /* Sort and filter (search results) /// */

    .sortAndFilter {
        background-color:#CAE1F4;
        background-image:none;
    }

    .searchSectionHeading {
        font-weight:normal;
        font-size:6em;
    }

    .sortAndFilter select {
        font-size:1.6em;
    }

    .searchResults .result {
        width:48%;
        margin:0 1% 10px;
    }

    .searchListed {
        margin-bottom:10px!important;
    }

    /* Filter results /// */

    .filterResults .componentTitle {
        font-size:1.8em;
    }

    .filterResultsInner {
        height:auto!important;
    }

    .filterResults td {
        font-size:1.6em;
    }

    /* Quote and buy form (container) /// */

    .pageContent .quoteAndBuy iframe {
        width:100%!important;
        height:1820px!important;
    }

     /* "Expert Profile Teaser" */
	.questionAnswer .expertProfileTeaser {
		display:none!important;
	}

    /* Forms --------------- */

    /* Generic form (generic) /// */

    .genericForm .formItem .formLabel label,
    .genericForm .formItem .formLabel h3,
    .genericForm .formItem .formLabel h4,
    .genericForm .formItem .formLabel h5 {
        font-size: 1.6em;
    }

    .genericForm .formItem .formControl select {
        font-size:1.6em;
    }

    .genericForm .formItem .formControl .text {
        font-size:1.6em;
    }

    .genericForm .formItem p {
        font-size: 1.6em;
        line-height: 1.5em;
    }

    .genericForm .formItem li {
        font-size: 1.6em;
        line-height: 1.5em;
    }

    .error .errorMessage {
        font-size: 1.4em;
        line-height:1.5;
    }

    /* Generic form (specific) /// */

    .password-info-error .instruction,
    .password-info .instruction {
        font-size: 14px;
        line-height:1.5;
        display:block;
    }

    /* Hospital search /// */

    .searchWidget .searchField {
        margin-top:5px;
    }

    .searchWidget .formSubmit {
        float:right;
    }

    .searchWidget input.text {
        font-size:1.6em;
        padding:4px 5px;
        width:140px;
    }

    /* Clearing content */

    .blockLinkGroup,
    .standaloneRichText,
    .additionalActions {
        clear:both;
    }

    /* Google plus one */

    .pageContent [id*="plusone"] [style] {
	    width: 32px!important;
	    height: 20px!important;
	    margin: 0 3px!important;
    }

    /* Chat promo /// */

    .whisbiSMB {
        display:none;
    }

    /* Quote and buy toggling */

    .quoteAndBuy-promo {
        display:block;
    }

    .quoteAndBuy {
        display:none;
        clear:both;
    }

    /* Specific class fixes /// */

    /* Hiding desktop spefic banners */

    img.corp-banner,
    img.ihc-reward,
    img.ihc-reward-2,
    img.design_selected_field {
        display:none;
    }

    .IN-widget {
        display:none!important;
    }

    /* Members main */

    .members-main {
        width:100%;
    }

    .members-main img {
        width:100%!important;
        max-width:none!important;
    }

    /* Health info main image */

    img.health-info-main {
        width:100%!important;
    }

    /* Personal healthcare components */

    .component.personal-large {
        width:100%!important;
    }

    .component.personal-small {
        width: 48%;
        float: left;
        margin: 0 1%;
    }

    .component.personal-small .image {
        width:100%;
    }

    .component.personal-small .image img {
        width:100%!important;
    }

    /* Homepage register rhs */

    .homepage-register-rhs .genericPromo.first .componentContentInner,
    .homepage-register-rhs .genericPromo.second .componentContentInner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 170px;
    }

    /* Base */

    .homepage-register-rhs .genericPromo {
        width:100%;
        clear:both;
    }

    /* First */

    .homepage-register-rhs .genericPromo.first {
        float:left;
        width:50%;
        clear:none;
    }

    .homepage-register-rhs .genericPromo.first .componentContentInner {
        border-right:1px solid #ACB6CD;
    }

    .homepage-register-rhs .genericPromo.second .componentContentInner {
        border-left:1px solid #FFF;
    }

    /* Second */

    .homepage-register-rhs .genericPromo.second {
        float:right;
        width:50%;
        clear:none;
    }

    /* Members homepage */

    .genericPromo.members-main {
        width:98%!important;
    }

    /* Column 2 */

    .pageContent .columns-2 {
        width:48%!important;
        margin:0 1%!important;
        float:left!important;
    }

    /* Corporate main */

    div.corp-main {
        width:100%!important;
        margin:0!important;
    }

    div.corp-main img {
        width:100%!important;
        max-width:none!important;
    }
    
     /* Add first extranet menu item */

    .subMenu .sectionLinkHome {
        display:block!important;
    }

    .extranet .subMenu .sectionLinkHome {
        display:none!important;
    }
    
  
.shareGroup
{
  
   margin-left:90px; 
   margin-top:30px;
   /*position:absolute; width:168px;
    padding-top:0px;
    vertical-align:baseline;
    white-space: nowrap;
    margin-top:0px;
    text-decoration:none;*/
}

.print {
    margin-top: 30px;
}

   /* Ask Expert bar Styling */

   .askExpert {
        width: 60% !important;
        margin-left: 10%;
    }
    
    .askExpert .copy-container  {
        width: 100% !important; 
        text-align: center !important;
    }
    
    .text-cta-component .cta-container {
       width: 80% !important;
       margin-left: 10%;
    }
    
    .text-cta-component h2 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
     .title-container {
        width: 100% !important;
    }
    
    /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }
   
    /* Responsive Health Tech And You */

    .HTAndY 
    {   float: left!important;
        position: relative;
        padding-right: 10px;
    }

    .HTAndY img {
        width: 358px;
    }
    
    .HTAndY p {
        line-height: 55px;
        font-size: 42px;
        left: 0%;
        right: 2%;
    }
    
    .HTAndY .fontM p {
    line-height: 35px;
    font-size: 33px;
    }
    
    .HTAndY .fontS p {
    line-height: 35px;
    font-size: 23px;
    }
    
    .HTAndY a {
        text-align: center;
        padding: 8px 32px 8px 32px;
        font-size: 4em;
        bottom: 15%;
    }
}

/* 
--------------------------------------------------- 
Screen <= 768px
---------------------------------------------------
*/

@media only screen and (max-width : 1024px)
{
    .bannerItemText {
        margin:0 52px !important;
    }
   /* .shareGroupEmail {
        top:-36px;
    }
*/
}

@media only screen and (max-width : 768px) 
{
    .health-and-wellbeing.health-and-wellbeing-article .text-cta-component{
    			Width:80% !important;
    }
    .secondaryNav li.active a {
    padding-right: 10%;
    }
    .utilityNav .languageSelect {
        display: none;
    }
    .groupNav .groupListing {
	      margin: 0 auto;
    }
    .utilityNav {
        top: -133px;
    }
    .utilityNav .list {
        display: none;
    }
    /* Responsive Nav Panel */
    .wrapper,
    .cookie-notification,
    .responsiveNav {
        -o-transition: left 0.5s ease;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        transition: left 0.5s ease;
    }
    
    .responsiveNav {
        box-shadow: inset 0 0 10px rgba(0,0,0,.4);
        position: absolute;
        height: 100%;
        width: 77.5%;
        left: -77.5%;
        top: 0;
        bottom: 0;
        background: #0b276d;
        z-index: 1000;
        display: block!important;
    }

    .wrapper,
    .cookie-notification {
        top: 0;
        left: 0;
        position: relative;
    }

    .menuActive body {
        position: relative;
    }

    .menuActive .responsiveNav {
        left: 0;
    }

    .menuActive #mainForm {
        overflow: hidden;
    }

    .menuActive .wrapper,
    .menuActive .cookie-notification {
        left: 77.5%;
        width: 100%;
    }

    .responsiveNav .container {
        padding:10px 12px;
    }

    .responsiveNav .navHeader {
        line-height: 1.2em;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase;
        margin: 20px 0 0;
        color: #3c528a;
        border-bottom: 2px solid #3c528a;
    }

    .responsiveNav .siteSearch {
        position: relative;
        width: 100%;
        float: none;
        top:0;
        left:0;
    }

    .responsiveNav .searchText {
        width: 100%;
        height: 24px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: -28px;
        border-right: none;
    }

    .responsiveNav .loginContainer {
        margin:0 0 10px;
    }

    .js .responsiveNav .profileLogin {
        position: static;
        width: auto;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 -12px;
        background:none;
    }
    
    .existingMember {
        text-align:left;
        padding-left:12px;
        background-image:none;
        padding:8px 12px;
        text-shadow:none;
        color:#9da9c5;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        -o-transition: color 0.25s;
        transition: color 0.25s;
        text-shadow:none;
        color:#9da9c5;
    }
    
    .existingMember:hover{
        color:#fff;
    }

    .responsiveNav .profileLoginHeader {
        text-align:left;
        padding-left:12px;
        background-image:none;
        padding:8px 12px;
    }

    .responsiveNav .profileLoginHeader p {
        text-shadow:none;
        color:#9da9c5;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        -o-transition: color 0.25s;
        transition: color 0.25s;
    }

    .responsiveNav .profileLoginHeader p:hover {
        color:#fff;
    }

    .js .responsiveNav .profileLogin .opened {
        background-image: none;
    }

    .responsiveNav .profileLoginContent {
        border:none;
    }

    .responsiveNav .profileLoginContentInner {
        padding:10px 12px;
        background-color:#3C528A;
        border:none;
    }

    .responsiveNav .profileLogin .formItem .formLabel label {
        text-shadow:none;
    }
    
    .responsiveNav .navList {
        margin: 0;
    }

    .responsiveNav .mainNav li {
        font-size:1.8em;
    }

    .responsiveNav .secondaryNav {
        margin:8px 0 30px;
    }

    .responsiveNav .secondaryNav li {
        font-size: 1.2em;
    }

    .responsiveNav .utilityLinks li {
        font-size:1.5em;
    }

    .responsiveNav .mainNav li a,
    .responsiveNav .utilityLinks li a {
        display:block!important;
        padding:8px 0;
        color:#9da9c5;
        border-bottom:1px solid #3c528a;
        text-decoration:none;
    }

    .responsiveNav .mainNav .active a,    
    .responsiveNav .mainNav li a:hover,
    .responsiveNav .mainNav li a:focus,
    .responsiveNav .utilityLinks li a:hover,
    .responsiveNav .utilityLinks li a:focus {
        color:#fff;
    }

    .responsiveNav .utilityLinks li:last-child a {
        border-bottom:none;
    }
    
    .responsiveNav .languageSelect {
      display: block;
      width: 100%;
	  font-size:1.5em;
	  color: #3c528a;
	  padding:4px 10px 4px 0;
	  margin:4px 0 20px;
	  background: #CAD0DF;
    }

    /* Nav Toggle Control /// */

    .navControl {
        display:block!important;
        position:absolute;
        top:5px;
        left:0;
    }

    .navControl a {
        display:block!important;
        padding:0 10px 0 33px;
        text-align:center;
        text-decoration:none;
        font-size:1.4em;
        position:relative;
        width:36px;
        height:26px;
        background:#0b276d;
        border-radius:0 4px 4px 0;
        color:#CED4E2;
        line-height:1.9;
    }

    .navControl a::after {
        content: "";
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:url(/Source/images/cssimages/template/navicon.png) 10px center no-repeat;
    }

    .navControl a:hover,.navControl a:focus {
        border:none;
    }

    /* Header --------------- */

    /* Brand /// */

    .js .header .brand {
        margin-top: 40px;
    }

    /* Primary navigation /// */

    .primary-nav {
        height:auto; 
    }

    .js .primary-nav {
        height:74px; 
    }

    .primary-nav .list {
        border-bottom:1px solid #E0E3EC;
        box-shadow: inset 10px 0px 10px #DDD;
        font-size:0; /* Set the font-size to 0 to remove random white-space generated by Ektron */
    }
    .primary-nav .list li
    {
        font-size:14px; /* reset font size */
    }

    .js .primary-nav .profileLogin {
        top:38px;
    }
    .js .header .siteSearch,
    .js .header .siteSearchIntl,
    .js .header .primary-nav {
        display:none;
    }

    .js .subNav {
        display:none;
    }

    /* Keyline */

    .homepageSector.productSector {
        border-top:3px solid #0B276D;
    }

    /* Footer --------------- */

    .footer .siteLinks {
        max-width:none;
        width:60%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .footer .socialLinks {
        max-width:none;
        width:40%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .footer .siteLinksContainer h4 {
        font-size:1.8em;
        margin:10px 0;
    }

    .footer .siteLinks .listItem a,
    .footer .socialLinks .listItem a {
        font-size:1.4em;
        background-position:0 7px;
    }

    /* Components --------------- */

    /* Carousel /// */

    .carousel .itemText {
        width:60%;
        padding-top:20px;
    }

    .carousel .itemText .mainTitle {
        font-size:3em;
    }

    .carousel .itemText .subTitle {
        font-size:2em;
    }

    /* Article /// */

    .articleWrapper {
        margin:0 2% 0 -4px
    }

    /* Contact decision tree /// */

    .contactDecisionTree .contactPanel .item {
        width:48%;
    }

    /* Ask expert with share /// */

    .askExpertwithShare .askExpert {
        width:100%;
        margin-bottom:10px;
        float:none;
    }

    .askExpertwithShare .askExpert .image {
        float:left;
        margin-bottom:10px;
        margin-left:0;
    }

    .askExpertwithShare .askExpert .image img {
        width:155px;
    }

    .askExpert .componentTxt {
        clear:both;
    }

    .askExpertwithShare .share {
        width:100%;
        float:none;
    }

    /* Table overflow /// */

    /*  Notes:
        These styles are used to style a container
        which is added in JavaScript to tables that 
        need a responsive oveflow container.
    */

    .table-overflow {
        overflow:auto;
    }

    /* Homepage register rhs */

    .homepage-register-rhs p {
        float:none;
    }

    .homepage-register-rhs .linkBtn {
        float:none;
    }

    /* Process blocks */

    .js .processBlocksGroup li {
        width:50%;
    }

    /* Homepage register rhs */

    .homepage-register-rhs .genericPromo.first .componentContentInner,
    .homepage-register-rhs .genericPromo.second .componentContentInner {
        min-height: 195px;
    }
    
    /* Ask Expert bar Styling */

   .askExpert {
        width: 60% !important;
        margin-left: 10%;
    }
    
    .askExpert .copy-container  {
        width: 100% !important; 
        text-align: center !important;
    }
    
    .text-cta-component .cta-container {
       width: 80% !important;
       margin-left: 10%;
    }
    
    .text-cta-component h2 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
     .title-container {
        width: 100% !important;
    }
    
   /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }

}

/* 
--------------------------------------------------- 
Screen <= 569px
---------------------------------------------------
*/

@media only screen and (max-width : 569px)
{
 /* Header --------------- */
  .utility {
      top: -128px!important;
  }
    .header {
        border-top-width:3px;
    }

    /* Brand /// */

    .header .brand {
        padding: 0 0 10px 0;
    }
    /* MicrositeTitle--------------- */
.micrositeTitle {
        float: right;
    clear: none;
    width: 50%;
    margin: 52px 0 0 0;
    height: auto;
    font-size: 7px;
}

    /* Profile login /// */

    .existingMember {
        font-size:18px;
    }   

    .profileLoginHeader p {
        font-size:18px;
    }

    .sectionNavBar .profileLogin {
        width:100%;
        clear:both;
        text-align:center;
        border-radius:0;
        border-left:none;
        border-right:none;
    }

    /* Group listing button /// */

    .headerContent .groupsListingButton {
        right:5px;
    }

    /* Grid setup --------------- */

    /* Generic /// */

    .pageContent .nestedGrid .spanCol2 {
        width:100%!important;
        margin:0 0 10px!important;
    }

    /* Custom /// */

    .factSector .nestedGrid .spanCol1,
    .factSector .nestedGrid .spanCol2 {
        width:100%!important;
    }

    /* Components --------------- */

    /* Site section header /// */

    .siteSectionHeading {
        padding-top:12px;
        font-size:4.4em;
        letter-spacing:-1px;
    }

    .siteSectionHeaderContent .hgroup {
        padding-bottom:12px;
    }

    .siteSectionSubHeading {
        font-size:1.6em;
        line-height:1.4;
    }

    /* Carousel /// */

    .carousel,
    .carousel .bannerItem,
    .carousel .itemContent {
        height:250px;
        min-height:250px;
    }

    .js .carousel .itemContent {
        background-size:auto 250px;
    }

    .carousel .itemText {
        width:75%;
        padding:15px 15px 0;
    }

    .carousel .itemText .mainTitle {
        font-size:2.4em;
    }

    .carousel .itemText .subTitle {
        font-size:1.8em;
    }

    .carousel .bannerNavigation .prevSlide,
    .carousel .bannerNavigation .nextSlide {
        display:none!important;
    }

    /* Generic promo split /// */

    .homepageSector .PBItem .genericPromoSplit {
        width:100%;
        margin:0 0 10px;
        float:none;
    }

    /* Share bar /// */

    /* Component share controls */

    .componentShareControls .socialShareLinks {
        width:40%;
    }

    .componentShareControls .socialShareLinks .shareTxt {
        display:none;
    }

    /* Share footer component */

    .shareFooterComponent p {
        float:none;
        margin-bottom:15px;
    }

    .shareFooterComponent .controls {
        float:none;
    }

    .shareFooterComponent .controls .componentShareControls {
        width:100%!important;
        padding:0;
    }

    .shareFooterComponent .componentShareControls .save {
        float:none;
        margin-bottom:10px;
    }

    .shareFooterComponent .componentShareControls .save {
        float:none;
        margin-bottom:10px;
    }

    .pageContent .shareFooterComponent iframe {
        width:100%!important;
        margin-bottom:10px!important;
    }

    /* Article /// */

    .sectionHeading {
        font-size:3.2em;
    }

    /* Comment stream /// */

    .submitComment .loginComment {
        width:100%;
        float:none;
        margin-bottom:10px;
    }

      .submitComment .loginCommentWidget {
        width:100%;
        float:none;
        margin-bottom:10px;
    }

    .submitComment .text {
        width:98%;
        padding:5px 1%;
    }

    /* Forms --------------- */

    /* Generic form (generic) /// */

    .genericForm {
        margin-left:-15px;
        margin-right:-15px;
        border-left:none;
        border-right:none;
    }

    .genericForm .genericFormInner {
        border-left:none;
        border-right:none;
    } 

    .genericForm .componentTitle {
        font-size: 2.8em;
        letter-spacing: -1px;
    }

    .genericForm .formPanel .formPanelTitle {
        font-size: 2.2em;
    }

    .genericForm .formItem {
        margin-bottom: 15px;
    }

    .genericForm .formItem .formControl select {
        width: auto;
    }

    .genericForm .formItem .formControl .text {
        height: auto;
        width: 300px;
        -webkit-appearance:none;
        border-radius:0;
    }

    .genericForm .formItem p {
        margin-bottom:10px;
    }

    /* Generic form (specific) /// */

    .editProfile .formItem .formControl .text,
    .editProfile .basicDetails .fullName,
    .editProfile .basicDetails .email .formControl input,
    .editProfile .updatePassword .formItem .formControl input {
        width: 300px;
    }

    .basicDetails .fullName .left,
    .basicDetails .fullName .right {
        float: none;    
    }

    .password-info-error .instruction,
    .password-info .instruction {
        display:block;
    }

    /* Personal healthcare components */

    .component.personal-small {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }

    /* Process blocks */

    .js .processBlocksGroup li {
        width:100%;
    }

    /* Homepage RHS */

    .homepage-register-rhs .genericPromo.first,
    .homepage-register-rhs .genericPromo.second {
        float:none;
        width:100%;
    }

    .homepage-register-rhs .genericPromo.first .componentContentInner,
    .homepage-register-rhs .genericPromo.second .componentContentInner {
        min-height:initial;
        border-right:none;
    }

    /* Column 2 */

    .pageContent .columns-2 {
        width:100%!important;
        margin:0!important;
        float:none!important;
    }
    
    /* Ask Expert bar Styling */

   .askExpert {
        width: 60% !important;
        margin-left: 10%;
    }
    
    .askExpert .copy-container  {
        width: 100% !important; 
        text-align: center !important;
    }
    
    .text-cta-component .cta-container {
       width: 80% !important;
       margin-left: 10%;
    }
    
    .text-cta-component h2 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
     .title-container {
        width: 100% !important;
    }
    
    /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }

/* Responsive Health Tech And you*/
    .HTAndY a {
        font-size: 3em;
    }
}

/* 
--------------------------------------------------- 
Screen <= 480px
---------------------------------------------------
*/

@media only screen and (max-width : 480px) {

    
    /* Common theme --------------- */

    /* Rich text panel content /// */

    .extranet-intro img[align=right],
    .extranet-intro img[align=left],
    .richTextPanel img[align=right],
    .richTextPanel img[align=left] {
        float: none;
        max-width: 100%;
        width: 100%!important;
        margin: 0 0 10px 0!important;
    }

    .standaloneRichText img[align=right],
    .standaloneRichText img[align=left] {
        width: auto!important;
    }

    /* Header ---------------  */

    /* Group navigation /// */

    .groupNav .group {
        width: 47%;
    }

    .groupsListingButton p {
        width:150px;
    }

    /* Utility navigation /// */

    .utilityNav {
        top: -99px;
    }

    .utilityNav .list .listItem {
        width: 100%;
    }

    .header .brand img {
        width:150px;
    }

    /* Primary navigation /// */

    .profileLogin .formItem .text {
        width:100%;
    }

    /* Page content setup --------------- */

    .pageContent {
        padding:12px 10px 0;
    }

    /* Extranet landing --------------- */

    .ExtranetLandingPage {
        padding-bottom:12px;
    }

    /* Microsite landing --------------- */

    .micrositeLanding .text {
        width:98%;
        padding-left:1%;
        padding-right:1%;
        -webkit-appearance:none;
        -webkit-border-radius: 0;
    }
    /* Footer --------------- */

    .footer .siteLinks,
    .footer .socialLinks {
        max-width:none;
        width:100%;
        border:none;
        padding:0;
    }

    .footer .socialLinks a {
        padding-left:0;
    }

    .footer .siteLinks .linkBlock {
        width:50%;
        margin:0;
    }

    /* Components --------------- */

    /* Treatment search /// */

    .treatmentSearch .searchField {
        float:none;
    }

    .treatmentSearch .field {
        width:100%;
        margin-bottom:10px;
    }

    .treatmentSearch .field .text {
        width:98%!important;
        padding-left:1%;
        padding-right:1%;
        border-radius:0;
        -webkit-appearance:none;
    }

    .treatmentSearch .formSubmit {
        float:right;
    }

    /* Stepped process /// */

    .steppedProcess .numberedList .itemNumber,
    .steppedProcess .numberedList .itemArrow {
        display:none;
    }

    .numberedList,
    .alternatingArrows li,
    .steppedProcess .numberedList li h5,
    .steppedProcess .numberedList li p {
        padding:0!important;
        list-style:none!important;
        margin-left:0!important;
    }

    /* Explore more /// */

    .exploreMore .moreBtn {
        width: 98%;
        margin:0 1% 10px;
    }

    /* Facebook widget /// */

    .pageContent .facebook-widget iframe {
        display:none;
    }

    .pageContent .facebook-widget-msg p {
        display:block;
    }

    /* Forms --------------- */

    /* Generic form (generic) /// */

    .genericForm {
        margin-left:-10px;
        margin-right:-10px;
    }

    .genericForm .componentTitle {
        font-size: 2.6em;
    }

    .genericForm .formItem .formControl select {
        width:100%;
    }

    .genericForm .formItem .formControl .text {
        width: 96%;
        padding-left:2%;
        padding-right:2%;
    }

    /* Generic form (specific) /// */

    .editProfile .formItem .formControl .text,
    .editProfile .basicDetails .fullName,
    .editProfile .basicDetails .email .formControl input,
    .editProfile .updatePassword .formItem .formControl input {
        width: 96%;
        padding-left:2%;
        padding-right:2%;
    }

    .editProfile .basicDetails .fullName {
        width:100%;
        padding:0;
    }
    
    /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }

}

/* 
--------------------------------------------------- 
Screen <= 479px
---------------------------------------------------
*/

@media only screen and (max-width : 479px) 
{
    
    /* Grid setup --------------- */

    /* Generic /// */

    .pageContent .nestedGrid .spanCol1 {
        width:100%!important;
        margin:0 0 10px!important;
    }

    /* Components --------------- */

    /* Generic promo /// */

    .genericPromo .image {
        float:none;
    }

    .genericPromo .image img {
        width:100%;
        max-width:initial;
    }

    /* Article /// */

    .articleWrapper {
        width:100%;
        margin:0;
    }

    /* Contact decision tree /// */

    .contactDecisionTree .contactPanel .item {
        width:98%;
    }

    /* Sort and filter (search results) ///  */

    .searchResults .result {
        width:98%;
    }

    /* Video list /// */

    .videoDetailsInner {
        padding:5px;
    }

    .videoDetailsInner span:nth-child(2n) {
        display:none;
    }

    /* Section navigation /// */

    .sectionNav .subMenu li {
        width: 100%;
        
    }
    
    /* Ask Expert bar Styling */

   .askExpert {
        width: 60% !important;
        margin-left: 10%;
    }
    
    .askExpert .copy-container  {
        width: 100% !important; 
        text-align: center !important;
    }
    
    .text-cta-component .cta-container {
       width: 80% !important;
       margin-left: 10%;
    }
    
    .text-cta-component h2 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
     .title-container {
        width: 100% !important;
    }
    
    /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }

}

/* 
--------------------------------------------------- 
Screen <= 319px
---------------------------------------------------
*/

@media only screen and (max-width : 319px) {

    /* Header --------------- */

    /* Group navigation /// */

    .groupsListingButton p {
        width:30px;
    }

    .groupsListingButton p a {
        text-indent:-9999em;
        padding:0.5em 0 0.75em 0.5em;
    }

    /* Brand /// */

    .header .brand {
        float:none;
    }
    .micrositeTitle {
        float: right;
    clear: none;
    width: 45%;
    margin: -55px 0 0 0;
    height: auto;
    font-size: 7px;
}
    /* Site search /// */

    .siteSearch {
        float:none;
        position:relative;
        top:auto;
        right:auto;
        margin-top:0;
        margin-bottom:20px;
    }

    .siteSearch .searchText {
        border:none;
        padding: 0 5px;
        height: 25px;
    }

    .siteSearch .button {
        position:absolute;
        right:0;
        top:0;
    }

    .siteSearch .searchText {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    /* Primary navigation /// */

    .primary-nav ul li {
        width:100%;
    }
    
    /* Footer --------------- */

    .footer .siteLinksContainer {
        background-size: 100% auto;
    }

    .footer .siteLinks,
    .footer .socialLinks {
        max-width:none;
        width:100%;
        border:none;
    }

    .footer .siteLinks .linkBlock {
        width:100%;
    }

    /* Components --------------- */

    /* Carousel /// */

    .carousel .itemText {
        width:85%;
    }

    .carousel .itemText .mainTitle {
        font-size:2em;
    }

    .carousel .itemText .subTitle {
        font-size:1.6em;
    }

    /* Video list /// */

    .videoListContainer .videoList li {
        width:100%!important;
        margin:0 0 10px 0!important;
    }
    
   /* Ask Expert bar Styling */

   .askExpert {
        width: 60% !important;
        margin-left: 10%;
    }
    
    .askExpert .copy-container  {
        width: 100% !important; 
        text-align: center !important;
    }
    
    .text-cta-component .cta-container {
       width: 80% !important;
       margin-left: 10%;
    }
    
    .text-cta-component h2 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
     .title-container {
        width: 100% !important;
    }

      /* Site section headers */

    .siteSectionHeaderFixed {
    background:none!important; 
    display: none!important;
    }

}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  
  .HTAndY 
  {
    width: 48%;
  }
 .HTAndYStory
 {
    padding-right: 6px;
    float: left!important;
    width: 49%;
    position: relative;
 }
 .HTAndYPromoInner {
    height: 400px !important;
 }
}