/* -----for ie 10+ fix ----  */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .about-us-container{word-wrap:break-word;}
  .news-teaser h4 a{color: #156db8;}
  /*.discover-content .button-left{padding-top: 10px;}*/
  i.icon.fa-angle-right{font-size: 15px}
  .next_form.tertiary.reverse.btn{padding:13px 10px 27px; }
  .header{ padding:0 10px;}
  .page-home .newsletter-main .col-sm-4{width:32.33%;}
  .discover-content .dropdown-layout span.dropdown-text{margin-right: 13px;}
  .pane-bean-panels.panel-pane{padding:0;}
  .discover-content .discover-layout{transform:translateY(4%);-webkit-transform:translateY(4%)}
  .page-home .newsletter-main .col-sm-4{width:27.333% !important;}
  .page-home .newsletter-main .col-sm-8{width: 64.66% !important; padding-right: 10px!important;margin-left: 30px!important;}
  .input-text.form-group.animation-class.form-item.webform-component.webform-component-textarea
  .webform-component--how-many-accu-chek-mobile-do-you-need-and-explain-why-you-need-more-than-the-regular-monthly-allocation.webform-conditional-hidden{display:none;}
  .global-search-results .input-search input{padding-bottom:11px;}
  /*#user-profile-form .col-xs-12.col-sm-6{height: 85px;}*/
  .page-user-edit .input-radio input[type='radio']:checked + label::before{text-align: left; line-height: 35px;}
  .header-search .header-search-input input[type='text']{color:#b9b8b8;}
  .page-home .carousel-indicators{line-height: 27px;}
  .form-item.webform-component.input-text input,.page-user .input-text input.form-text{
    height: 62px;
  }
  .page-user .product-registration .field-type-datetime fieldset > legend{
    line-height: 17px;
  }
  .page-node-support .product-support-detail .input-search :-ms-input-placeholder#edit-search{
    color: #b9b8b8
  }
  .page-home .carousel .hero-template-a{
    background-size: auto !important;
  }
  html.js input.form-autocomplete.throbbing{background-position: 91% 11px;}
  .i18n-es.page-searches .global-search-results form.input-search .form-type-textfield .form-text{height: 43px;}

  .secondary-nav-fixed .breadcrumb-product-nav .dropdown-toggle,.secondary-nav-fixed .breadcrumb-product-nav span{
    top: 8px;
  }
  .page-searches .global-search-results form.input-search .form-type-textfield .form-text {
    line-height: 27px !important;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  html.js input.form-autocomplete.throbbing {
    background-position: 91% 15px;
  }
/*Starts font-awesome icon rendering issue in IE11 perticular version by replcing with image*/
    .shariff .twitter .fa-twitter:before,
    .shariff .facebook .fa-facebook:before,
    .shariff .googleplus .fa-google-plus:before,
    .shariff .pinterest .fa-pinterest-p:before,
    .shariff .mail .fa-envelope:before,
    .shariff .whatsapp .fa-whatsapp:before,
    .view-article-like .flag-action .icon:before,
    .footer .mid-section .social-icons .social-properties .fa-youtube-square:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-facebook-square:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-twitter-square:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-odnoklassniki:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-vk:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-google-plus:before,
    .footer .mid-section .social-icons .social-properties .fa.fa-instagram:before{content:""}

    .shariff .orientation-vertical li a,
    .shariff .orientation-vertical li a:hover{background-color:transparent;}
    
    .shariff li.shariff-button:hover{opacity:0.8}

    .shariff li.shariff-button.twitter,
    .shariff li.shariff-button.facebook,
    .shariff li.shariff-button.googleplus,
    .shariff li.shariff-button.pinterest,
    .shariff li.shariff-button.mail,
    .shariff li.shariff-button.whatsapp,
    .footer .mid-section .social-icons .social-properties .fa,
    .view-article-like .flag-action .icon,
    .primary-nav-trigger .fa-search{
        background-image:url(/sites/all/themes/roche/images/fa-icon-sprite.jpg);
        height: 35px;
        width: 35px;
        padding-bottom: 0;
		margin-right:0;
    }
    .shariff li.shariff-button.twitter{
        background-position: -2px 0px;
    }
    .shariff li.shariff-button.facebook {
        background-position: -37px 0px;
    }
    .shariff li.shariff-button.googleplus {
        background-position: -72px 0px;
    }
    .shariff li.shariff-button.pinterest {
        top: 0;
        background-position: -107px 0px;
    }
    .shariff li.shariff-button.mail {
        background-position: -142px 0px;
    }
    .shariff li.shariff-button.whatsapp {
        background-position: -142px -39px;
    }
    .view-article-like .flag-action .icon {
        height: 26px;
        width: 32px;
        background-position: 0px -41px;
        position: relative;
        top: 3px;
    }
    .footer .mid-section .social-icons .social-properties{
        height: 22px;
        margin-bottom: 6px;
    }
    .footer .mid-section .social-icons .social-properties .fa {
        height: 23px;
        width: 20px;
    }
    .footer .mid-section .social-icons .social-properties .fa-youtube-square{
        background-position: -7px -73px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-facebook-square {
        background-position: -7px -100px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-twitter-square {
        background-position: -7px -127px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-vk {
        background-position: -39px -70px;
        width: 27px;
        height:20px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-odnoklassniki {
        background-position: -39px -100px;
        width: 15px;
        height:25px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-google-plus {
        background-position: -38px -129px;
        width: 31px;
        height:21px;
    }
    .footer .mid-section .social-icons .social-properties .fa.fa-instagram {
        background-position: -70px -43px;
        width: 21px;
        height:21px;
    }
    .primary-nav-trigger .fa-search:before{visibility: hidden;}
    .primary-nav-trigger .fa-search{
        height: 24px;
        width: 16px;
        background-position: -38px -36px;
    }
/*Ends font-awesome icon rendering issue in IE11 perticular version by replcing with image*/

/*Fixing font-awesome issue of right arrow icon Starts */
.icon.fa-angle-right:before {
    content: "\276F";
    font-size: 15px;
}
.awecontent-layout .footer .keep-in-touch .btn i.fa-angle-right:before, .keep-in-touch .btn.tertiary .fa-angle-right:before{ 
  font-size: 11px;
}

/*Fixing font-awesome issue of right arrow icon Ends*/
/*Starts hamburger menu issue for product detail page fixed header in IE*/
    .page-wrapper.in .secondary-nav-fixed.fixed {
        left: 400px;
    }
/*Ends hamburger menu issue for product detail page fixed header in IE*/  
}
@-moz-document url-prefix() {
  .node-type-product #productDetails.full-screen-modal .full-screen-modal-head .close-full-screen-modal, 
  #productOverlay.full-screen-modal .full-screen-modal-head .close-full-screen-modal{top:140px;}
}
/* -----for chrome fix ----  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* STYLES GO HERE */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  /* STYLES GO HERE */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
  /* STYLES GO HERE */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
  /* STYLES GO HERE */
}
@media (min-width: 768px){
  .header-search .header-search-input {right: 20px;}
  .header-search .close-search {
    right:0;
    font: normal normal normal 14px/1 FontAwesome;
    top:40px;
  }
  .header-search .iconSearch{
    border: none;
    background: transparent;
    top: 40px;
    right: 70px;
  }
  .carousel-indicators {
    bottom: 6px;
    margin-bottom: 0;
  }
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-checkbox{padding-bottom: 9px;}
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-checkbox label{
    padding:12px 14px 23px !important;
    height: 30px !important;
    overflow: hidden;
  }
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-radio{padding-bottom: 9px;}
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-radio label{
    padding:12px 14px 23px !important;
    height: 30px !important;
    overflow: hidden;
  }

  .page-life-with-diabetes .filter .filter-option-group .filter-option .input-radio{height: 43px;}
  .page-life-with-diabetes .filter .filter-option-group .filter-option .input-radio label{padding: 5px 14px 38px !important;}
  .product-registration .selectboxit-container,.product-registration .selectboxit-container .selectboxit{height: 62px;}
  .page-user-edit .product-registration .selectboxit-container{height: 61px;}/*Edit user page dob breaking down so override above code*/
  .node-custom-blocks .hero-template-a .banner-content{width:100%;}
  .secondary-nav-fixed.fixed{
    left:10px;
    top: 65px;
  }
  .input-text label {top: 34px;}
  .header .collapse{height:42px;}
  .header-search-input input[type="text"]{
    height: 44px;
    padding: 0 20px;
    font-size: 24px;
  }
  .header-search .iconSearch,.header-search .close-search{top: 14px !important;}
  .header .logo{padding:18px 10px 12px;}
  .selectboxit-container span.form-required{line-height: 29px;}
  .page-node-add-product-registration .product-registration .form-group,.page-node-add-product-registration .product-registration fieldset{margin-bottom: 0;}
  .page-node-add-product-registration .product-registration .node-product_registration-form .field-name-field-profile-province{padding-bottom: 0;}
  .page-node-add-product-registration .product-registration .container-inline-date{position: relative; top:-11px;}
  .page-node-add-product-registration .product-registration .container-inline-date .form-type-date-select label{ margin-bottom: 0;}
  .page-node-add-product-registration .product-registration .container-inline-date .form-type-date-select .day-style,
  .page-node-add-product-registration .product-registration .container-inline-date .form-type-date-select .year-style{margin-left: 0}
  .page-node-add-product-registration .product-registration .container-inline-date .form-type-date-select .year-style{margin-right: 0}
  .page-node-add-product-registration .product-registration .container-inline-date .form-type-date-select .form-item.form-type-select{width:32%}
  .benefits-hero .banner-content{width: 51%;}
  .error-code-gallery .centered-hero{min-height: 0; height: auto}
  .error-code-gallery .centered-hero .banner-content{top: 50%;}
  .hero-template-a .banner-content .btn.primary{padding: 11px 15px 13px;}
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary{padding: 13px 15px 13px;}
  /*****=============Starts home page carousel h1 line-height and font issue=======*****/
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field span{font-size:inherit}
  /*****=============Ends home page carousel h1 line-height and font issue=======*****/

  .benefits-hero{
    height: 480px;
    max-height: 480px;
  }
  /*.benefits-hero p{line-height: 36px;}*/
  .page-home .carousel .hero-template-a{
    height: 380px;
  }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content{
    width:100%;
    text-align: left;
  }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-image + .banner-content{
    /*position: absolute;*/
    bottom: 140px;
    /*width: 410px;*/
    width: 63%;
    text-align: left;
  }
  .benefits-hero .borderBottom{width: 100%;}
  .page-home .carousel .hero-template-a .banner-image{margin-top: 30px;}
  .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{
    margin-top: -0.6em;
  }
  .vjs-default-skin .vjs-big-play-button:before{line-height: 2.4em; font-size: 39px;}
  .vjs-default-skin .vjs-big-play-button{
    height: 2em;
    width: 2em;
  }
  .page-node-videos .vjs-default-skin .vjs-big-play-button{
    height: 3em;
  }
  .page-node-videos .vjs-default-skin .vjs-big-play-button:before{line-height: 2.3em;}
  .coupon-outer{padding: 10px;}
  .page-node-thankyou .coupon-outer .container.about-us-container{width: 100%;}
  /* satrts 2/24 mobile microsite changes*/
  ul.selectboxit-options li{font-size: 1.5em}
  /* satrts 2/24 mobile microsite changes*/
  .product-overflow-slider .AccessoriesLink{margin-top: 10px;}
  .country-select .list{display: block;}
  /*
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p strong,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h1{line-height: 30px;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p span,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h4{line-height: 20px;}
  */
  /*.node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h1{font-size: 2em;}*/
  .video-overflow-slider .videos .scroll .item:first-child{padding-left: 10px;}


  /*provided css for close button in product page*/
  .node-type-product #productDetails.full-screen-modal .full-screen-modal-head .close-full-screen-modal,
  #productOverlay.full-screen-modal .full-screen-modal-head .close-full-screen-modal{
    right: calc((100% - 740px) / 2);  /* (width of browser - width of .container) , divided by the left and right sides of the .container class. This keeps the button aligned to the right edge of the container div. */
  }
  /*Ends*/

  .view-diabetes-landing .filter .filter-option-group .filter-option .input-checkbox label{padding: 5px 30px 38px 14px !important; cursor: pointer}
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-checkbox{padding-bottom: 0}
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-radio label{cursor: pointer}
  .view-diabetes-landing .filter .filter-option-group .filter-option .input-radio{padding-bottom: 0}
  ul.breadcrumbs li .breadcrumb-product-nav .dropdown{top:0;}
  .filter .filter-option-group .filter-option input[type="checkbox"] + label::after{
    padding-right: 5px;
  }
  .page-home .carousel .hero-template-a .banner-image + .banner-content {padding-left: 20px;}


  /*Starts support page support search and feedback block vertical middle align*/

  .page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right,
  .page-node-support .product-support-detail .find-more .bottom-padding,
  .page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right div[class^="panels-ipe"], 
  .page-node-support .product-support-detail .find-more .bottom-padding div[class^="panels-ipe"]{
    min-height: 160px;
    height: 160px;
    padding: 0
  }
  .page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right .panel-pane,
  .page-node-support .product-support-detail .find-more .bottom-padding .panel-pane{
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right .panel-pane{margin-top:-4px}
  .page-node-support .product-support-detail .find-more .bottom-padding .panel-pane{margin-top:-2px }
  .page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right .pane-block h5.pane-title{margin-top: 0}
  .page-node-support .product-support-detail .find-more .bottom-padding h3{padding-bottom: 0;}
  .page-node-support .support-product-detail .find-more .border-right .input-search{padding-bottom: 0}
  .page-node-support .support-product-detail .product-support-detail .find-more p{padding-bottom: 0;}
  .page-node-support .support-product-detail #views-exposed-form-support-search-support-search{top:4px;}
  /*Ends support page support search and feedback block vertical middle align*/
  /*Home Page News Section*/
  .news-teaser .col-xs-12.col-sm-6 p {font-size: 1em;}
  /*Ends Here*/
  
  /*starts static logo Implementation 0811*/
    .static-logo-block .accu-chek-logo {
        height: 46px;
        margin-bottom: -8px;
    }

    .static-logo-block .accu-chek-logo #static-logo {
         max-height: 44px;
         width: auto;
    }
  /*ends static logo Implementation 0811*/
  
}
@media (max-width: 768px){
  .page-home .carousel-indicators{
    width: auto;
    padding: 0px 3px;
    height: 20px;
  }
  .page-home .carousel-indicators li{
    position: relative;
    top: -4px;
    margin: 0px 4px;
    height: 9px;
    width: 9px;
  }
  .page-home .carousel-indicators .active{
    margin: 0px 3px;
  }
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-center,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .btn{
    bottom: 25px;
  }

  /*.page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary{
      padding:6px 7px;
      font-size:12px;
  }
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary .icon,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary .icon{
      font-size:14px;
  }*/
  .pane-hero-slideshow .description-field p{line-height: 150%;}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item .video-player,
  .page-node-support .view-product-support-videos .video-player iframe{height:auto;}
  .page-page-not-found .text-error .search-link .search-text{display: block;}

  /*starts product details page manual product image gallery issue fixes 01/04/2017*/
  .product-features .spec-img .views-slideshow-controls-bottom {
    text-align: center;
  }
  /*ends product details page manual product image gallery issue fixes 01/04/2017*/
  /*Starts news block modification*/
  .news-teaser .news-body-area {
        height: 67px;
    }
  /*Ends news block modification*/
  
  /*popup announcement starts*/
  #popup-announcement{
    max-height: 95%;
  }
  #popup-announcement-wrap img{
    width: 100%;
  }
  #popup-announcement-wrap{
    width:90% !important;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 20px;
    max-height: 90%;
  }
  #popup-announcement-close{right: 5px;bottom: 5px;}
  /*popup announcement ends*/
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
  /* STYLES GO HERE */
  .container {  width: 740px; }
  .space-top .col-sm-4{ width:50%;}
  .row .space-top div:last{width:100%;}
  .ctm-block .panel-separator{height:0;}
  .col-xs-12.col-sm-4.ctm-block { width: 100%;  margin-top: 20px;}
  .ctm-block  .panel-pane.pane-block.pane-nodeblock-286.pane-nodeblock { float: left; width: 50%;}
  .panel-pane.pane-block.pane-twitter-block-1.pane-twitter-block{width:100%;}
  .page-product-category .carousel-indicators{ bottom:0;}
  .news-teaser p{min-height: 100px;}
  /*.hero-template-a .banner-content{text-align:left; width:40%;}*/
  .hero-template-a h1.light, .h1.light{font-size: 3em; text-align:left;}
  .discover-content .dropdown-layout span.dropdown-text{ margin-right:0; padding-top:14px;}
  .page-home .newsletter-main .col-sm-8 { padding-left: 44px;width: 62.667%;}
  .hero-template-a{min-height:290px; height: auto;}
  .page-home .carousel-inner .hero-template-a,.page-home .node-custom-blocks .hero-template-a{min-height: 0;}/*in home page the custom block and carousel in streching for above line code so override*/
  .hero-template-a .description-field {  min-height: 149px;}
  .node-type-article .panel-pane.pane-views.pane-article-hero-area .detail-page-hero{
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    background-position: center center;
  }
  .node-type-article .container.about-us-container .container{
    padding: 0;
  }
  .node-type-article .container.about-us-container .container .about-us-container .padding-body-fix{
    padding-left:5px;
  }
  .page-home .content-new .space-top .col-sm-4,.page-home .content-new .space-top .col-sm-4.ctm-block{
    width: 33.33333333%;
  }
  .page-home .content-new .space-top .col-sm-4.ctm-block{
    margin-top:0;
  }
  .page-home .space-top .col-sm-6 .hero-template-b,.page-home .space-top .col-sm-6 .discover-content{
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
  }
  /*template html*/
  .page-home .space-top .col-sm-6 .hero-template-a.background-option{
    height: 350px;
  }
  .page-home .space-top .col-sm-6 .hero-template-b .banner-content{
    bottom: 20px;
  }
  .header .primary-nav-trigger{
    padding-top: 14px;
  }
  .header .logo{padding: 16px 10px 9px;}
  .header .account-nav a.account-link{margin-top: 18px;}
  #block-locale-language-content ul.language-switcher-locale-url li{padding-bottom: 8px;}
  .header .account-nav{padding-top: 0;}
  /*.benefits-wrapper .banner-content.con-left{margin: 0 0 66px 15px;}*/
  .view-product-detail-hero-slideshow .hero-template-a .banner-content{
    width: 410px;
    padding-bottom: 20px;
  }
  .page-user-dashboard .right-authenticated{padding-right:0}
  .content-new {padding-top: 106px;}
  .view-id-product_videos .products-video-player .video-player {margin-right: 20px;}
  /*.header .account-nav .roche-logo{line-height: 78px;}*/
  /*Starts fixes for product landing page prod desc coming out of the grid in ipad*/
  .view-product-landing-page .list-view .list-item .padding-top1 .content-til{max-height: 150px; overflow-x: hidden;}
  .view-product-landing-page .list-view .list-item .view-content .col-sm-2.padding-top1{overflow: hidden;}
  /*Ends fixes for product landing page prod desc coming out of the grid  in ipad*/
  .page-user-dashboard div .right-authenticated {padding-left: 0px;}
  .page-user-dashboard .right-authenticated .btn.light-gray.secondary {
    padding-left:2px;
    padding-right:0px ;
  }
  .page-user-dashboard .right-authenticated .icon.fa-angle-right.fa {
    padding-left:0px;
    margin-left:0px;
  }
  /*.page-view-profile .col-md-4.col-md-push-8{margin-left: 50px;}*/
  .page-user-dashboard .right-authenticated .btn.secondary .icon{margin-left: 0;}
  form.node-product_registration-form .product-registration .form-type-select label,
  .page-user-register .form-type-select label,
  .page-user-edit .form-type-select label{display: none;}
  .page-user-edit .product-registration .selectboxit-container .selectboxit{width:100%;}
  /*.webform-one-column-layout .col-xs-12.col-sm-12 .content-dropdown .selectboxit-text{width:94%; left:0;}*/
  .webform-one-column-layout .col-xs-12.col-sm-12 .content-dropdown .selectboxit-text{
    width:92%; 
    left:0;
    /* Starts 2/25 for select option line break changes*/
    max-width: 92% !important;
    /* Ends 2/25 for select option line break changes*/
  }
  /* satrts 2/24 mobile microsite changes*/
  .page-node-4526 .webform-one-column-layout .col-xs-12.col-sm-12 .content-dropdown .selectboxit-text,
  .page-node-4066 .webform-one-column-layout .col-xs-12.col-sm-12 .content-dropdown .selectboxit-text{max-width:92% !important;}
  /* satrts 2/24 mobile microsite changes*/
  .webform-one-column-layout .webform-component-date .selectboxit-container{width: 30%;}
  .webform-two-column-layout .formError + input.email { height: 61px;}
  /*.webform-two-column-layout .col-sm-6 .content-dropdown .selectboxit-text {padding-top: 0;}*/
  .form-radios.input-radio .webform-component {width: 50%; float:left;}
  .weblayout .form-item.form-type-radio{width: 50%; float:left;} 
  .page-node-add-product-registration .centered-hero{min-height: 0;}
  .node-type-webform .hero-template-a.webform-top-img{min-height: 0;}
  /*.benefits-hero .benefits-wrapper .banner-content *{
      line-height: 20px;
      font-size: 14px;
      margin-bottom: 0;
      padding-bottom: 0;
  }*/
  /*.benefits-hero .benefits-wrapper .banner-content{margin: 10px 0 66px 60px;}*/
  .benefits-hero .benefits-wrapper .banner-content h2{
    width: 100%;
    /*margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;*/
  }
  .benefits-hero .banner-button-benefits .btn.primary.reverse{
    /*margin-top: 10px;*/ padding: 14px 15px; font-size: 17px;
  }
  .benefits-hero .benefits-wrapper .banner-content .icon.fa-angle-right{ font-size: 17px;}
  .page-home .newsletter-main .btn.reverse.tertiary.next_form{padding: 8px 5px;}
  .webform-client-form-292 .form-item.webform-component.webform-component-.webform-component--choose-your-colour-{width:50%;}
  .form-item.webform-component.webform-component-.webform-component--choose-your-colour- .input-radio label{width: 90%;}
  .secondary-nav-fixed.fixed{top:62px;}
  .header .account-nav .roche-logo{top:0;}
  .weblayout .content-dropdown .selectboxit-text {
    right: 0%;
    width:100%;
    max-width: 100% !important;
  }
  div.breadcrumb-product-nav{width: 100% !important}
  .secondary-nav-fixed.col-wrapper .container{ width:100%;}
  /*.secondary-nav-fixed.col-wrapper .container div.col-xs-12.col-sm-4.col-md-5 ul.breadcrumbs li .breadcrumb-product-nav .dropdown{top:5px;}*/
  .breadcrumb-product-nav .product-name.wide::after{text-shadow:none;}
  .secondary-nav-fixed.col-wrapper .container div.col-xs-12.col-sm-8.col-md-7,
  .secondary-nav-fixed.col-wrapper .container div.col-xs-12.col-sm-4.col-md-5{width: 50%;}
  .page-page-not-found .error-template .div2{top:5px;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field *{font-size: 1em!important; }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field p{margin:10px 0;}*/
  /*.page-support .centered-hero .banner-content{top:15%;}*/
  /*.benefits-hero .benefits-wrapper .banner-content.con-left{margin: 0 0 66px 60px;}*/
  .benefits-hero .benefits-wrapper .banner-content{margin: 88px 0 10px 12px;}
  .benefits-wrapper .banner-content.con-center{margin: 0 auto;}
  .benefits-hero .benefits-wrapper .banner-content h2{
    font-size: 38px; 
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #divtoprint .container.about-us-container{
    width: 100%;
  }   
  .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{display: none;}
  .header .account-nav .roche-logo{line-height: 72px;}

  .header .account-nav .roche-logo{padding: 0;}
  .account-nav .roche-logo .icon-roche{font-size: 43px;}
  .header_top_right{margin-right: 49px;}
  /*custom block responsive 04/12*/

  /*.page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p strong,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h1{font-size: 19px!important; line-height: 21px;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p span,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h4{font-size: 14px!important; line-height: 15px;}*/
  .page-home .col-sm-6 .node-custom-blocks .hero-template-a .content-wrapper .banner-image + .banner-content,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image + .banner-content{width:60%;}
  .page-home .col-sm-6 .node-custom-blocks .hero-template-a .content-wrapper .banner-image, 
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image{width: 40%;}

  .page-home .node-custom-blocks .hero-template-a .content-wrapper div[class*="left-"]{
    padding-left: 10px;
  }
  .page-home .node-custom-blocks .hero-template-a .content-wrapper div[class*="right-"]{
    padding-right: 10px;
  }
  .page-home .node-custom-blocks .hero-template-a .content-wrapper div[class*="center-"]{
    padding:0 10px;
  }
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .btn.primary{font-size: 14px;padding: 10px;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .btn.primary .fa.icon{font-size: 15px;}
  /*custom block responsive04/12*/
  .page-home .newsletter-main .col-sm-4{width:35% !important;}
  /*
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p, 
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content > *{line-height: 12px; }
  */
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .btn.primary{font-size: 0.73em;padding: 11px 10px;}
  .page-home .discover-content .btn.reverse.primary.form-submit{font-size:0.89em;padding: 11px 42px 10px 28px;}
  .i18n-fr.page-home .node-custom-blocks .hero-template-a .content-wrapper .custom-button .btn.primary{font-size: 0.73em; padding: 11px 10px;}
  .news-teaser .col-xs-12.col-sm-6 p{font-size: 1em; min-height: 0; margin-bottom: 8px;}
  .news-teaser .col-xs-12.col-sm-6 .em-large{font-size: 1em;}
  .news-teaser .col-xs-12.col-sm-6 .btn.primary{padding-bottom: 10px; padding-top: 8px;}
  /*Workshop changes starts*/
  .node-type-product .benefits-hero .benefits-wrapper .banner-content h2 {
    margin-bottom: 20px;
    margin-top: 45px;
  }
  .node-type-product .hero-template-a .banner-image img {
    max-width: none;
    max-height: none;
    height:auto;
    width: auto;
  }
  /*Workshop changes ends*/
  /*article image*/
  .diabetes-care-landing .article-card img{max-width: 100%;}
  .diabetes-care-landing .article-card {height:auto;}
  /**/
  /*Starts Social share*/
  .prod-share-header{width: 155px;}
  .shariff .orientation-vertical li:nth-child(4n){margin-right: 0}
  /*Ends Social share*/
  /*Strats Product registration DOB breaking issue in ipad*/
  .node-type-webform .webform-component-date .selectboxit-container{width: 32.9%}
  /*Ends Product registration DOB breaking issue in ipad*/

  /*starts secondary nav is not displaying in iPad on page scroll SUPPORT-119*/
  .node-type-product .page-wrapper{
    -webkit-transform: none; 
    transform: none;
  }
  .node-type-product .page-wrapper.in {
    -webkit-transform: translateX(390px);
    -webkit-transform: translate3d(390px, 0, 0);
    transform: translateX(390px);
    transform: translate3d(390px, 0, 0);
  }
  /*ends secondary nav is not displaying in iPad on page scroll SUPPORT-119*/
  
   /*starts static logo Implementation 0811*/
    .col-xs-6.col-sm-3.col-md-4.logo.static-logo-block {
        padding: 8px 10px 5px;
    }
    /*ends static logo Implementation 0811*/
    /*youtube video trimming issue in product details page overlay for ipad starts*/
    .node-type-product .full-screen-modal-body iframe[src*="youtube"]{max-width: 100%;}
    /*youtube video trimming issue in product details page overlay for ipad ends*/
	
	/*remove select country heading starts*/
	 .header.smaller + .content-new .view-roche-country-listing .full-screen-modal-head{
        padding-top: 35px;
    }
	/*remove select country heading ends*/
}
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
  /* STYLES GO HERE */
  /*.page-node-videos .pane-product-videos .view-product-videos iframe*/

  /*.benefits-hero .banner-button-benefits .btn.primary.reverse{
      padding: 11px 15px;
      font-size: 17px;
  }
  .benefits-hero .benefits-wrapper .banner-content *{
      font-size:16px;
      line-height: 22px;
  }*/
  .hero-template-a {
    min-height: 354px;
    height: auto;
  }
  .hero-template-a .banner-image img{    
    max-width: 220px;
    height: auto;
  }
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-center,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn{
    bottom: 35px;
  }
  .page-diabetescare .filter #filterCollapseGroup #loadMoreCategories{margin-top: 6px;}
  .page-diabetescarelanding .filter #filterCollapseGroup #loadMoreCategories{margin-top: 6px;}
  .page-page-not-found .error-template .div2{top:15px;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field *{font-size: 1.04em!important; }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1{font-size: 1.2em!important;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field p{margin:20px 0;}*/
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{font-size: 36px !important;}*/
  html.js #header-search .input-search input.form-autocomplete.throbbing{background-position: 96% 55%;}
  html.js input.form-autocomplete.throbbing{background-position: 92% center;}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
  /* STYLES GO HERE */
  .page-home .space-top .col-sm-6 .discover-content form {
    top: 3%;
    transform: translateY(-0%);
    -webkit-transform:translateY(4%)
  }
  .news-teaser .col-xs-12.col-sm-6 > p {
    max-height: 100px;
    overflow: hidden;
  }
  /*.page-home .carousel .animate-slide .hero-slide-bg {
      background-size: cover;
      background-position: center 0;
  } */
  .page-node-videos .pane-product-videos .view-product-videos iframe{width:100%;}
  .hero-template-a {
    min-height: 264px;
    height: auto;
  }
  .hero-template-a .banner-image img{    
    max-width: 220px;
    height: auto;
  }
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary .icon,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary .icon{
    font-size:14px;
    margin-left:0;
  }
  .node-type-webform .dis-coupan .col-md-6{clear: both;}
  .benefits-hero .banner-content{width:53%;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field *{font-size: 1.01em!important; }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field p{margin:10px 0;}*/
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field ul li{padding-bottom: 0}*/
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1{margin:0 0 10px;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{font-size: 30px !important;}*/
  html.js #header-search .input-search input.form-autocomplete.throbbing{background-position: 96% 54%;}
  .page-page-not-found .discover-content form{transform: translateY(-50%);-webkit-transform: translateY(-50%);}
  .account-nav .account-link:nth-of-type(2){
    padding-right: 5px;
  }
  .header_top_right{margin-right: 37px;}
  .account-nav .roche-logo .icon-roche{
    font-size: 41px;
  }
  .header .account-nav .roche-logo{line-height: 65px;}
  .region.region-header-nav-right{margin-right: -5px;}
  /*new search implementation*/
  .page-wrapper.search-overlay-wrapper .header-search{width:100%; left:0;}
  /*end*/
  html.js input.form-autocomplete.throbbing{background-position: 90% center;}

  /*Support page video carousel 8-11*/
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item{padding:0 5px; width: 239px}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item:first-child{padding-left: 0;}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item .video-player{width: 100%;}
  .view-product-support-videos .video-player iframe{width: 100%;}
  /*end*/

  /*Starts header menu issue if 4th and 5th menu item*/
 /* li:nth-child(5n) ul.header-nav.header-menu-expanded ul.header-nav.header-menu-expanded,
  li:nth-child(4n) ul.header-nav.header-menu-expanded ul.header-nav.header-menu-expanded{
    right: 15em;
    left: auto;
  }
  .header-menu > li > ul > li:nth-child(5n):hover > ul,
  .header-menu > li > ul > li:nth-child(4n):hover > ul,
  .header-menu nav > ul.header-menu-expanded > li:nth-child(5n) > ul,
  .header-menu nav > ul.header-menu-expanded > li:nth-child(4n) > ul{right: 0;}
  .header-menu nav > ul.header-menu-expanded > li:nth-child(5n) ul li a,
  .header-menu nav > ul.header-menu-expanded > li:nth-child(4n) ul li a, 
  .header-menu nav > ul.header-menu-expanded > li:nth-child(5n) ul li .nolink, 
  .header-menu nav > ul.header-menu-expanded > li:nth-child(4n) ul li .nolink{text-align: right;}*/
  /*Ends header menu issue if 4th and 5th menu item*/

  .product-support-detail .video-overflow-slider .videos .scroll .slider-row .item {padding: 10px;}
  .product-support-detail .video-overflow-slider .videos .scroll .slider-row .item:first-child {padding-left: 20px;}
  /*wcms-2384 message issue in only ipad potrait view starts*/
  #messages {
    width: 100%;
    margin: auto;
  }
  /*message issue in only ipad potrait view ends*/
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
  /* STYLES GO HERE */
  navbar-header {display: none;}
  /*.page-home .carousel .animate-slide .hero-slide-bg {
      background-size: initial !important;
      background-position: center center;
      background-repeat:no-repeat;
  } */
  .page-home .discover-content{padding: 84px 0 !important;}
  .page-home .carousel .hero-template-a.hero-slide-bg{
    padding-top: 0;
    height: 380px;
  }
  .page-user-edit .product-registration .selectboxit-container{height: 60px;}
  .page-user-edit .product-registration .form-item{margin-bottom: 15px;}

}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
  .ajax-progress .throbber{
    float: none;
    width: 128px;
    height: 128px;
    background: url("images/ajax-loader.gif") no-repeat center center;
    position: relative;
    top: 30%;
    left: 50%;
  }
  .ajax-progress-throbber {
    width: 150%;
    height: 150%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: -50%;
    left: -50%;
    z-index: 999999999;
    vertical-align: middle;
    text-align: center;
  }
  ul.breadcrumbs li .breadcrumb-product-nav .dropdown{top:5px;}
  .header .account-nav .roche-logo{line-height: 67px;}
  .secondary-nav-fixed .breadcrumb-product-nav .dropdown-toggle,.secondary-nav-fixed .breadcrumb-product-nav span{top:-4px;}
  .page-wrapper{transform: none;-webkit-transform: none;}
  .centered-hero,.detail-page-hero{max-width: none;}
}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
  /* STYLES GO HERE */
}
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
  /* STYLES GO HERE */
  .benefits-hero .banner-content p,.benefits-hero .banner-content ul,.benefits-hero .banner-content ol{display: block;}
}
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
  /* STYLES GO HERE */
}

@media (min-width: 992px) {
  .container {
    width: 960px
  }
  .header.smaller .header_top_right #block-locale-language-content{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s

  } 
  .node-type-article .panel-pane.pane-views.pane-article-hero-area .detail-page-hero{
    height: auto;
  }
  .header .logo{padding:14px 10px 9px;}
  .view-id-product_videos .products-video-player .video-player {margin-right: 80px;}
  .content-new {padding-top:121px;}
  .page-home .discover-content{padding: 30px 0;}
  /*.page-view-profile .col-md-4.col-md-push-8{margin-left: -45px;}*/
  .header.smaller .account-nav{padding-top: 0;}
  .header.smaller .logo{padding: 18px 10px 9px;}
  .header.smaller .primary-nav-trigger{padding-top: 16px;}
  .account-nav .roche-logo .icon-roche{font-size: 44px;}
  .node-type-product #productDetails.full-screen-modal .full-screen-modal-head .close-full-screen-modal,
  #productOverlay.full-screen-modal .full-screen-modal-head .close-full-screen-modal{
    right: calc((100% - 960px) / 2);  /* (width of browser - width of .container) , divided by the left and right sides of the .container class. This keeps the button aligned to the right edge of the container div. */
  }
  .discover-content .dropdown-layout span.dropdown-text{width: 52px !important;}
  
    /*starts static logo Implementation 0811*/
    .col-xs-6.col-sm-3.col-md-4.logo.static-logo-block {
        padding: 5px 10px;
    }
    .header.smaller .static-logo-block .accu-chek-logo {
        height: 51px;
    }
    .static-logo-block .accu-chek-logo {
        height: 64px;
        margin-bottom: -8px;
    }
    .static-logo-block .accu-chek-logo #static-logo {
        max-height: 63px;
        width: auto;
    }
    .header.smaller .static-logo-block .accu-chek-logo #static-logo {
        max-height: 30px;
        width: auto;
    }
    /*ends static logo Implementation 0811*/
	.node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content {
		padding-bottom: 20px;
	}
	/*remove select country heading starts*/
	.header.smaller + .content-new .view-roche-country-listing .full-screen-modal-head{
        padding-top: 20px;
    }
	/*remove select country heading ends*/
}
@media (max-width: 992px) {
  .discover-content .button-left{ float:none;}
  .product-card .row .text-content .product-title .product{font-size: 1.69em;}
  .product-card .row .text-content .product-title .brand{font-size: 1.063em;}
  .product-card .row .text-content ul li{padding-bottom: 2px;}
  .vjs-default-skin .vjs-big-play-button{height: 1.7em;width: 1.7em;}
  .vjs-default-skin .vjs-big-play-button:before{line-height: 3em;font-size: 28px;}
  .mobile-micro-thanku .or-block{padding-top: 140px;}
  .mobile-micro-thanku .msg-block{height: 305px;}
  .page-node-4526 .mobile-micro-thanku .msg-block{height: 365px;}
  .page-node-4526 .mobile-micro-thanku .or-block{padding-top: 165px;}
  .mobile-micro-thanku .refer-map{line-height: 20px;}
}
@media screen and (min-width: 360px) and (max-width: 420px) {
  .discover-content > form{ width:72%; margin:auto;} 
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .discover-content > form {    margin: auto;    width: 85%;}
}
@media screen and (min-width: 1024px) and (max-width: 1100px){
  .node.node-custom-blocks.clearfix{ width:100%;}
  .col-sm-4{ width:33%;}
  .secondary-nav-fixed.fixed .col-md-6,.secondary-nav-fixed .col-md-6{width:50%;}
  navbar-header {display: none;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .discover-content .button-left{ float:none;}
  .col-sm-4 .hero-template-a, .col-md-4 .hero-template-a, .col-lg-4 .hero-template-a{height:auto;}
  .hero-template-a .banner-content{ width:80%; padding:0 0 10px 0; text-align:center; float:none;}
  .col-sm-4 .hero-template-a.img-right .banner-image{ width:80%;  padding: 0 0 0 20px; }
  .col-sm-4 .node-custom-blocks .hero-template-a.img-right .banner-image{width:auto;}
  .news-teaser .col-xs-12.col-sm-5 img{ width:100%;}
  .page-home .news-teaser h4 a{ color:#fff;}
  .footer .top-section .select-country{text-align:center;}
  /*.discover-content .discover-layout{ padding:60px 0;}*/
  .col-xs-5{ text-align:center; width:100%; }
  .pane-product-videos .placehold-image{ width:100%;}
  .pane-product-videos .placehold-content{width:100%; padding-left: 10px; padding-top: 20px;}
  .page-node-videos .content-new .breadcrumbs{padding-left: 10px;padding-top: 10px;}
  .page-node-videos .pane-product-videos h2.pane-title{margin-top: 10px; padding-left: 10px;}
  .selectboxit-container .selectboxit{width: 217px;}
  .hero-template-a .banner-content .btn.primary{padding:9px 6px;}
  .newsletter-main{min-height:345px;}
  .space-top .col-xs-12{ margin:0; padding:0;}
  .panel-pane.pane-bean-panels {padding: 0 10px;}
  .roche-discover-dropdown2-text, .roche-discover-dropdown1-text{margin-left:0;}
  .form-item.form-type-checkbox.form-item-roche-win-check-window{margin-left:10px; text-align:left;}
  .container-fluid{padding:0;}
  .roche-discover-dropdown1-select, .roche-discover-dropdown2-select{padding-left:0;}
  .page-product-category .carousel-indicators{ bottom:0;}
  .hero-template-a{height:auto;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content{
      margin: 0;
      bottom: 0;
  }*/
  .carousel-indicators{
    bottom: 0;
    margin-bottom: 0;
  }
  .hero-template-a .banner-content .btn.primary{padding: 5px 6px 9px;}
  .page-support navbar-header,.page-news navbar-header {display: block;}
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary{
    font-size:14px;
  }
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary .btn.primary .icon,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .btn.primary .icon,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .banner-content .btn.primary .icon{
    margin-left: 0;
    font-size: 15px;
  }
  form.node-product_registration-form .product-registration .form-type-select label,
  .page-user-register .form-type-select label,
  .page-user-edit .form-type-select label{display: none;}
  .news-checkbox .input-checkbox label{ padding-right:20px;}
  .footer .top-section .col-xs-4{width:49.333%;}
  .view-hero-slideshow .description-field, .view-hero-slideshow p.subhead1 { display:none;}
  .view-hero-slideshow .caption-video .description-field{display:block; float: left;}
  .view-hero-slideshow .caption-video .cta-button{float:right;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field{display: block; margin-top: 0px; text-align: left;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field *{display: none;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{display: inline-block;word-break: break-word;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 sup{display: inline-block;}
  /*
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1{margin-top:10px; font-size:1.2em; line-height: 25px; }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{display: block; font-size: 20px !important;}
  
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field p{margin: 10px 0;}
  */
  .page-product-category .view-products-hero .descr { margin: auto;  width: 80%;}
  .col-xs-12.col-sm-4.col-md-5.products-video-text {  padding: 30% 0 20%;}
  .discover-content .dropdown-layout span.dropdown-text{padding-top:0;}
  .col-xs-7.col-sm-8.formelements{margin: 0 0 0 19px; width: 55%;}
  .page-home .newsletter-main .col-sm-8{padding:0;}
  .news-teaser .col-xs-12.col-sm-6 .btn{font-size: 1.2em;}
  .footer .top-section .roche-logo{ margin-left:5px;}
  .alignfields{margin-left:29px!important; width:85%!important;}
  .node-custom-blocks .hero-template-a .banner-content{width:50%; float:left;}
  .hero-template-a{min-height:125px; height: auto}
  .hero-template-a .description-field{ margin-top: 10%;}
  .carousel-inner .banner-content .btn.primary .icon{
    margin-left: 0;
    font-size: 16px;
  }
  .primary-nav-trigger .hamburger-link{padding-right: 0;}
  .col-xs-3.col-sm-4 { width: 28%;}
  .header .col-xs-3.col-md-4.logo {width: 76px;}
  .space-top .col-xs-12{padding: 10px;}
  .category-hero{height:auto;}
  /*.benefits-hero{min-height: 0;}*/
  .page-user-register .centered-hero{height: auto !important; min-height: 0;}
  .node-type-article .panel-pane.pane-views.pane-article-hero-area .detail-page-hero{height: auto}
  .benefits-hero .banner-content{margin: 0px 20px 20px; overflow: auto; /*width: 65%;*/}
  .benefits-hero .banner-content h2.borderBottom{margin:0 0 20px;}
  /*.benefits-hero .banner-content p,.benefits-hero .banner-content ul,.benefits-hero .banner-content ol{display: none;}*/
  .breadcrumb-product-nav .dropdown-toggle{display: inline;}
  .node-type-webform .hero-template-a.webform-top-img{min-height: 0;}
  .page-user-edit .centered-hero{height: auto; padding-top: 28.2%;}
  .page-user-edit .centered-hero .banner-content{position: absolute; top:0}
  .hero-template-a .banner-image img {
    max-width: 100px;
    height: auto;
  }
  .node-type-webform .hero-template-a .banner-image{padding: 10px 20px 30px;}
  .node-type-webform .hero-template-a.img-right .banner-image, .node-type-webform .hero-template-a.img-left .banner-image{
    padding: 10px 20px;
    margin-top:0;
  }
  .node-type-webform .hero-template-a .banner-content{width:100%;}
  .webform-component-date .selectboxit-container .selectboxit-text{padding-left: 0}
  .off-canvas-login .row{margin:0}
  .fieldset-wrapper label{font-size: 1em;}
  .product-registration p{margin-bottom: 10px;}
  .authenticated-dashboard .article-card,.article-card{height: auto;}
  .diabetes-care-landing .article-card img,.article-card img{width:100%;height: auto;max-width: 100%; max-height:none;}
  .page-searches .row.search-section{margin: 0}
  .page-searches .row.search-section ul,.page-searches .row.search-section ol{padding-left: 17px;}
  .global-search-results .search-section .filter{padding: 10px;}
  .global-search-results .results ul,.global-search-results .results ol{padding-left: 0;}
  .page-searches .global-search-results .pager li > a, .page-searches .global-search-results .pager li > span{border:none;padding: 0px 6px 0px;}
  .page-searches .global-search-results .item-list .pager li{padding: 0; margin-left:0}
  html.js input.form-autocomplete{background-position: 1000% center;}
  html.js input.form-autocomplete.throbbing{background-position: 85% center;}
  /*.page-node .hero-template-a .banner-content .description-field h1 sup{top: -3px;}*//*removed 04/06 for product detail page sup*/
  .content-new .breadcrumbs{
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
  }
  .page-product-category .content-new .breadcrumbs{padding-left: 10px;}
  .page-node-support-error-screens .content-new .breadcrumbs{padding-left: 20px;}
  .page-diabetescare .filter-wrapper .filter.visible-xs .selectboxit-text{
    line-height: 10px!important;
    font-size: 1.267em!important;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-diabetescarelanding .filter-wrapper .filter.visible-xs .selectboxit-text{
    line-height: 10px!important;
    font-size: 1.267em!important;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-user .login .form-text{padding: 19px 8px 12px;}
  .page-user .login .primary.form-submit{font-size: 1.06em;padding: 14px 15px;}
  .benefits-wrapper .banner-button-benefits,.banner-content.con-right .banner-button-benefits{width:auto; max-width: 400px;}
  .page-diabetescare .selectboxit-container .selectboxit{width: 220px;}
  .page-diabetescare .selectboxit-container .selectboxit .selectboxit-text{width: 80%;}
  .page-diabetescare .content-dropdown a.selectboxit-option-anchor{text-align: left;}
  .page-diabetescare .filter span.content-dropdown .selectboxit-options{padding: 0px 30px 0px 10px;}
  .page-diabetescarelanding .selectboxit-container .selectboxit{width: 220px;}
  .page-diabetescarelanding .selectboxit-container .selectboxit .selectboxit-text{width: 80%;}
  .page-diabetescarelanding .content-dropdown a.selectboxit-option-anchor{text-align: left;}
  .page-diabetescarelanding .filter span.content-dropdown .selectboxit-options{padding: 0px 30px 0px 10px;}
  .page-support .content-new .breadcrumbs{
    padding-left: 10px;
    padding-top: 20px;
  }
  .page-support .view-support-landing-page-category{padding: 0 10px;}
  .page-support .pane-support-landing-page-category .sort-nav-spacer .sort-nav .navbar-border{display: block; min-height: 35px;}
  .page-support .pane-support-landing-page-category .sort-nav-spacer{padding: 0 0 20px;}
  .page-faq-all .mobile-hero{height: 0}
  .page-faq-all .answer,.page-faq-all .answer > p,.faq .answer,.faq .answer > p{
    /* margin: 0px 20px 10px;*/ line-height: 20px;
  }
  #messages{width:100%;}
  .page-node-support .pane-product-support-image .error-code-gallery .centered-hero{min-height: 0; display: block}
  .error-code-gallery .centered-hero .banner-content{top:50%;}
  .page-node-support .product-support-detail .col-xs-12.hidden-xs{display:block !important; /*padding: 0;*/}
  /*.support-product-detail .product-support-detail .header-font{padding: 0;}*/
  .video-overflow-slider .video-slider-header h2{margin: 0;}
  .support-product-detail .product-support-detail .screen-messages figure:first-child{margin-left: 0;}
  .support-product-detail .product-support-detail .screen-messages{text-align: left}
  .support-product-detail .product-support-detail .screen-messages a.view-all{
    display: block;
    clear: both;
    font-size: .8em;
    margin-top: 10px;
  }
  .page-support .search-bar-hero-wrapper .banner-search .input-search input{font-size:1.38em}
  .page-support-search #views-exposed-form-support-search-support-search .views-submit-button i.icon.fa-search.fa{top: 36px; font-size: 0.95em; right: 20px;}
  .page-support #views-exposed-form-support-search-support-search .views-submit-button i.icon.fa-search.fa{top: 29px; font-size: 0.95em; right: 0px;}
  .page-support .global-search-results #views-exposed-form-support-search-support-search .views-submit-button i.icon.fa-search.fa{top:26px; right:12px;}
  .row.end-options #views-exposed-form-support-search-support-search .views-submit-button i.icon.fa-search.fa{ top: 6px; font-size: 0.95em; right: 0;}
  .page-node-support .find-more .fa-search {right: -8px;top: -6px;}
  .page-support .views-submit-button .fa-search{top: 17px;right: 6px;}
  #views-exposed-form-support-search-support-search .icon.fa-search.form-submit{padding: 16px;}
  .page-searches .search-form{margin:0 10px;}
  .views-exposed-form .views-exposed-widget{padding: 0 10px;}
  .video-overflow-slider .video-slider-header a{font-size: .8em;}
  .benefits-hero .banner-button-benefits .btn.primary.reverse{margin-top: 10px;}
  /*.page-node-support .video-overflow-slider .videos .slide-controls{display: none;}*/
  html.js #header-search .input-search input.form-autocomplete.throbbing{background-position: 85% 60%;}
  html.js #header-search .input-search input[type="text"]{padding-right: 55px;}/*was 65px changed for new search implementation*/
  .page-searches .icon.fa-search.fa{top: 44px; font-size: 0.95em;}
  .node-type-product .newsletter-main .col-xs-7.col-sm-8.formelements{width: 93%;}
  .header .account-nav .roche-logo{top:0;}
  .accu-chek-logo{height:21px;}
  .page-user-register .form-type-checkbox .option{
    margin-bottom: 0;
    line-height: 23px;
    padding-top: 3px;
  }
  .page-user-register .news-checkbox .form-required{float:none; display: inline-block;}
  .search-bar-hero .banner-content h1{font-size: 1.88em;}
  .error-code-gallery .centered-hero{display: block;}
  .error-code-gallery .centered-hero .banner-content{top:50%;}
  .search-bar-hero-wrapper .banner-search .input-search input{padding-top: 0}
  .form-radios.input-radio .webform-component,
  #webform-client-form-686 .form-item.webform-component.webform-component-.webform-component--choose-your-colour- {width: 100%; float:left;}
  .carousel-inner .hero-template-a .banner-content .btn.primary { padding: 13px 10px; font-size: 1.133em; float: left }
  .discover-content .btn.reverse.primary.form-submit { font-size: 15.85px; height: 42px;}
  .page-home .node-custom-blocks .hero-template-a .banner-content .btn.reverse.primary { padding: 10px; font-size: 14px}
  .header .primary-nav-trigger{  padding-top: 4px;}
  .header .col-xs-3.col-sm-4 { width: 30%; padding: 0 0 0 10px;}
  .header .col-xs-6.col-sm-3.col-md-4.logo { padding:9px 0 0px; width: 40%;}
  .header .col-xs-3.col-sm-5.col-md-4 { width: 30%; padding: 0;}
  .header .account-nav .roche-logo { line-height: 56px;}
  .header .logo{margin-top: 5px;}
  .account-nav .roche-logo{margin-top: 6px;}
  .content-new{padding-top: 46px;}
  .header .header_top_right { 
    margin: 0;
    float: right;
    margin-top: 6px;
    margin-right: 2%;
    clear: none;
  }
  .header ul.language-switcher-locale-url { padding: 0;}
  .header #block-locale-language-content ul.language-switcher-locale-url li { margin: 0 0px 0 2px;}
  .header #block-locale-language-content ul.language-switcher-locale-url li:first-child a { padding: 0 5px 0 5px;}
  .page-home .panel-pane .carousel-inner { padding: 0;}
  .page-home .col-xs-12.col-sm-6 .panel-pane.pane-bean-panels { padding: 0;}
  .page-home .hero-template-b.right .banner-content { left: 15px;}
  .page-home .col-xs-7.col-sm-8.formelements { padding:0 10px 10px 25px; margin: 0;}
  .page-home .col-xs-5.col-sm-4 { width: 40%;}
  .page-home .newsletter-main .btn.reverse.tertiary.next_form { padding: 0 8px;}
  .page-home .discover-content .discover-layout{ padding:30px 0;}
  .page-home .discover-content .discover-layout{width: 100%;}
  .page-home .row{ margin:0px;}
  header.container-fluid { padding: 0;}
  .page-home .container{ padding: 0;}
  .footer .mid-section .social-icons { margin: 0;}
  .header .row{ margin:0;}
  .footer button.btn.light-gray.subscribeBtnspace.tertiary.next_form_foot { width: auto;}
  .header li { padding: 0;}		
  /* meter-systems*/
  .page-taxonomy .col-xs-12 ul.breadcrumbs {padding-left: 15px; padding-top: 10px; margin-bottom: -10px;}
  ul.breadcrumbs .breadcrumb-link{display: inline;}
  ul.breadcrumbs li{display: inline-block;}
  .breadcrumb-product-nav .product-name{float:none}
  .page-taxonomy .col-xs-12 .panel-pane.pane-block.pane-block-11.pane-block{ display:none;}
  .page-taxonomy .product-card .text-content.col-xs-7.col-sm-7 {overflow: hidden;}
  .page-taxonomy .products-landing .product-card .row .img-content { width: 41.66666667%;}		
  /*meter-systems detail*/
  .page-node div#primaryContent .secondary-nav-fixed.col-wrapper { margin: 0;}
  .page-node.node-type-product ul.breadcrumbs { padding: 23px 0; width: 100%;}
  .page-node .o012-carousel-hero .carousel-inner { padding: 0;}
  .page-node .hero-template-a.hero-slide-bg.orange.img-right { height: auto;}
  .view-product-detail-hero-slideshow .hero-template-a.img-right .banner-image{top:0}
  .view-product-detail-hero-slideshow .hero-template-a .banner-image img{    
    /*max-width: 135px;*/
    height: auto;
  }
  .view-product-detail-hero-slideshow .banner-content{width: 260px; text-align: left; float: left; margin-top: 0; padding: 15px 0 20px 20px;}
  .view-product-detail-hero-slideshow .hero-template-a .content-wrapper{width: 100%}
  .page-node .hero-template-a .description-field {  margin: 0; min-height: 0;}
  /*.page-node .hero-template-a .banner-content .description-field h1 *{font-size: 32px !important;}*//*removed 04/06 for product detail page sup*/
  .page-node .hero-template-a .description-field h1 ,
  .page-node .hero-template-a .description-field h3 { text-align: left;}
  .page-node .benefits-wrapper .banner-content.con-left,.page-node .benefits-wrapper .banner-content.con-right{margin: 32px 0 10px 10px; padding: 0 10px;}
  .benefits-wrapper .banner-content.con-center{margin: 32px 20px 20px;overflow: auto;}
  .page-node .pane-product-videos .row.product-category { margin-left: 0; margin-right: 0;}
  .page-node h2.dark {padding: 0 10px;}
  .page-node .col-xs-12.col-sm-4.col-md-5.products-video-text { padding: 0 20px;}
  .products-video-player .video-player{height: auto}
  .pane-product-videos .content{margin-bottom: -10px;}
  .node-type-product .btn.primary,.node-type-product .carousel-inner .hero-template-a .banner-content .btn.primary{
    font-size: 17px;
    display: block;
    word-wrap: break-word;
    white-space: normal;
    /*padding: 10px;*/
  }
  /*coupon offer*/
  .product-registration .dis-coupan .col-md-6 { padding: 0; clear: both; }
  .product-registration .dis-coupan .webfrm-center p.subhead { margin: 0; }
  .product-registration .dis-coupan .webfrm-center h1.light { color: #363636; padding: 20px 0px 0; }
  .product-registration .dis-coupan .webf-contener .webfrm-center {  margin: 0; }
  .product-registration .dis-coupan .webf-contener .webfrm-center img { max-width: 100%; }
  .product-registration .dis-coupan .col-xs-12.col-sm-12 .form-item.webform-component.webform-component-markup{ margin: 0; text-align: center;}
  .product-registration .dis-coupan .fieldset-wrapper .col-sm-6:first-child{ padding: 0;}
  .product-registration .dis-coupan .fieldset-wrapper .col-sm-6:last-child { padding: 0;}
  .product-registration .dis-coupan .col-xs-12.col-sm-6 { width: 100%;}
  .node-type-webform .dis-coupan .content-dropdown .selectboxit-text {  padding-left: 0;}
  .node-type-webform .dis-coupan .col-xs-12.col-sm-6 .selectboxit-text { padding-left: 0;}
  /*coupon offer - Thank you*/
  .product-registration .dis-coupan.clearfix.margin-thanku .webfrm-center .light { padding: 20px 0;}
  .product-registration .dis-coupan.clearfix.margin-thanku h3 { padding: 0 10px; }
  .product-registration .dis-coupan.clearfix.margin-thanku .cbgdiv { height: 100px;}
  .product-registration .dis-coupan.clearfix.margin-thanku { 
    margin: 35px 10px;
    text-align: center;
  }
  /*user-page */
  .container.login .new-user a.btn.dark.primary { margin-top: 0; }
  .container.login .returning-user .form-item.form-type-textfield.form-item-name { margin-top: 0;}
  .dashboard-profile .main .img-center{border-right: none;padding-top: 18px;}
  .dashboard-profile .main .text-icon{border-left:1px solid #929191;padding: 15px 0 15px 30px;}
  .page-user-dashboard .right-authenticated .dashboard-profile .pane-roche-hero-area-profile-meter{
    border-bottom: 1px solid #929191;
    overflow: auto;
    width: 85%;
    margin: 0px auto;
    padding-bottom: 30px;
  }
  /* support-landing */
  .page-support .centered-hero{ min-height: 0; height:auto }
  .page-support .centered-hero .form-item.form-type-textfield.form-item-search {  width: 100%;}
  .page-support .centered-hero .banner-search {  margin: 0 20px; }
  .page-support .centered-hero div#edit-search-wrapper { padding: 0 0 16px;}
  .page-support .centered-hero #views-exposed-form-support-search-support-search .views-submit-button {  right: 3%;}
  .page-support .centered-hero .views-submit-button .icon.fa-search { right: -6px; top: 18px;}
  .page-support .region .col-wrapper { margin-top: -9px; }
  .page-support .region .col-wrapper .col-xs-12 .row { margin: 0;}
  .page-support .view-support-landing-page-category .product-tile-caption { height: auto;}
  .page-node-support .mobile-hero,.page-node-faq .mobile-hero{height: auto;}

  /*support-product-detail*/
  .block-system .support-product-detail { margin: 0;}
  /*.support-product-detail .product-support-detail .row.end-options {  margin: 0;}*/
  .support-product-detail .views-exposed-form .views-exposed-widget { padding: 0;}
  .support-product-detail .row.end-options.find-more .views-exposed-form .views-exposed-widget { padding: 0;}
  .page-node-support .input-search input { padding-right: 35px; }
  .support-product-detail .page-node h2.dark,.support-product-detail .video-slider-header{padding: 0}
  .support-product-detail .content-new .panel-separator,.page-node-support .content-new .panel-separator{
    height: 1px;
    border-bottom: 1px solid #b9b8b8;
  }
  #views-exposed-form-support-search-support-search .views-submit-button { right: 4%; top: 19%;}
  /*.page-node-support .view-product-support-videos .video-overflow-slider .videos .slider-row .item{display:block; padding: 0; margin-top: 10px;}   */
  /*Breadcrumb*/
  .breadcrumb-product-nav .product-name { width: auto; }	
  .breadcrumb-product-nav .product-name > span { overflow: inherit; }
  .col-wrapper .breadcrumb-product-nav .product-name:after { position: static !important; }
  /* sitemap */
  div#site-map {  padding: 0 20px;}
  /* diabetes-landing */
  .page-diabetescare .view-diabetes-landing .row { margin: 0;}
  .page-diabetescarelanding .view-diabetes-landing .row { margin: 0;}
  /* search */
  .header .container { padding: 0; }
  .header-search .header-search-input {right: 0;}
  .header-search .close-search, .page-searches .header-search .close-search{top:16px;}
  .header-search.out.collapse.in .form-actions.form-wrapper { margin: 0;} 		
  /*Webforms*/	
  /* Contact Us */
  .weblayout .content-dropdown .selectboxit-text { right: 0; max-width: 100% !important; width: 100%;}
  /* login-page*/
  .login .returning-user { padding-right: 0; }
  .product-registration .selectboxit-container .selectboxit{width:100%;}
  .input-text label{top:34px;}
  .input-text input{font-size: 1em;line-height: 113%;}
  .page-user .login .input-text label{font-size: 0.94em;}
  .selectboxit-text,.page-user-register .field-type-datetime .selectboxit-text,.node-type-webform .webform-component-textarea label{font-size: 1em !important;}
  .weblayout .webform-component-textarea{margin-top: 0; padding-top: 0}
  .selectboxit-text{padding-top: 6px;}
  .selectboxit-arrow-container i.selectboxit-arrow{font-size: 1.467em;}
  .selectboxit-arrow-container i.selectboxit-arrow{top:12px;position: absolute;right: 20px;}
  .page-home .pane-roche-discover-content .content-dropdown .selectboxit-text,
  .page-page-not-found .pane-roche-discover-content .content-dropdown .selectboxit-text{
    line-height: 10px !important;font-style: italic;font-size: 1.19em!important; width: 85%;
  }
  .page-home .discover-layout ul.selectboxit-options li,
  .page-page-not-found .discover-layout ul.selectboxit-options li{font-size: 1.19em}
  .discover-content .dropdown-layout span.dropdown-text{font-size: 1.125em;}
  .page-home .pane-roche-discover-content .content-dropdown .selectboxit-arrow-container i.selectboxit-arrow,
  .page-page-not-found .pane-roche-discover-content .content-dropdown .selectboxit-arrow-container i.selectboxit-arrow{top:3px; font-size: 1.19em; right:10px;} 
  .animation-class input:valid:required+label,
  .animation-class input:focus+label,.animation-class input.filled+label, .animation-class input:focus+label {
    font-size: .813em;
    line-height: 100%;
    transition-duration: 0.5s
  }
  .product-registration .selectboxit-container .selectboxit{    padding: 2px 0;}
  .product-registration .content-dropdown i { top: 12px; }
  .page-user-register form#user-register-form .animation-class input:valid:required+label, form#user-register-form .animation-class input:focus+label{ top: 21px;}
  /*registration page*/
  .product-registration .form-group{margin-bottom: 15px;}
  .page-user-register form .col-xs-12,.page-user-register form .col-sm-6{min-height: 0;}
  .product-registration fieldset{margin-bottom: 0;}
  .product-registration .btnContinue{margin-top: 10px;}
  /*Login Page*/
  .page-user .btnContinue,.login .new-user{padding-left: 0}
  .content-dropdown .selectboxit-text{
    font-size: 1em !important;
    line-height: 33px !important;
  }
  /* Subscribe page */
  form#webform-client-form-54 .animation-class input:valid:required+label, form#webform-client-form-54 .animation-class input:focus+label{ top: 21px;}
  form#webform-client-form-54 .input-text .required-input { height: auto;}
  .weblayout .col-xs-12.col-sm-6{min-height: 0}
  /* coupon-offer */
  form#webform-client-form-289 .form-item.webform-component.webform-component-markup.webform-component--header-text > p { margin-bottom: 10px; }
  /*page-user-dashboard*/
  .page-user-dashboard .dashboard-profile .pane-content { text-align: center; }
  .page-user-dashboard .authenticated-dashboard section.row { margin: 0; }
  .page-user-dashboard .centered-hero .banner-content { top: 50%;}
  .page-user-dashboard .centered-hero .banner-content p{ font-size: 19px; line-height: 8px;}
  .page-user-dashboard .right-authenticated .dashboard-profile .complete a { 
    font-size: 14px;padding: 10px 3px; 
    display: block;    
    height: auto;
    word-wrap: break-word;
    white-space: normal;
  }
  .page-user-dashboard  i.icon.fa-angle-right.fa {    padding: 0; margin: 2px;}
  .page-user-dashboard .dashboard-profile .profile-info .complete { padding: 25px 0; }
  .page-user-dashboard em.placeholder { font-style: normal;}
  /* page-user-edit */
  .page-user-edit .date-day > span, 
  .page-user-edit .date-month> span ,
  .page-user-edit .date-year> span { background-color: rgba(21, 109, 184, 0.15); border-radius: 15px; padding: 0; }
  .page-user-edit .date-day > span .selectboxit.date-clear, 
  .page-user-edit .date-month> span .selectboxit.date-clear, 
  .page-user-edit .date-year> span .selectboxit.date-clear{ text-align: left; padding: 6px 0; width: 100%; font-size:13px;}
  .page-user-edit .col-sm-6 .field-widget-date-select { margin-bottom: 15px; }
  .page-user-edit .update-email { top: 32px; }
  .page-user-edit .form-type-radio { width: 100%; }
  .page-user-edit #user-profile-form .selectboxit-container span, #user-profile-form .selectboxit-container .selectboxit-options a { padding-top: 4px; }
  /* page-user */
  .page-user .form-actions { padding: 0 10px; }
  /* page-view-profile */
  .page-view-profile .btn.primary .icon.fa { font-size: inherit; }
  /*.page-view-profile .col-md-4.col-md-push-8 a[href] button { float: right; }*/
  .page-node-add-product-registration .form-type-radio { width: 100%; }
  .page-node-add-product-registration .form-type-date-select .day-style{margin-left: 0}
  .page-node-add-product-registration .container-inline-date .form-type-date-select > label{margin-bottom: 0}
  .page-node-add-product-registration .container-inline-date .selectboxit-arrow-container i.selectboxit-arrow{top:7px;}
  .page-node-add-product-registration .product-registration .content-dropdown i{top:12px;}
  .page-node-add-product-registration .form-type-date-select.form-item-field-profile-date-of-birth{margin-bottom: 15px;}
  .page-node-add-product-registration .product-registration .node-product_registration-form .field-name-field-profile-province{padding-bottom: 0;}
  .page-node-add-product-registration .product-registration .field-type-text.input-text.form-group.form-wrapper{padding-bottom: 0; margin-bottom: 0}
  form label{color: rgba(85, 82, 91, 0.7);}
  /*meter-system-mobile*/
  .view-product-component-details .product-features .component .striped-table.gray { margin: 0;}
  .view-product-component-details .product-features .component .col-xs-12.col-sm-4 .feature-spec { margin-right: 0;}
  /*.view-product-component-details .product-features .component .left-border p img { width: 100%;}*//*removed for google play and play stote button stretch in connect-app prod in us*/
  /*.webform-one-column-layout .fieldset-wrapper .col-xs-12 {
      width:100%;
  }*/
  /*Product Registration*/
  .page-node-add-product-registration .centered-hero{
    min-height: 0;
  }
  .product-registration .col-xs-12 .content-dropdown .selectboxit-text{
    /*width: 87%; */
    /* Starts 2/25 for select option line break changes*/
    width: 91%; 
    max-width: 91% !important;
    /* Ends 2/25 for select option line break changes*/
  }

  .node-type-webform .fieldset-wrapper .col-xs-12 {padding: 0; width: 100%;}
  .weblayout .form-item.form-type-radio {width:100%; margin: 0;}
  .weblayout .webform-component.webform-component-radios,.weblayout .form-radios.input-radio{margin-bottom: 0}
  .weblayout .webform-component.webform-component-checkboxes{margin: 0}
  .node-type-webform .webform-component-date .selectboxit-container{width:100%; margin: 15px 0;} 
  /*Change password*/
  .confirm-parent, .password-parent{width:100%;}
  .page-change-password .password-strength {left: 20px; margin: 90px 0 20px; position: absolute; width: calc(97% - 30px);}
  .page-change-password div.password-confirm{float:left; font-size: 14px;}
  .page-change-password .password-confirm .ok, 
  .page-change-password .password-confirm .error{font-weight: bold}
  .page-change-password .password-strength-title,
  .page-change-password .password-strength-text{ font-size: 14px;}
  .page-change-password .confirm-parent label{width: 90%; float: left;}
  .page-change-password .confirm-parent input,
  .page-change-password div.form-item div.password-suggestions{width:97%; clear: both;}
  .page-change-password .form-type-password.form-item-old-pass{margin-left: 10px; width: 97%;}
  .page-change-password  h2.pane-title{padding-left: 20px; margin-bottom: 0}
  .page-change-password label{width:100%;}
  .page-change-password .form-type-password-confirm .form-type-password input{width:97%; padding: 13px 8px 12px 10px;}
  .page-change-password .form-item-pass, .page-change-password .form-item-old-pass{margin-left:10px;}
  .page-change-password .form-item-pass{margin-top: 5px;}
  .page-change-password .button-primary.btn.dark.primary.form-submit.form-submit{
        transform: translateX(-50%);
        left: 50%;
        position: relative;
  }
  .page-home .carousel .hero-template-a.hero-slide-bg.bottom-center .banner-content .btn.primary,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-center{margin-left: 0px;}
  /*Change password*/
  /*page not found discover content in footer*/
  /*.page-page-not-found .error-template .content-dropdown .selectboxit-text{line-height: 18px !important;}*/
  .page-page-not-found .error-template .discover-layout .content-dropdown i{top:0px; right: 10px; font-size: 1.267em;}
  /*Error template responsive*/
  .page-page-not-found .error-template .fa-exclamation-circle{display: none;}
  .page-page-not-found .error-template .border-error .text-error p:first-child{margin-bottom: 0;}
  .page-page-not-found .error-template .border-error .firsttext{font-size:1em}
  .page-page-not-found .error-template .border-error .text-error p{
    font-size: 0.8em;
    padding: 0 10px;

  }
  .page-page-not-found .error-template .border-error .firsttext{
    margin-bottom: 5px;
    margin-top: 0;
  }
  .page-page-not-found .error-template .border-error .text-error p:first-child{margin-bottom: 6px;}
  .page-page-not-found .error-template .div2{top:5px}
  .page-page-not-found .error-template .discover-content{padding: 0}

  /*    add css by Anita-discus with paban product component page tab css add 05-02-2016 for iphone*/

  .node-type-product .deskhide{display: none;}
  /*.page-home .hero-template-a .banner-image{
      margin-top: 0px;
  }*/
  /*2/15*/

  /*****=============Starts home page carousel h1 line-height and font issue=======*****/
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field{padding: 10px 0;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1{
    line-height: 30px;
    font-size: 30.5px;
    word-wrap: break-word;
  }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1, 
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 span{
    line-height: 32px;
  }
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 > *,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{
    font-size: 24px !important;
  }
  /*****=============Ends home page carousel h1 line-height and font issue=======*****/

  .page-home .carousel .hero-template-a .banner-image img{
    max-width: 140px;
  }
  /*.page-home .carousel .hero-template-a.hero-slide-bg.img-left.bottom-center .banner-content,*/
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-right,
  .page-home .carousel .hero-template-a.hero-slide-bg.img-right .banner-content .btn,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-left,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button .bottom-center{
    /* position: absolute;
     left: 50%;
     right: auto;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);*/
    position: static;
    left: auto;
    right: auto;
    transform: none;
    -webkit-transform: none;
  }
  .roche-ctools-header .roche-ctools-btn.btn.primary, .roche-ctools-header .roche-ctools-close.btn.primary{
    padding: 10px 15px;
    font-size: 14px;
  }
  .print-header.roche-ctools-header{margin:0 10px 30px;}

  .coupon-outer{padding: 10px;}
  .selling-price{font-size: 12px;}
  .weblayout .pane-webform-videos{clear: both;}
  .benefits-hero .banner-content{min-width: 330px; width: auto;}
  .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{display: none;}
  .mobile-micro-thanku .or-block,.page-node-4526 .mobile-micro-thanku .or-block{padding:30px 0;}
  .mobile-micro-thanku .msg-block,.page-node-4526 .mobile-micro-thanku .msg-block{height: auto; min-height: 220px;}
  .mobile-micro-thanku .refer-map{line-height: 26px;}
  /* satrts 2/24 mobile microsite changes*/
  .page-node-4066 .product-registration .col-xs-12 .content-dropdown .selectboxit-text,
  .page-node-4526 .product-registration .col-xs-12 .content-dropdown .selectboxit-text{max-width: 91% !important;}
  /* satrts 2/24 mobile microsite changes*/
  .mobile-micro-thanku{height: auto !important;}
  .form-item.webform-component.input-text input,#user-profile-form .form-type-date-select .form-type-select{height:54px;}
  .page-user-edit .product-registration .input-text input{line-height: 18px;}
  .page-node-add-product-registration .product-registration .col-sm-6{height:auto;}
  .page-image-gallery-slideshow .views-field-field-gallery-image{text-align: center;}
  .node-type-product .view-product-component-details .product-features .component .striped-table.gray {margin: 0 -10px;}
  .node-type-product .product-features .sort-nav .navbar-border{display: block;min-height: 35px;line-height: 26px;}
  .node-type-product .product-features .sort-nav .navbar-border .navbar-brand{padding: 0;}
  .page-user-user-update-email .input-text .form-type-password{width: 100%;padding-right: 0px;}
  .page-user-user-update-email .space-top .col-xs-12{padding: 0 10px;}
  .page-page-not-found .error-template .discover-content .dropdownerrormsg{width: 100%;font-size: 14px;}
  .page-home .pane-roche-discover-content .dropdown-layout .dropdownerrormsg{margin-top: -10px;}
  .page-view-profile .btn{font-size: 0.8em; margin-bottom: 20px;}
  .products-video-player .products-video-text .cta.secondary{padding-top: 10px;}
  .country-select .list > li{padding: 15px 0 14px 15px;}
  .newsletter-main .col-xs-5.col-sm-4{display: block;margin: 0 auto;}
  .page-sitemap .breadcrumbs {padding-left: 10px;}
  /*Starts custom block responsive 04/12*/
  .page-home .node-custom-blocks .hero-template-a .content-wrapper{max-width: 330px; left:0; right:0;}
  /*.page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image{width:40%; padding-left: 10px;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image + .banner-content{width:60%;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image img{width:100%;height: auto;}
  .page-home .col-sm-6 .node-custom-blocks .hero-template-a .content-wrapper .banner-image + .banner-content{width:65%;}
  .page-home .col-sm-6 .node-custom-blocks .hero-template-a .content-wrapper .banner-image{width:35%;}*/
  /*
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p strong,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h1{font-size: 22px!important; line-height: 24px;}
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p span,
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content h4{font-size: 14px!important; line-height: 15px;}
  */
  .page-home .space-top .col-sm-6 .node-custom-blocks .hero-template-a.background-option{
    padding-top: 100%;
    height: auto;
  }
  /*Ends custom block responsive 04/12*/
  .page-home .col-sm-6 .node-custom-blocks .hero-template-a .content-wrapper .banner-image, 
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-image{width: 35%;}
  .page-home .col-xs-7.col-sm-8.formelements{padding:0;}
  .page-home .newsletter-main .formelements.alignfields{margin-left:0!important; width:100%!important;}
  .page-home .hero-template-b.newsletter-main .banner-content{width:auto;}
  .page-home .newsletter-main .col-sm-4{
    width: 100% !important;
    margin-top: 15px;
    padding: 0;
  }
  .node-type-product .view-id-product_videos .products-video-player .video-player{width: 100%;}
  /*.page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content p, 
  .page-home .node-custom-blocks .hero-template-a .content-wrapper .banner-content > *{line-height: 12px;}*/
  .i18n-fr.page-home .node-custom-blocks .hero-template-a .content-wrapper .custom-button .btn.primary{font-size: 0.95em;}
  /*.ctm-block .hero-template-a.background-option, .node-custom-blocks .hero-template-a.background-option{margin-bottom: 0}*/
  /*Starts mobile slider banner and image one after another*/
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .banner-content,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .banner-image,
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .banner-content .description-field{width:100%; text-align: center}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-image{margin-top: 0; padding-top:0}
  /*
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 > *, 
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1{font-size: 32px !important;}
  */
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 sup {font-size: 75% !important;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-image img{height: 155px; width: auto; max-height: 155px; max-width: 250px;}
  /*****=============Starts home page carousel h1 line-height and font issue=======*****/
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1, 
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 span{line-height: 24px !important;}
  /*****=============Ends home page carousel h1 line-height and font issue=======*****/
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper{padding: 5px 10px;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field sup{top:-4px;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content{padding: 0}
  /*Ends mobile slider banner and image one after another*/
  .full-screen-modal .product-features .features .striped-table{width: auto; display: block; padding: 3px 10px 8px;}
  .full-screen-modal .full-screen-modal-body .product-features navbar-header{display: block;}
  .full-screen-modal .full-screen-modal-body .product-features .sort-nav-wrap{padding: 30px 0 20px;}
  .full-screen-modal .product-features .spec-img{text-align: center;}
  .full-screen-modal .product-features .feature-spec span h4{font-size: 1.2em; margin-bottom: 0}
  .full-screen-modal .product-features .features{padding-top: 0;}
  /*.full-screen-modal .product-features .feature-spec:last-child span{padding-bottom: 0;}*/
  .full-screen-modal .product-features, .full-screen-modal .full-screen-modal-head{padding-top: 10px;}
  .full-screen-modal .full-screen-modal-head .close-full-screen-modal{margin-top: 2px; margin-right: 18px;font-size: 18px;}
  .full-screen-modal .full-screen-modal-body .product-features .sort-nav-wrap .nav>li>a{border-right: none;}
  .full-screen-modal .product-features{padding-bottom: 30px;}
  .full-screen-modal .product-features .features .striped-table .col-xs-12.col-sm-8{width:100%}
  .full-screen-modal-body .product-features .col-xs-12.col-sm-4{padding: 0;}
  .full-screen-modal .full-screen-modal-body .product-features .sort-nav-wrap .nav>li>a{padding: 10px 15px;}
  .full-screen-modal .full-screen-modal-body .product-features .sort-nav .nav-section li:nth-child(2).active a{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .full-screen-modal .full-screen-modal-body .product-features .sort-nav .nav-section li:last-child.active a{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .news .row .col-xs-12.col-sm-6{padding: 0;}
  .news .row .col-xs-12{margin: 0; padding: 0;}
  .news-teaser .col-xs-12.col-sm-5{margin-bottom: 20px;}
  .page-home .newsletter-main .col-sm-8{width: 100%;}
  .full-screen-modal .full-screen-modal-head h3{display: inline;}
  .news-teaser .col-xs-12.col-sm-6 h4 {
    width: 80%;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
  }
  /*Workshop changes starts*/
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content{padding-top: 10px;}
  .page-node .benefits-wrapper .banner-content.con-left,
  .page-node .benefits-wrapper .banner-content.con-center,
  .page-node .benefits-wrapper .banner-content.con-right{margin: 30px 0 30px 10px;}
  .node-type-product .hero-template-a .banner-image img {
    max-width: none;
    max-height: none;
    height:auto;
    width: auto;
  }
  .node-type-product .hero-template-a.img-right .banner-image,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-image,
  .node-type-product .hero-template-a .banner-image{
    float: none;
    text-align: center;
  }
  .node-type-product .view-product-detail-hero-slideshow .banner-content{width: 100%;float: none;}
  .node-type-product .btn.primary, .node-type-product .carousel-inner .hero-template-a .banner-content .btn.primary{display: inline-block; float: none;}
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-image{margin: 20px 0 0;}
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h1{padding-top: 0; margin-bottom: 10px;}
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field{padding-top: 20px;}
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content{margin-top: 0; padding-top: 0}

  /*overriding heading tags starts*/
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h1 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h1,h1,h1 *,.h1,.h1 *{font-size: 32px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h2 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h2,h2,h2 *,.h2,.h2 *{font-size: 23.472px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h3 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h3,h3,h3 *,.h3,.h3 *{font-size: 20.272px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h4 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h4{font-size: 12.8px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h5 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h5{font-size: 16px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h6 *,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h6{font-size: 14px !important;line-height: 100%;}

  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h1 sup,h1 sup,.h1 sup,.h2 sup, 
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h2 sup,h2 sup,.h3 sup,.h4 sup,.h5 sup,.h6 sup,
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-content .description-field h3 sup,h3 sup,h4 sup,h5 sup,h6 sup{font-size: 75% !important;}
  /*starts Title in Global search page should display as per HTML template in Iphone 6s*/
  .page-searches .global-search-results h2.center-line *,.page-support-search .global-search-results h2.center-line *{font-size: 32px !important;}
  .page-searches .global-search-results .input-search .form-item{margin: 0;}
  .page-searches .global-search-results .center-line + .col-xs-12 .row{ padding: 0 10px}
  .page-searches .global-search-results .input-search button {top: 7px;}
  .page-searches .global-search-results .input-search button i.icon.fa-search.fa{font-size: 14px;}
  /*ends Title in Global search page should display as per HTML template in Iphone 6s*/

  /*overriding heading tags ends*/

  /*starts Pump accesories table responsive*/
  .meter-pump-central-accessories table, 
  .meter-pump-central-accessories thead, 
  .meter-pump-central-accessories tbody,
  .meter-pump-central-accessories th, 
  .meter-pump-central-accessories td,
  .meter-pump-central-accessories tr {
    display: block;
  }
  .meter-pump-central-accessories thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .meter-pump-central-accessories tr {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
  }
  .meter-pump-central-accessories tr:last-child {border-bottom: none;}
  .meter-pump-central-accessories td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #eee;
    padding-left: 50%;
    position: relative;
  }
  .meter-pump-central-accessories td::before {
    left: 6px;
    padding-right: 7px;
    /*position: absolute;*/
    top: 6px;
    white-space: nowrap;
    width: 32%;
    vertical-align: top;
    font-family: 'berthold_imagobold',Helvetica,Arial,sans-serif;
    display: inline-block;
    height: 30px;
    float: left;
  }
  .meter-pump-central-accessories td:nth-of-type(1)::before {
    content: "Details";
  }
  .meter-pump-central-accessories td:nth-of-type(2)::before {
    content: "Item code";
  }
  .meter-pump-central-accessories td:nth-of-type(3)::before {
    content: "Box size";
  }
  .meter-pump-central-accessories td:nth-of-type(4)::before {
    content: "Number";
  }
  .meter-pump-central-accessories table.views-table caption{display: block;}
  .meter-pump-central-accessories .views-field.views-field-title{width: 100%;}
  .meter-pump-central-accessories table.views-table thead th:first-child, 
  .meter-pump-central-accessories table.views-table td:first-child{padding-left: 0 !important;}
  .meter-pump-central-accessories .views-field.views-field-add-to-cart-form{width: 100%;}
  .meter-pump-central-accessories .views-field-add-to-cart-form .commerce-add-to-cart{display: inline-block; width: 66%;}
  .meter-pump-central-accessories table.views-table caption,
  .meter-pump-central-accessories .view-product-accessories tr.even,.meter-pump-central-accessories .view-product-accessories tr.odd{border-bottom: 1px solid #ccc;}
  /*.page-pump-accessories .view-display-id-page tbody,*/.meter-pump-central-accessories thead{border: none !important;}
  .meter-pump-central-accessories .commerce-add-to-cart div.form-item-quantity input{margin-left: 0 !important;}

  /*ends Pump accesories table responsive*/
  .node-type-product .view-product-detail-hero-slideshow .carousel-inner .banner-image{margin: 20px 0 0;}
  /*Workshop changes Ends*/

  .page-support #edit-search-wrapper input#edit-search{height: 40px;}
  .page-view-profile .col-xs-4,.page-view-profile .col-xs-8,
  .page-view-profile .col-md-4.col-md-push-8 a[href] button,.page-view-profile .col-xs-4 button{width:100%}
  .global-search-results .center-line .field-type-text-long p{line-height: 36px;}
  .page-user .new-user-note{height:auto;}

  /*benefits and features gradient*/
  .benefits-hero.mob-bg-no-grad:before,.benefits-hero.bg-left-right-grad:before,
  .benefits-hero.bg-right-left-grad:before{background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);}
  .benefits-hero.mob-bg-light-grad:before{background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 50%);}
  .benefits-hero.mob-bg-dark-grad:before{background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 50%);}
  /*benefits and featurs gradient end*/
  /*news article*/
  .featured-news.col-xs-12{padding: 10px 0;}
  .page-news .featured-news .mini-product-card .news-image>img{
    height: auto;
    width: 100%;
    max-width: 100%;
  }
  .page-news .sort-nav-spacer .sort-nav .navbar{display: block;}
  .featured-news .mini-product-card .news-content .news-teaser h4,
  .featured-news .mini-product-card .news-content .news-teaser h4 *{font-size: 22px !important;}
  /*end*/
  /*new search implementation*/
  .page-wrapper.search-overlay-wrapper .search-close-link span{display: none;}
  .page-wrapper.search-overlay-wrapper .search-close-link {top: 5px;}
  .page-wrapper.search-overlay-wrapper .search-close-link .fa{padding-left: 0}
  .page-wrapper.search-overlay-wrapper .header-search{width: 100%}
  .page-wrapper.search-overlay-wrapper .header-search .iconSearch{
    top: 0 !important;
    right: -1px;
    padding: 7px 10px 8px;
  }
  .page-wrapper.search-overlay-wrapper .header-search-input .icon.fa-search.fa{margin-top: 5px;}
  .page-wrapper.search-overlay-wrapper .header-search-input input[type="text"]{padding: 0 37px 0 20px; height: 45px;}
  .page-wrapper.search-overlay-wrapper .header-search-input .formError+*, 
  .page-wrapper.search-overlay-wrapper .header-search-input .formError+input{border:none;}
  /*end*/
  /*diabetics care landing page image*/
  .diabetes-care-landing .article-card{height: auto;max-width: 100%;}
  /*end*/
  .footer .top-section .roche-logo .icon-roche{font-size:50px; line-height: 28px;}
  /*product cataegory landing text auto for mobile device*/
  .pane-product-landing-page .product-card .text-content.col-xs-7.col-sm-7,
  .pane-product-landing-page .products-landing .product-card .row{height:auto}
  .pane-product-landing-page .products-landing .product-card .row{min-height: 190px;}
  .pane-product-landing-page .product-card .text-content.col-xs-7.col-sm-7{padding-bottom: 0}
  /*product cataegory landing text auto for mobile device*/
  #colorbox .extlink-extra-leaving .pop-prev-next .pop-prev{margin-bottom: 20px;}

  /*Support page video carousel 8-11*/
  /*.view-product-support-videos .video-overflow-slider .videos .scroll .slider-row{width: auto !important;}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item{padding:0 5px; width: 100%}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item:first-child{padding-left: 0;}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item .video-player{width: 100%; height: auto;}
  .view-product-support-videos .video-player iframe{width: 100%;}*/
  /*end*/
  .featured-news .mini-product-card .news-image>img{max-width:100%; height:auto;}
  .view-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item .video-player,
  .page-node-support .view-product-support-videos .video-player iframe,.page-node-support .view-product-support-videos iframe{height:198px; width: auto; max-width: 100%;}
  .page-home .carousel .animate-slide .hero-slide-bg.hero-template-a .content-wrapper .cta-button{padding-bottom: 25px;}
  /*For Christmal Card*/
  .page-seasonal-ecard-landing-page .view-christmas-card-header .views-view-grid .col-sm-4{margin-bottom:10px;}
  .page-seasonal-ecard-landing-page .view-christmas-card-header .views-view-grid img{
    max-width: 100%;
    height: auto;
    width: 100%;
    padding-right: 10px;
  }
  .page-seasonal-ecard-landing-page .pane-bundle-text,.page-seasonal-ecard-landing-page .breadcrumbs{padding-left:10px;}
  .page-seasonal-ecard-landing-page a.seaonsal-canr.button-primary.btn.dark.primary{
    font-size:12px;
    width: 100%;
    word-break: break-word;
    white-space: normal;
    line-height: 17px;
    padding: 5px;
  }
  .view-featured-news .container{padding: 0 10px;}
  .view-featured-news{padding: 0px 15px;}
  .view-featured-news .sort-nav{padding: 0;}
  .page-news .sort-nav-spacer{padding: 20px 0;}
  /*.seasonal-ecard-img, .landing-ecard-img{float: none; margin: 0 auto;}*/
  .page-seasonal-ecard-landing-page .view-christmas-card-header{padding:0 10px;}
  .ecard-btn-div .btn.primary{font-size: 12px;}
  .landing-ecard-img-wrapper + .col-sm-9 h4{font-size: 18px !important;}
  /*christmas card end here*/
  /*social share*/
  .prod-share-footer{display: block; top: -51px; padding: 4px 10px 0;}
  .shariff .orientation-vertical li{margin:5px 5px 5px 0;}
  /**/
  /*colorbox mobile width100%*/
  #colorbox #cboxLoadedContent .extlink-extra-leaving{padding: 0 10px;}
  #colorbox.extlink-extra-leaving-colorbox div#cboxContent{width: 99% !important;}
  #colorbox.extlink-extra-leaving-colorbox div#cboxLoadedContent{
    width: 98% !important;
    padding: 0px;
  }
  #colorbox.extlink-extra-leaving-colorbox #cboxMiddleLeft,#colorbox.extlink-extra-leaving-colorbox #cboxMiddleRight{width: 0}
  #colorbox.extlink-extra-leaving-colorbox #cboxClose{right: 10px;}
  #colorbox.extlink-extra-leaving-colorbox #cboxWrapper,#colorbox.extlink-extra-leaving-colorbox{width: 100% !important;}
  #colorbox.extlink-extra-leaving-colorbox{
    width: 90% !important;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  /*end*/

  /*FAQ page video responsive*/
  .FAQAnswer .answer .video-js .vjs-tech, .FAQAnswer .answer .video-js,.FAQAnswer .answer iframe{max-width: 100%;height: auto;}
  .FAQAnswer .answer>p{margin: 0 0px 10px;}
  /*.page-node-faq .view-product-faq .col-xs-12{padding: 0;}*/
  /*end*/

  div.mega-menu-country a.select-country{padding: 11px 0 11px 20px;}
  /*.pane-product-support-videos .video-overflow-slider .videos .scroll .slider-row .item{padding: 0 0 10px;}*/
  .page-faq-all .view-faq-all-listing .item-list .pager li a{display: block}
  .page-faq-all .view-faq-all-listing .item-list .pager-load-more li a{display: inline-block}
  .page-page-not-found .discover-content .dropdown-layout span.dropdown-text{padding-top: 3px;}

  /*Starts video caption in home page slider*/
  .video-player-hero .caption-video-left{width: 100%;bottom: 0; left:0; min-height: 66px;}
  /*Hero Area Slideshow Video Description position for mobile devices */
  .page-home .video-player-hero .caption-video{top: 0; bottom: auto;}
  /*Ends video caption in home page slider*/
  /*Starts password page input focus text animation issue*/
  #user-pass .form-group{position: relative;}
  form#user-pass .input-text label {top: 17px;}
  form#user-pass .animation-class input:focus+label,form#user-pass .animation-class input:valid:required+label{top:6px !important;}
  /*Ends password page input focus text animation issue*/
  /*Starts support page support search and feedback block vertical middle align*/
  .page-node-support .product-support-detail .row.end-options.find-more{padding-bottom: 0;}
  /*.page-node-support .product-support-detail .find-more .col-xs-12.col-sm-6.border-right{padding-bottom: 5px;}*/
  /*Ends support page support search and feedback block vertical middle align*/
  /*Starts Breadcrumb issue fix in iphone*/
  .secondary-nav-fixed .breadcrumb-product-nav .dropdown-toggle, .secondary-nav-fixed .breadcrumb-product-nav span{top:3px;}
  /*Ends Breadcrumb issue fix in iphone*/

  /*Strats in iPhone the header image is cutting from left and right*/
  .node-type-webform .container-fluid section.row{margin: 0}
  /*Ends in iPhone the header image is cutting from left and right*/

  /*Strats support error screens image edge is hiding in iPhone*/
  .view-support-error-code{padding: 0 10px;}
  .view-support-error-code .error-code img{max-width: 100%; height:194px;}
  /*Ends support error screens image edge is hiding in iPhone*/

  /*Starts webform fieldset text padding in ipad */
  fieldset.webform-component-fieldset.webform-component--header-text{padding: 10px;}   
  /*Ends webform fieldset text padding in ipad */

  /*starts coupon barcode issue fixes*/
  .page-node-thankyou .coupon-outer .col-xs-12{width:100% !important; padding-bottom: 10px;}
  .page-node-thankyou .coupon-outer .col-xs-12 ul{padding: 0}
  /*ends coupon barcode issue fix*/

  /*Starts space between add product button and my article in dashboard*/
  .page-user-dashboard .view-registered-user-article{clear: both;}
  /*Ends space between add product button and my article in dashboard*/

  /*starts FAQ page yes no alignment in mobile*/
  div.form-item.form-type-select.form-item-is-useful.is_useful-processed, 
  .page-faq-all .view-faq-all-listing .form-item-is-useful > label, .page-faq-all div.is-useful-widget{display: block;}
  /*ends FAQ page yes no alignment in mobile*/

  /*starts remove double line at button in support product details page*/
  /*.support-product-detail .product-support-detail .end-options .mobile-only{border: none;}*/
  /*ends remove double line at button in support product details page*/

  /*starts fixes for 2 loader showing in external link popup for iphone*/
  .extlink-extra-leaving-colorbox div#cboxLoadingGraphic {display: none !important;}
  /*ends fixes for 2 loader showing in external link popup for iphone*/

  /*starts page not found space below discover content go button */
  .page-page-not-found .discover-content .discover-layout{padding:30px 0;} 
  /*ends page not found space below discover content go button */
  /*starts read more health safety border bottom*/
  .page-node-support .pane-support-health-safety {border-bottom: 1px solid #b9b8b8;}
  /*ends read more health safety border bottom*/
  .support-product-detail .col-wrapper .row .pane-product-support-image{padding:0 10px;}
  .page-node-support .pane-product-faq h2{margin: 20px 0;} 
  .support-product-detail .product-support-detail .end-options.find-more .col-xs-12.border-right{padding:0 10px 30px;}
  .product-support-detail .faqs-link{padding-right:10px;}
  .support-product-detail .view-id-support_health_safety .health-text {
    padding: 0 10px;
  }
  .support-product-detail .product-support-detail .end-options.find-more .col-xs-12{
    padding-left: 10px;
    padding-right: 10px;
  }
    /*starts static logo Implementation 0811*/
    .col-xs-6.col-sm-3.col-md-4.logo.static-logo-block {
        padding-top: 4px;
        margin-bottom: -8px;
}
    .static-logo-block .accu-chek-logo {
        height: 32px;
    }

    .static-logo-block .accu-chek-logo #static-logo {
        max-height: 24px;
        width: auto;
    }
    /*starts static logo Implementation 0811*/
    /*Text overlapping issue in iPhone5 Starts*/
    nav.footer-nav ul li.col-xs-6{width:100%;}
    /*Text overlapping issue in iPhone5 Ends*/
    
    /*Starts News block UI modified for mobile*/    
    .news-teaser .col-xs-12.col-sm-6{position:relative; top:0;left:0}
    .news-teaser .col-xs-12.col-sm-6 .btn{    
        color: #908d88;
        border: 1px solid #908d88;
    }
    .news .row .cta{margin-left:0;}
    .news-teaser {
        padding-bottom: 15px;
        display: inline-block;
        box-shadow: 0px 0px 2px #ccc;
        width: 100%;
    }
    .news .news-teaser .col-xs-12.col-sm-6{padding: 0 10px;}
    .news .news-teaser .col-xs-12.col-sm-5 {
        padding: 10px;
    }
    .news-teaser .col-xs-12.col-sm-5 img {
        width: auto;
        height: auto;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    .news .row h2{display: block}
    /*Ends News block UI modified for mobile*/  
 
    /*youtube width issue fixes in device Starts*/
    .about-us-container .padding-body-fix{
        padding-right:10px;
}
    iframe[src*="youtube"] {
        max-width: 100%;
    }
    /*youtube width issue fixes in device Ends*/
    
    /*Starts external link popup sticky at bottom of popup*/
    #colorbox #cboxLoadedContent .extlink-extra-leaving{
        height: 100%;
        padding: 0 !important;
    }
    #colorbox #cboxLoadedContent .extlink-text {
        height: 87%;
        padding-bottom: 10px;
        overflow: auto;
    }
    .extlink-extra-leaving .pop-prev-next {
        display: inline-block;
        height: auto;
        background: #fff;
        padding-top: 10px;
        position: absolute;
        bottom: 0;
        width: 97%;
    }
    #cboxLoadedContent {
        overflow: visible !important;
    }
    #colorbox .extlink-extra-leaving .pop-prev-next .pop-prev{margin-bottom: 15px;}
    #colorbox .extlink-extra-leaving .pop-prev-next > .pop-prev{margin-right:0;}
    #colorbox.extlink-extra-leaving-colorbox #cboxClose{display: none;}
    /*Ends external link popup sticky at bottom of popup*/
    /*Starts news block modification*/
    .news-teaser .news-body-area {
          padding-bottom: 0;
          height: auto;
      }
    .news-teaser .news-readmore-button{
          position: static;  
    }
    /*Ends news block modification*/
    
    /*Ad block image responsive starts here*/
    .pane-roche-ads .image-ad img{width: 100%}
    .pane-roche-ads .image-display img{max-width: 100%}
    /*Ad block image responsive Ends here*/
    
    /*default table styling with scroll in small screen starts*/
    table tr:nth-of-type(odd) td, table tr:nth-of-type(even) td {
        background-color: transparent;
    }
    /*default table styling with scroll in small screen ends*/
    
    /*Footer cookie policy slideup popup modification starts*/
    #sliding-popup .popup-content #popup-text h2 {
        margin-bottom: 1px;
        font-size: 14px;   
}
    #sliding-popup .popup-content #popup-text p {
        font-size: 12px;
    }
    #sliding-popup .popup-content #popup-text{
        margin: 2px 0 0;
    }
    #sliding-popup .popup-content #popup-buttons button{
        margin: 3px 0 8px;
        padding: 0px 5px;
        font-size: 12px;
        border: 1px solid #ccc;
        font-family: "berthold_imagobold", Helvetica, Arial, sans-serif;
        font-weight: normal;
    }
    #sliding-popup .popup-content {max-width: 95%;}
    #sliding-popup .popup-content #popup-text h2 {font-size: 14px !important;}
    #sliding-popup .popup-content #popup-text,#sliding-popup .popup-content #popup-buttons{max-width:100%; float: none}
    #sliding-popup .popup-content #popup-buttons{margin-bottom: 0px;text-align: center;}
    
    /*Footer cookie policy slideup popup modification ends*/
    /*Footer disclaimer overlap by stick menus in ipad Starts */
    .node-type-product .footer{padding-bottom: 70px;}
    body.logged-in.panels-ipe.node-type-product .footer {padding-bottom: 10px;}
    /*Footer disclaimer overlap by stick menus in ipad Ends */
    /*reduce height of hero area when background is color starts*/
    .page-node-support .pane-product-support-image .error-code-gallery .support-dtl-hero-bg-col.centered-hero,
    .page-diabetescarelanding .global-hero-area-bg-col.centered-hero,
    .page-diabetescare .global-hero-area-bg-col.centered-hero,
    .page-user-dashboard .global-hero-area-bg-col.centered-hero {
        height: 120px;
    }
     .page-support .support-hero-bg-col.centered-hero{
        height: 150px;
        display: table;
    }
    .page-support .support-hero-bg-col.centered-hero .banner-search{
        margin: 10px 20px;
    }
    /*reduce height of hero area when background is color ends*/
	
    /*remove select country heading starts*/
	.view-roche-country-listing .full-screen-modal-head,
	.header.smaller + .content-new .view-roche-country-listing .full-screen-modal-head{
		padding-top: 7px;
	}
    .view-roche-country-listing a.close-full-screen-modal[href="#countrySelect"] {
        top:7px;
        right:-10px
    }
    .country-select .list > li:first-child{
        padding-left:0;
    }
    .full-screen-modal-body .pane-content {
        padding:0 45px 0 0;
        overflow:hidden;
    }

	/*remove select country heading ends*/
}
@media screen\0, screen and(min-width: 320px) and (max-width: 360px) {
  .news-checkbox .input-checkbox label{ padding-right:20px;}
  .footer .top-section .col-xs-4{width:49.333%;}
  .page-product-category .view-products-hero .descr { margin: auto;  width: 80%;}
  .discover-content .dropdown-layout span.dropdown-text{padding-top:10px;}
  .col-xs-7.col-sm-8.formelements{margin: 0 0 0 19px; width: 55%;}
  .page-home .newsletter-main .col-sm-8{padding:0;}
  .news-teaser .col-xs-12.col-sm-6 .btn{font-size: 1.1em;}
  .footer .top-section .roche-logo{ margin-left:5px;}
  .alignfields{margin-left:29px!important; width:85%!important;}
  .page-product-category .carousel-indicators{ bottom:0;}
}
@media screen\0, screen and(min-width: 320px) and (max-width: 767px) {
  .discover-content .button-left{ float:none;}
  .col-sm-4 .hero-template-a.img-right .banner-image{ width:80%;  padding: 0 0 0 20px; }
  .news-teaser .col-xs-12.col-sm-5 img{ width:100%;}
  .footer .top-section .select-country{text-align:center;}
  .discover-content .discover-layout{ padding:0; width:70%; margin:auto;}
  .page-page-not-found .discover-content .discover-layout{width:100%;}
  .selectboxit-container .selectboxit{width: 217px;}
  .hero-template-a .banner-content .btn.primary{padding:9px 6px;}
  .page-home .hero-template-a.hero-slide-bg .banner-content .btn.primary{padding:11px 15px 13px;}
  .newsletter-main{min-height:345px;}
  .panel-pane.pane-bean-panels {padding :0px;}
  .roche-discover-dropdown2-text, .roche-discover-dropdown1-text{margin-left:0;}
  .form-item.form-type-checkbox.form-item-roche-win-check-window{margin-left:10px; text-align:left;}
  .container-fluid{padding:0;}
  .roche-discover-dropdown1-select, .roche-discover-dropdown2-select{padding-left:0;}
  .pane-product-videos .placehold-image{ width:100%;}
  .pane-product-videos .placehold-content{width:100%;}
  .account-nav .roche-logo .icon-roche{
    font-size: 43px;
  }
}
@media screen\0{
  .page-node-videos .pane-product-videos .placehold-image{ width:52%;}
  .page-node-videos .pane-product-videos .placehold-content{ width:48%;}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation : landscape) {
  /*.benefits-hero .banner-content p,.benefits-hero .banner-content ul,.benefits-hero .banner-content ol{
      display: block;
      line-height: 18px;
      padding-bottom: 0;
      margin-bottom: 0;
  }*/
  .view-product-detail-hero-slideshow .banner-content{width: 360px;}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .content-wrapper{width:90%;}*/
  .page-home .discover-content .discover-layout{width:100%; margin: 0 auto;}
  .page-page-not-found .error-template .div2{top:45px}
  /*.page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field *{display: block;}*/
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field p{margin: 15px 0;}
  /*
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h1 *{font-size: 25px !important;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h2 *,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field h5 *{font-size: 17px;}
  */
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field li span,
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field sup{display: inline;}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field li{display: list-item; font-size: 15px; padding-bottom: 0}
  .page-home .carousel .hero-template-a.hero-slide-bg .banner-content .description-field ul{margin-top: -7px;}
  .node-type-product .benefits-hero{min-height: 380px;}
  html.js #header-search .input-search input.form-autocomplete.throbbing{background-position: 91% 60%;}
  html.js input.form-autocomplete.throbbing{background-position: 91% center;} 
}
@media screen and (max-width: 413px) {
  .discover-content > form{ width:100%; margin:auto;}
  /*.view-product-detail-hero-slideshow .hero-template-a .banner-image img{
      max-width: 110px;
  }*/  
  .view-product-detail-hero-slideshow .banner-content{
    width: 65%;
    padding: 15px 0 20px 0px;
  }
  .account-nav .roche-logo .icon-roche{font-size: 40px;}
  .text-icon .edit-profile a.anchor{width:70%;}
  .view-product-detail-hero-slideshow .hero-template-a .content-wrapper{padding: 0 30px;}       
  .view-product-detail-hero-slideshow .hero-template-a .content-wrapper{
    padding: 0 30px;
  }
  .benefits-hero .benefits-wrapper{
    width: 100%;
    padding: 0 20px;
  }
  .page-node .benefits-wrapper .banner-content.con-left,.page-node .benefits-wrapper .banner-content.con-right{
    padding: 0;
  }
  .page-home .newsletter-main .col-xs-7.col-sm-8.formelements{padding: 0;}
  .page-home .newsletter-main .col-xs-5.col-sm-4{padding-right: 0;}
  div.responsepopup {
    width: 90%;
  }
  .page-searches .row.search-section ul, .page-searches .row.search-section ol{padding-left:0px;}
  .node-type-page .pane-content h1 {margin-top: 25px;}
}
@media screen and (max-width: 360px) {
  .account-nav .roche-logo .icon-roche{
    font-size: 33px;
    line-height: 85%;
  }
  #block-locale-language-content ul.language-switcher-locale-url li{font-size: 12px;}
  .hero-template-a .content-wrapper{
    width: 320px;
    min-width: 300px;
    padding: 0;
  }
  .view-product-detail-hero-slideshow .banner-content{
    width: 58%;
  }
  .benefits-hero .banner-content{width: auto;min-width: 0}
  /*.benefits-hero .banner-content{
      min-width: 290px;
      width: 290px;
  }*/
  .page-home .newsletter-main.hero-template-b h1{font-size: 1.6em;}
  .page-node.node-type-product ul.breadcrumbs{padding: 10px 0;}
  /*Starts external link popup sticky at bottom of popup*/
  #colorbox #cboxLoadedContent .extlink-text {
        width: 97%;   
}
  /*Ends external link popup sticky at bottom of popup*/
}