.benefits-hero .benefits-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}


.benefits-hero {
 max-width: 100%
}

.tab-content {
    background-color: #fff; 
}

.node-type-product .benefits-wrapper .banner-content.con-right {
    margin: 20px 0 66px 10px;
}


.benefits-hero .banner-content {
    background-color: rgba(0,0,0,0.8);
    padding: 25px 25px 25px 25px;
    border-radius: 4px;
}

.benefits-hero .banner-content .h2 {
    font-family:  'imago-pro-roche',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}




.benefits-hero .borderBottom {
    border-bottom-color: #a71930;
}

.banner-button-benefits {
margin-top:25px;
}





@media (min-width: 320px) {
.benefits-hero .banner-content {
    padding: 50px 15px 25px 15px !important;
    width: 51%;
}
}



@media screen and (max-width: 413px) {
.page-node .benefits-wrapper .banner-content.con-left, .page-node .benefits-wrapper .banner-content.con-right {
    padding: 0;
}
}

@media (min-width: 992px) {
.benefits-hero .benefits-wrapper {
    width: 960px;
}
}






@media screen and (max-width: 767px) and (min-width: 320px) {
	
	.benefits-hero .banner-content h2.borderBottom {
    margin: 0 0 20px;
}

	.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;
}
	.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-hero .banner-content {
    min-width: 330px;
    width: auto;
}

.benefits-hero .banner-content {
    margin: 0px 20px 20px;
    overflow: auto;
}
}