/*Hero Component*/
#stPageFrame{overflow-y:hidden;}
#get-care-heatlh-body {
  overflow-y: hidden;
}

section.sec__imageText.cat__dropdown .imageContainer img.img-fluid {
  height: 100%;
} 

.sec__pharmCoverage.cat__pharmHealthPlan.fourBox .tiles-box .tiles .content-box.green span.d-inline-block {
  color: #005eb9;
}

.sec__pharmCoverage.cat__pharmHealthPlan.fourBox .tiles-box .tiles .content-box.green .fourth-box-link {
  margin-top: 5rem;
}

.sec__pharmCoverage.cat__pharmHealthPlan.fourBox .tiles-box .tiles .content-box.green h3 {

  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0px;
}

.tiles-box .tiles .content-box .title {
  height: 23px;
  color: #222222;
  font-family: Univers-55, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}

.sec__pharmCoverage.cat__pharmHealthPlan.fourBox .tiles-box .tiles .content-box.green .moreLink:after {
  position: relative;
  top: 2px;
  margin-left: 8px;
  color: #005eb8;
  font-size: 1.30rem;
  font-weight: 500;
  line-height: 1rem;
  content: "\203A"; 
}

#our_plan_accordion .component-text-accordion.forms .component-text-accordion-main {
  margin-top: 0px;
}
#our_plan_accordion .component-text-accordion.forms,
#specialtypharm .component-text-accordion.forms {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  margin: 0px;
  width: 100%;
}
#our_plan_accordion .component-text-accordion.forms .component-text-accordion-submenu,
#specialtypharm .component-text-accordion.forms .component-text-accordion-submenu {
  display: block;
  padding-top: 0px;
}


@media (max-width: 767.2px) {
  #our_plan_accordion .component-text-accordion.forms,
  #specialtypharm .component-text-accordion.forms {
    padding-left: 0px;
  }
}

#broker_employer_hero_login .hero-login-container .log-in .login-container h4,
#broker_employer_hero_login .hero-login-container .log-in .login-container h4 a {
  font-family: Univers-55, sans-serif;
  color: #666666;    
}

/* Responsive CSS Changes for all  when window resize*/
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  #manageHealthConidistionsHero .row .mask {
    padding-top: 1.5% !important;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1279px){  
  #manageHealthConidistionsHero .row .mask {
    padding-top: 1.8% !important;
  }
}

/* Responsive CSS Changes for all 
Batch 2 and batch 3 pages */

@media (min-width: 992px) {

  /*Dental Vision plan page*/  
  #Gcareimagetextleft .sectionIntro p a.link{
    font-family: Univers-55, sans-serif;
  }
  #dentalVisionPlan3Cards {
    /*margin-top: 0px;*/
    margin-bottom: 0px;
    /*padding-top: 0px;*/
    padding-bottom: 0px;
  }
  /*end here*/
  section.sec__imageText.cat__dropdown .section-container .card {
    width: 486px;
  }

  /*Font bold for all buttons and links*/
  section.sec__imageText.cat__imageleft .contentContainer .sectionIntro a.button.secondary,
  section.sec__quotePromo.cat__promo .sectionMainContent .sectionIntro a.button.secondary,
  section.sec__infographic.cat__common.sub__left .sectionIntro a.button.secondary,
  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner .content button.button.secondary,
  section.sec__blueBorder-WideImage .sectionIntro a.button.secondary, 
  #broker_employer_hero_login .hero-login-container .log-in .login-container form button,
  #employers-TextRight .sectionIntro a.button.secondary {
    font-weight: 600;
  }
  #broker_employer_hero_login .hero-image-container .hero-image img {
    width:100%
  }
  #broker_employer_hero_login .hero-login-container .bodySection .image-row{
    width: 577px;  
  }
  
  #broker_employer_hero_login .hero-login-container .bodySection .image-row p.third-icon{
    margin-left: -5%;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  } 
  #our_plan_accordion .component-text-accordion {
    padding: 30px 100px;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }

  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  }
  #employer-group-plans .container img {
    margin-right: 20% !important;
    z-index: -1;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 32%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 28%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;    
    padding-left: 16%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 28%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 0.85rem;    
     padding-left: 43%;
  }
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 33% !important;
    padding-bottom: 7%;
  } 
}


/* iPad Pro CSS Changes for all 
Batch 2 and batch 3 pages */
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait) {  
 #managingHealthCondition .section-container .card {
    max-width: 36%;
    min-height: 0;
    height: 335px;
    margin-top: -2%;
  }
   #managingHealthCondition .description p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters {
    margin-right: 1%;
  }
  
  #managingHealthCondition .cmp-imageText .card.card-small {
    padding: 30px 52px;
    min-height: 326px;
    border: 0px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters:last-of-type {
    margin-left: 0;
  }
 #manageHealthConidistionsHero a.button.secondary.white-button {
    display: block !important;
  }
  #manageHealthConidistionsHero .row .mask {
    padding-top: 3% !important;
    padding-bottom: 0% !important;
  }
   #manageHealthConidistionsHero .row .mask h1.pharmacy-header {
    width: 79% !important;
  }
  #brokers_employers .contentContainer .sectionIntro{
    padding-left: 7%;
    padding-right: 0%;
    margin-top: 0%;
  }

  #broker_employer_hero_login .hero-login-container .bodySection p.not-yet-a-member {
    width: 108%;
  }
  #broker_employer_hero_login .hero-image-container .hero-image{
    height: 420px;
  }  
  #better_tools_technology .Better-tools .space_adder {
    margin-left: 0%;
  }
  #better_tools_technology .Better-tools .col-xs {
    border-bottom: 0px;
    border-left: 1px solid #5dc1fd;
  }
  #employers-TextRight .textContainer.getcare-textcontainer .sectionIntro h6.eyebrow,
  #employer-group-products .sectionIntro h6.eyebrow  
  {
    margin-bottom: 3%;
  }
  #understanding_pharmacy_coverage .sectionIntro h6.eyebrow {
    margin-bottom: 1%;
  }
  #employers-TextRight .textContainer {
    min-height: 420px;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  } 
  #our_plan_accordion .component-text-accordion.forms .component-text-accordion-main {
    margin-top: 0px;
  }  
  #our_plan_accordion .component-text-accordion {
    padding: 30px 100px;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }

  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  }


  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 32%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 28%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;    
    padding-left: 16%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 28%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 0.85rem;    
     padding-left: 43%;
  }
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 34% !important;
    padding-bottom: 7%;
  } 
}

/* iPad landscape CSS Changes for all 
Batch 2 and batch 3 pages */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  
  /*end here*/
  section#getcare_plancards #gcPersonalizedCareSupport div.carousel-inner {
    flex-wrap: inherit;
  }
  #managingHealthCondition .section-container .card {
    max-width: 36%;
    min-height: 0;
    height: 335px;
    margin-top: -2%;
  }
   #managingHealthCondition .description p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters {
    margin-right: 1%;
  }
  
  #managingHealthCondition .cmp-imageText .card.card-small {
    padding: 30px 52px;
    min-height: 326px;
    border: 0px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters:last-of-type {
    margin-left: 0;
  }
  #manageHealthConidistionsHero .row .mask {
    padding-top: 2% !important;
  }
   #better_tools_technology .threeup-cards .carousel-inner .first-block a.link {
    position: absolute;
    top: 200px;
  }
  #better_tools_technology .threeup-cards .carousel-inner .third-block a.link {
    position: absolute;
    top: 215px;
  }
  #brokers_employers .contentContainer .sectionIntro{
    padding-left: 7%;
    padding-right: 0%;
    margin-top: 0%;
  }
  #broker_employer_hero_login .hero-image-container .hero-image{
    height: 356px;
  }  
  #broker_employer_hero_login .hero-image-container #employer-hero-image{
    height: 520px;
  }  
  #employers-TextRight .textContainer.getcare-textcontainer .sectionIntro h6.eyebrow,
  #employer-group-products .sectionIntro h6.eyebrow
  {
    margin-bottom: 3%;
  }
  #understanding_pharmacy_coverage .sectionIntro h6.eyebrow {
    margin-bottom: 1%;
  }
  #better_tools_technology .sectionIntro .space_adder,
  #better_tools_technology .sectionIntro .add_seperator,
  #better_tools_technology .sectionIntro .space_text
  {
    margin-left: 0%;
  }
  #employers-TextRight .textContainer {
    min-height: 420px;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }

  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  }
}

/* iPad portrait CSS Changes for all 
Batch 2 and batch 3 pages */
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
  /*Manage health page*/
  form#use-insurance-registration-form .button.button-next.nextArrow::after{
    padding-left: 60%;
  }
  #managingHealthCondition .section-container .card {
    padding: 4% 6% !important;
    margin-top: 9% !important;
    margin-left: 4%;
  }
  #managingHealthCondition .description p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  #managingHealthCondition .cmp-imageText .negative-margin {
    margin-left: 5%;
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters {
    margin-right: 6%;
  }
  
  #managingHealthCondition .cmp-imageText .card.card-small {
    padding: 30px 52px;
    min-height: 326px;
    border: 0px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  }
  section#login-hero .hero-image-container .hero-details {
    background: linear-gradient(25deg, #00497e 15%, transparent 41%), linear-gradient(139deg, #008cc9, transparent 33%), linear-gradient(90deg, #003a65 10%, #0000 50%);
  }
  #login-hero .hero-image-container .hero-details a.white-button {
    width: 65%;
  }
  #managingHealthCondition .negative-margin .mobile-no-gutters:last-of-type {
    margin-left: 0;
  }
  #manageHealthConidistionsHero{
    margin-bottom: 5%;  
  }
  #getcare_plancards, #dentalVisionPlan{
    padding-right: 0 !important;
    padding-left: 50px !important;
  }
  #manageHealthConidistionsHero .row .mask h6.pharmacy-eyebrow {
    font-size: 12px !important;
    line-height: 16px !important;
  }
  #manageHealthConidistionsHero .row .mask h1.pharmacy-header {
    font-size: 30px !important;
    line-height: 38px !important;
  }
  #manageHealthConidistionsHero .row .mask p.pharmacy-text {
    font-size: 16px !important;
    line-height: 28px !important;
  }
  #manageHealthConidistionsHero a.button.secondary.white-button {
    display: none !important;
  }

  #better_tools_technology .threeup-cards .carousel-inner .first-block a.link {
    position: absolute;
    top: 200px;
  }
  #better_tools_technology .threeup-cards .carousel-inner .third-block a.link {
    position: absolute;
    top: 215px;
  }
  #broker_employer_hero_login .hero-details .content {
    width: 67%;
    top: 27%;
  }
  #employers-TextRight .textContainer {
    min-height: 420px;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  }
  #better_tools_technology .sectionIntro .space_adder,
  #better_tools_technology .sectionIntro .add_seperator,
  #better_tools_technology .sectionIntro .space_text
  {
    margin-left: 0%;
  }
  #better_tools_technology .carousel .carousel-inner .col-xs {
    border-bottom: 0px;
    border-left: 1px solid #5dc1fd;
  }

  #employers-TextRight .textContainer.getcare-textcontainer .sectionIntro h6.eyebrow,
  #employer-group-products .sectionIntro h6.eyebrow
  {
    margin-bottom: 3%;
  }
  #understanding_pharmacy_coverage .sectionIntro h6.eyebrow {
    margin-bottom: 1%;
  }
  #broker_employer_hero_login .hero-details h1.hero-title {
    font-size: 2.875rem;
    line-height: 3.311rem;
  }

  #broker_employer_hero_login .hero-details .hero-eyebrow {
    font-size: 0.75;
    line-height: 1rem;
  }

  #broker_employer_hero_login .hero-details .hero-body {

    font-size: 1.010rem;
    line-height: 1.75rem;
  }

  #broker_employer_hero_login .hero-details#employer-hero-details {
    background: linear-gradient(5deg, #00497e 15%, transparent 41%), linear-gradient(9deg, #008cc9, transparent 33%), linear-gradient(0deg, #003a65 10%, #0000 50%);
  }

  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner .better-tools-icon {
    margin-left: 0%;
    margin-bottom: 15%;
  }

  section.sec__imageText.cat__imageleft.backgroundshade .contentContainer .sectionIntro {
    padding-left: 13%;
    padding-right: 37%;
  }
  /*Font bold for all buttons and links*/
  section.sec__imageText.cat__imageleft .contentContainer .sectionIntro a.button.secondary,
  section.sec__quotePromo.cat__promo .sectionMainContent .sectionIntro a.button.secondary,
  section.sec__infographic.cat__common.sub__left .sectionIntro a.button.secondary,
  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner .content button.button.secondary,
  section.sec__blueBorder-WideImage .sectionIntro a.button.secondary, 
  #broker_employer_hero_login .hero-login-container .log-in .login-container form button,
  #employers-TextRight .sectionIntro a.button.secondary {
    font-weight: 600;
  }

  /*Accordion css for pharmacies-and-prescriptions*/
  #our_plan_accordion .component-dropdown .component-text-accordion.forms .component-text-accordion-submenu,
  #pharmacy-coverage-form .component-dropdown .component-text-accordion.forms .component-text-accordion-submenu {
    display: block;
    padding-top: 0px;
  }
  #our_plan_accordion .component-dropdown .component-text-accordion.forms,
  #pharmacy-coverage-form .component-dropdown .component-text-accordion.forms{
    padding-left: 0px;
    padding-top: 0px;
  }
  #pharmacy-coverage-form .pharma-see-all-question {
    margin-top:2%;  
  }
  /*ends here*/

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }

  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 32%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 28%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;    
    padding-left: 16%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 35%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 11px;    
     padding-left: 50%;
  }
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 20% !important;
    padding-bottom: 7%;
  } 
}

/* Desktop CSS Changes for all 
Batch 2 and batch 3 pages */

@media (min-width: 1200px) {
  /*Manage Health conditions*/  

#managingHealthCondition .cmp-imageText .card.card-small {
  padding: 50px 80px;
  border: 0px;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
}
  #accordion-selector-1 .component-text-accordion.forms .component-text-accordion-card {
    margin: 0px 100px 0px 0px;
  } 
  #manageHealthConidistionsHero .mask {
    padding-left:8.5%;
  }
  #manageHealthConidistionsHero .mask h1.pharmacy-header {
    width: 65%;
  }
  #managingHealthCondition .container .section-container .card {
    height: 30% !important;
    padding: 47px 78px;
    margin-left: 14px;
    min-height: 270px;
  }
  #managingHealthCondition .container .section-container .imageText-image img {
    width: 82%;
  }
  
  #managingHealthCondition .cmp-imageText .container .negative-margin div:nth-of-type(4) .card.card-small {
    padding: 38px 80px;
  }   
  /*end here*/
  /*Dental Vision plan css*/
  #Gcareimagetextleft .sectionIntro p a.link{
    font-family: Univers-55, sans-serif;
  }
  #getcare_plancards {
    /** padding-bottom: 0px; **/
    margin-bottom: 0px;    
  }
  #individualfamily {
    margin-bottom: 50px;
  }
  #dental_vision_two_box .titleBox p.intro-four-para {
    width: 62%;
  }
  #dental_vision_two_box .titleBox a.button.primary:after{
    color: #fff;
    font-size: 0.59rem;
    font-weight: bolder; 
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green {
    border-top: 6px solid #F4D75E;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green a.icon-off-site-blue-inline:after {
    font-size: 0.69rem;
    font-weight: bolder;
  }

  #dental_vision_two_box .tiles-box .tiles {
    padding-right: 30px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green p {
    width: 100%;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details{    
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 130px;
    width: 100%;
    margin-bottom: 25px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .no-of-plans{    
    border-right: 1px solid #CCCCCC;
    width: 50%;
    height: 68%;
    padding: 5% 5%;
    vertical-align: middle;
    text-align: center;
    float: left;
    margin: 5% 0%;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .no-of-plans h1.secondaryHeading.introShortWidth{
    font-size: 60px;
    line-height: 53px;
    color: #999999;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1{    
    width: 50%;
    float: left;
    height: 100%;
    padding: 8% 7%;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .eyebrow{
    text-align: center;
    padding-bottom: 7%;
    font-size: 13px;
    letter-spacing: 0.89px;
    line-height: 16px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue{
    padding-right: 0%;
    margin-left: 13%;
    color: #999999;
    font-size: 51px;
    line-height: 53px;
  }

  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue sub{
    bottom: -0.01em;
    font-size: 16px;
    color: #999999;
    margin-left: -5%;
  }

  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue2{
    padding-right: 0%;
    margin-left: 22%;
    color: #999999;
    font-size: 51px;
    line-height: 53px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue2 sub{
    bottom: -0.01em;
    font-size: 16px;
    color: #999999;
    margin-left: -13%;
  }
  
  #individualfamily .container .mask{
   padding-left: 8.5%;
  }

  #individualfamily .container .mask h6{
    font-size:0.75rem;
    line-height:1rem;
  }
  

  section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-header{
    width: 87%;
    line-height: 3.3125rem;
    padding-top: 2%;
    font-size: 2.875rem;
  }

  section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-text{
    margin-top: 3%;
    width: 84%;
  }
  #dentalVisionPlan .sectionIntro h6.eyebrow{
    margin-bottom: 1%;
  }
  section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card h3.regular55{
    margin-bottom: 3%;
  }
  section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card p {
    font-size: 14px;
  }
  section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card a.icon-off-site-blue-inline:after {
    font-size: 0.69rem;
    font-weight: bolder;
  }
  /*section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .carousel-inner div:nth-of-type(2){
    margin-bottom: 25px;
  }*/
  /*end here*/

  section.sec__imageText.cat__dropdown {
    padding-left: 100px !important;
  }
  #broker_employer_hero_login .hero-login-container .bodySection .image-row{
    width: 577px;  
  }
  #broker_employer_hero_login .hero-login-container .bodySection .image-row p.third-icon{
    margin-left: -5%;
  }
  #broker_employer_hero_login .hero-details h1.hero-title {
    font-size: 2.875rem;
    line-height: 3.313rem;
  }

  #broker_employer_hero_login .hero-details .hero-body {
    font-size: 1.010rem;
    line-height: 1.75rem;
  }

  #broker_employer_hero_login .hero-login-container .bodySection {
    padding: 60px 94px;
  }
 
  #employers-TextRight .textContainer.getcare-textcontainer {
    min-height: 470px;
    width: 589px;
    padding: 4.25rem 5.375rem;
    left: 580px;
  }
  #employers-TextRight .textContainer.getcare-textcontainer .sectionIntro h6.eyebrow,
  #employer-group-products .sectionIntro h6.eyebrow
  {
    margin-bottom: 3%;
  }
  #understanding_pharmacy_coverage .sectionIntro h6.eyebrow {
    margin-bottom: 1%;
  }
  /*Font bold for all buttons and links*/
  section.sec__imageText.cat__imageleft .contentContainer .sectionIntro a.button.secondary,
  section.sec__quotePromo.cat__promo .sectionMainContent .sectionIntro a.button.secondary,
  section.sec__infographic.cat__common.sub__left .sectionIntro a.button.secondary,
  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner .content button.button.secondary,
  section.sec__blueBorder-WideImage .sectionIntro a.button.secondary, 
  #broker_employer_hero_login .hero-login-container .log-in .login-container form button,
  #employers-TextRight .sectionIntro a.button.secondary {
    font-weight: 600;
  }

  /*Employer our group products*/
   #better_tools_technology .threeup-cards .carousel-inner .first-block a.link {
    position: absolute;
    top: 130px;
  }
  #better_tools_technology .threeup-cards .carousel-inner .third-block a.link {
    position: absolute;
    top: 143px;
  }
  #employer-group-products .sectionIntro {
    right: 694px;
    bottom:0px;
  }
  #employer-group-products .container img {
    z-index: -1;
  }
  #employer-group-products .sectionBody {
    width: 796px;
    z-index: -1;
  }

  /*Accordion css for pharmacies-and-prescriptions*/
  #our_plan_accordion .component-dropdown .component-text-accordion.forms .component-text-accordion-submenu,
  #pharmacy-coverage-form .component-dropdown .component-text-accordion.forms .component-text-accordion-submenu {
    display: block;
    padding-top: 0px;
  }
  #our_plan_accordion .component-dropdown .component-text-accordion.forms, 
  #pharmacy-coverage-form .component-dropdown .component-text-accordion.forms{
    padding-left: 0px;
    padding-top: 0px;
  }
  #pharmacy-coverage-form .pharma-see-all-question {
    margin-top:2%;
  }
  /*ends here*/
  #our_plan_accordion .component-text-accordion.forms .component-text-accordion-main {
    margin-top: 0px;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  }   
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }
  #our_plan_accordion .component-text-accordion {
    padding: 30px 100px;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }
  #employer-group-plans .container img {
    margin-right: 20% !important;
    z-index: -1;
  }
  #employer-group-plans .container .sectionBody {
    z-index: -1;
    margin-right: 30.7% !important;
    width: 78.9% !important;
  }
  #employer-group-plans .container .sectionIntro {
   /* left: 724px; */
   right: 0;
   bottom: -17px;
   width: 446px !important;
 } 
 #employer-group-products {
    margin-bottom: 180px !important;
  }
  #employer-group-plan-threecards {
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 115px;
  }
  #employer-group-plans {
    margin-bottom: 140px;
    height: 560px;
  }

  #employer-group-plan-threecards .sectionBody .col-12.col-md p:nth-of-type(2) {
    font-size: 14px;
  }

  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  }
  #employer-group-plans .sectionBody .row {
    width: 725px;
  } 
  #employer-group-plan-threecards .sectionBody .col-12.col-md h4.card-title {
    padding: 0px 20px;
  }  
  #employer-group-plan-threecards .sectionBody .col-12.col-md p:nth-of-type(2) {
    padding-left: 19px;
    padding-right: 0px;
    width: 101%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body, 
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 17%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 20%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 16%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase; 
    padding-left: 0%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 16%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 21%;
  }

  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 17%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 21%;
  }
  
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 11px;    
     padding-left: 42%;
  }
  
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra {
     font-size: 0.85rem;    
     padding-left: 39%; 
  }
  
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 17% !important;
    padding-bottom: 7%;
  } 
  
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 35% !important;
    padding-bottom: 7%;
  } 
}
/*FireFOx browser only*/
@-moz-document url-prefix() {
  #employer-group-plans .container .sectionBody {
    z-index: -1;
    margin-right: 30.7% !important;
    width: 69.2% !important;
  }
}

/* Mobile CSS Changes for all 
Batch 2 and batch 3 pages */
@media only screen and (max-width: 767.9px) {
section.sec__hero.cat__useInsurance .hero-variation-insurance-eyebrow {
  padding-top: 25px;
}
section.sec__imageText.cat__fullWidthGradientImage-dualCards .fullWidthGradientImage .sectionImage img {
  min-width: 415px;  
}
#getcare_plancards #gcPersonalizedCareSupport .carousel-inner .carousel-item .threeup-card:nth-of-type(1) .personalized-align{
  bottom: 29px;
}
#intro_four .tiles-box .carousel,
#dental_vision_two_box .tiles-box .carousel {
  overflow: hidden;
}
section.sec__planCards #EmployerGroupCards .carousel-inner .carousel-item .plan-card {
  min-width: 80%;
  min-height: 368px;
  margin-right: 5%;
}  
 /*Scrolling css for individual family page*/
section.sec__planCards #plan-cards .carousel-inner .carousel-item .plan-card {
  min-width: 80%;
  min-height: 350px;
  margin-right: 5%;
}
  /*Dental Vision plan css*/
  #dentalVisionPlan3Cards {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
   #individualfamily {
    margin-bottom: 50px;
  }
  #dental_vision_two_box .titleBox a.button.primary:after{
    color: #fff;
    font-size: 0.59rem;
    font-weight: bolder; 
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green {
    border-top: 6px solid #F4D75E;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green a.icon-off-site-blue-inline:after {
    font-size: 0.69rem;
    font-weight: bolder;
  }

  #dental_vision_two_box .tiles-box .tiles {
    padding-right: 30px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green p {
    width: 100%;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details{    
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 119px;
    width: 100%;
    margin-bottom: 25px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .no-of-plans{    
    border-right: 1px solid #CCCCCC;
    width: 38%;
    height: 68%;
    padding: 9% 12% 0% 0%;
    vertical-align: middle;
    text-align: center;
    float: left;
    margin: 8% 0%;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .no-of-plans h1.secondaryHeading.introShortWidth{
    font-size: 30px;
    line-height: 32px;
    color: #999999;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1{    
    width: 62%;
    float: left;
    height: 100%;
    padding: 16% 7%;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .eyebrow{
    text-align: center;
    padding-bottom: 7%;
    font-size: 13px;
    letter-spacing: 0.89px;
    line-height: 16px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue{
    padding-right: 0%;
    margin-left: 8%;
    color: #999999;
    font-size: 30px;
    line-height: 32px;
  }

  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue sub{
    bottom: -0.01em;
    font-size: 15px;
    color: #999999;
    margin-left: -5%;
  }

  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue2{
   padding-right: 0%;
    margin-left: 13%;
    color: #999999;
    font-size: 30px;
    line-height: 32px;
  }
  #dental_vision_two_box .tiles-box .tiles .content-box.green .plan-details .plan1_box1 .planvalue2 sub{
     bottom: -0.01em;
    font-size: 15px;
    color: #999999;
    margin-left: -9%;
  }
  
  #individualfamily .container .mask{
   padding-left: 8.5%;
  }

  #individualfamily .container .mask h6{
    font-size:0.75rem;
    line-height:1rem;
  }
    section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-header{
    width: 87%;
    line-height: 3.3125rem;
    padding-top: 2%;
    font-size: 2.875rem;
  }

  section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-text{
    margin-top: 3%;
    width: 84%;
  }
  #dentalVisionPlan .sectionIntro h6.eyebrow{
    margin-bottom: 3%;
  }
  
  #dentalVisionPlan .sectionIntro{
    width: 77%;
  }
  section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card h3.regular55{
    margin-bottom: 3%;
  }
  /*section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .carousel-inner div:nth-of-type(2){
    margin-bottom: 25px;
  }*/
  #dental_vision_two_box p.intro-four-para {
    width: 85%;
  }
  #dental_vision_two_box a.button.primary.icon-off-site-blue-inline {
    margin-bottom: 30px;
  }
  #Gcareimagetextleft .contentContainer .sectionIntro p {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
  }
  #Gcareimagetextleft .sectionIntro p a.link{
    font-family: Univers-55, sans-serif;
  }
  /*#getcare_plancards #gcPersonalizedCareSupport ol.carousel-indicators {
    top: 499px !important;
    bottom: 58px;
  }*/
  #getcare_plancards {
    overflow-y: hidden;
  } 
  /*ends here*/
  #broker_employer_hero_login .hero-image-container {
    height: 557px;
  }

  #broker_employer_hero_login .hero-login-container .bodySection p.not-yet-a-member {
    width: 100%;
  }

  #broker_employer_hero_login .hero-details .hero-eyebrow {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  #broker_employer_hero_login .hero-details h1.hero-title {
    font-size: 1.625rem;
    line-height: 2rem;
    width: 280px;
  }

  #understanding_pharmacy_coverage h2.pdfLinkWrapper {
    padding: 0px 0px;
  }

  #understanding_pharmacy_coverage h2.pdfLinkWrapper .pdfLinkText {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  /*Font bold for all buttons and links*/
  section.sec__imageText.cat__imageleft .contentContainer .sectionIntro a.button.secondary,
  section.sec__quotePromo.cat__promo .sectionMainContent .sectionIntro a.button.secondary,
  section.sec__infographic.cat__common.sub__left .sectionIntro a.button.secondary,
  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner .content button.button.secondary,
  section.sec__blueBorder-WideImage .sectionIntro a.button.secondary, 
  #broker_employer_hero_login .hero-login-container .log-in .login-container form button,
  #employers-TextRight .sectionIntro a.button.secondary {
    font-weight: 600;
  }

  #pharmacy-coverage-form .pharma-see-all-question {
    margin-top:2%;
  }
  #employers-TextRight .textContainer.getcare-textcontainer .sectionIntro h6.eyebrow,
  #employer-group-products .sectionIntro h6.eyebrow
  {
    margin-bottom: 5%;
  }
  #understanding_pharmacy_coverage .sectionIntro h6.eyebrow {
    margin-bottom: 1%;
  }
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }
  #broker_employer_hero_login .hero-details#employer-hero-details {
    background: linear-gradient(7deg, #00497e 51%, transparent 67%), linear-gradient(-72deg, #008cc9, transparent 49%), linear-gradient(-39deg, #003a65 48%, #0000 59%);
  }
  #employer-group-products .sectionBody .row .col-xs,
  #employer-group-plans .sectionBody .row .col-xs {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 15%;
    margin-right: 15%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom, 
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom {
    border-bottom: 0px;
  } 
  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  } 
  #employer-group-plans {
    margin-bottom: 0px;
  }
  #employer-group-plan-threecards .sectionBody .col-12.col-md {
    padding-left: 0px;
    padding-right: 0px;
  }
  #employer-group-plan-threecards .sectionBody .col-12.col-md h4.card-title {
    padding: 0px 20px;
    font-size: 16px;
  }  
  #employer-group-plan-threecards .sectionBody .col-12.col-md p:nth-of-type(2) {
    padding-left: 20px;
    padding-right: 60px;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;    
    padding-left: 22%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 32%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 34%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 31%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 0.85rem;    
     padding-left: 40%;
  }
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {    
    padding-bottom: 7%;
  } 
}

/*All mobile devices (galaxy s5, Pixel 2, iPhone5, 6/7/8 , 6/7/8 Plus) in landscape*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) {  
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 38%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-body {
    font-size: 1.6rem;    
    padding-left: 39%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-top .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-top .sp-extra { 
     font-size: 1.6rem;    
     padding-left: 37%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;    
    padding-left: 33%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-body {
    font-size: 1.5rem;    
    padding-left: 39%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-middle .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-middle .sp-extra { 
     font-size: 1.5rem;    
     padding-left: 40%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-main-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-main-body {
    font-size: 1.6rem;    
    text-transform: uppercase;
    padding-left: 39%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-body,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    font-size: 1.5rem;    
    padding-left: 40%;
  }
  #employer-group-products .sectionBody .row .col-xs.stat-bottom .sp-extra,
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-extra { 
     font-size: 0.85rem;    
     padding-left: 45%;
  }
  #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {    
    padding-bottom: 4%;
  } 
}


/* IE-11 CSS Changes for all 
Batch 2 and batch 3 pages */

@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {

#infographic_moresavings .infographic .infographic-details {
  background-image:-ms-linear-gradient(-46.51deg,  #00497E 9%, transparent 45%),-ms-linear-gradient(15deg, #008CC9 0%, transparent 50%);
}
 #managingHealthCondition .container .section-container .card {
    height: 30% !important;
    padding: 47px 70px;
    margin-left: 14px;
    min-height: 270px;
    margin-top: -6%;
  }
  #broker_employer_hero_login .hero-login-container .bodySection .image-row{
    width: 577px;  
  }

  #employers-TextRight {
    padding-right: 95px;
    padding-left: 115px;
    overflow: hidden;
  }
  section.sec__betterTools.cat__betterToolsThreeUp.Better-tools .carousel .carousel-inner {
    display: inline !important;
  } 

  #broker_employer_hero_login .hero-login-container .bodySection .image-row p {
    width: 60%;
    margin-left: 20%
  }

  #broker_employer_hero_login .hero-login-container .bodySection p.not-yet-a-member {
    width: 102%;
  }
  #broker_employer_hero_login .hero-login-container .bodySection .image-row p.third-icon{
    margin-left: 20%;
  }
  
  /*Accordion css for pharmacies-and-prescriptions*/
  #our_plan_accordion .component-text-accordion.forms .component-text-accordion-submenu, 
  #pharmacy-coverage-form .component-text-accordion.forms .component-text-accordion-submenu{
    display: block;
    padding-top: 0px;
  }
  #our_plan_accordion .component-text-accordion.forms, 
  #pharmacy-coverage-form .component-text-accordion.forms{
    padding-left: 0px;
    padding-top: 0px;
  }
  #our_plan_accordion .component-text-accordion.forms .component-text-accordion-main {
    margin-top: 0px;
  }
  #pharmacy-coverage-form .pharma-see-all-question {
    margin-top:2%;
  }
  /*ends here*/
  section.sec__blueBorder-WideImage .sectionIntro .eyebrow {
    margin-bottom: 3%;
  } 
  #employers-TextRight .textContainer.getcare-textcontainer {
    min-height: 470px;
    width: 589px;
    padding: 68px 86px;
    left: 593px;
  }  
  #our_plan_accordion .component-text-accordion {
    padding: 30px 100px;
  }

  #specialtypharm .body .icon-off-site-blue-inline:after {
    color: #0f6cc5;
    content: "\e909";    
    font-size: 0.69rem;
    font-weight: bolder; 
  }
  #specialtypharm .component-text-accordion.forms .component-text-accordion-card-body ul li {
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    margin-left: -23px;
    padding-left: 10px;
  }
  
  /* Employer Page */
  #employer-group-products .sectionBody .row .col-xs h3.blueBackgroundThreeUp,
  #employer-group-plans .sectionBody .row .col-xs h3.blueBackgroundThreeUp {
    color: #fff;
    text-align: center;
  } 
  #employer-group-plan-threecards .sectionBody .col-12.col-md p:nth-of-type(2) {
    font-size: 14px;
  }
  #employer-group-plan-threecards {
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 115px;
  }
   #employer-group-plans .container img {
    margin-right: 36% !important;
    z-index: -1;
  }
  /* #employer-group-plans .container .sectionIntro {
     left: 715px;
     bottom: -17px;
     width: 446px !important;
   }  */
   #employer-group-plans .container .sectionBody {
      z-index: -1;
      margin-right: 32% !important;
      width: 795px !important;
    }
  #employer-group-plans {
    margin-left: 0px;
  }
   #employer-group-plans .sectionBody .row {
    width: 725px;
  }
  #employer-group-plan-threecards .sectionBody .col-12.col-md h4.card-title {
    padding: 0px 20px;
  }  
  #employer-group-plan-threecards .sectionBody .col-12.col-md p:nth-of-type(2) {
    padding-left: 19px;
    padding-right: 0px;
    width: 101%;
  }
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
    margin-right: 27% !important;
  }
  #employer-group-plans .sectionBody .row .col-xs.stat-bottom .sp-body {
    padding-left: 22%;
  }
   #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,
  #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {    
    padding-bottom: 9%;
  } 
  #Gcareimagetextleft .sectionIntro p a.link{
    font-family: Univers-55, sans-serif;
  }
  .CommercialPharmacyHero .button.secondary.white-button {
    margin-top: 0%;
  }
  .CommercialPharmacyHero .mask {
    padding-top: 4.8% !important;
  }
}
 
/*Laptop browser resolution*/
@media (min-width: 1280px) {
.CommercialPharmacyHero .button.secondary.white-button {
    margin-top: -2%;
  }
}


/*****About Us pages***/
@media only screen and (max-width: 767.9px) {
  #codeofconduct .content-block h6 {
      font-weight: bold !important;
      color: #000 !important;
  }
}
#accountIntro .createCommunity .account-header-style {
      margin-bottom: 1rem;
}
#accountIntro .createCommunity ul.list-style1 {
  padding-left: 20px;
  width: 80%;
}
@media only screen and (min-width: 992px) {
  #accountIntro .typical-account-image.img-fluid {
    margin-top: -350px !important;
  }
  #accountIntro .createCommunity .account-header-style {
      padding-left: 125px;
  }
}

/* (1440x900) Big screen*/
@media only screen and (min-width: 1440px) and (min-height: 900px) {
    #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive {
      margin-right: 25% !important;
    }

}
/* Breadcrumbs in claim summary-START*/
@media (min-width: 768px){
 .claim-summary .section-container #breadcrumbs {
    font-size: .75rem;
    color: #999;
    margin-left: 1.5rem;
    margin-top: 15px;
 }
}
@media (min-width: 768px){
#pageContentEnclosure .claim-summary {
	padding: 0px 40px !important;
 }
}
@media (min-width: 768px){
.claim-summary .section-container #breadcrumbs a{
    color: #999;
    text-decoration: none;
 }
}

/* Breadcrumbs in claim summary-END*/

/*Company Profile -we are here for you Padding-START*/

 #Company-Profile .row .mx-0 .pb-6, .py-6 {
    padding-bottom: 2rem !important;
 }
 #Company-Profile .row .mx-0 .pt-6, .py-6 {
    padding-top: 2rem !important;
 }

/*Company Profile -we are here for you Padding-END*/

/* farah code -START*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){

#tab2SelectorBody .card{
         padding: 0px 0px !important;
}

#tab2SelectorBody span.component-text-accordion-card-header {
        font-family: Univers-45, sans-serif !important;
        line-height: 3 !important;
}

}
/* search box padding-START*/

#siteSearch .searchbox.search {
    padding: 10px !important;
    margin-left: 0px !important;
    width: 170px !important;
}

/* search box padding-START*/

/* farah code -END*/




