body {
margin: 0;
padding: 0
}
#bph-container {
margin: 0 auto;
max-width: 992px;
width: 100%;
color: #002e74;
/* font-family: Arial, sans-serif */
}
#bph-container img {
height: auto
}
#bph-container .bph-pt {
padding-top: 60px
}
#bph-container .bph-font-gotham-book {
/* font-family: Arial, sans-serif */;
font-weight: 400
}
#bph-container .bph-font-gotham-bold {
/* font-family: Arial, sans-serif */;
font-weight: 600
}
#bph-container .bph-font-gilroy-bold {
/* font-family: Arial, sans-serif */;
font-weight: 700
}
#bph-container .bph-cols {
box-sizing: border-box;
display: table;
width: 100%
}
#bph-container .bph-cols .bph-col {
box-sizing: border-box;
display: table-cell;
vertical-align: top
}
#bph-container .bph-cols .bph-col.bph-col-50 {
width: 50%
}
#bph-container .bph-cols .bph-col.bph-col-33 {
width: 33.3%
}
#bph-container .bph-sup {
font-size: .6em;
margin-top: -.4em;
display: inline-block;
vertical-align: top
}
#bph-container .bph-h2 .bph-sup, #bph-container .bph-p .bph-sup {
font-size: .75em;
margin: 0
}
#bph-container .bph-nowrap {
white-space: nowrap
}
#bph-container .bph-center {
text-align: center
}
#bph-container .bph-text-left {
text-align: left
}
#bph-container .bph-tile {
max-width: 443px;
width: 100%
}
#bph-container .bph-div {
background: url(https://ecombe.nahdionline.com/media/wysiwyg/bepanthen/section-div.png) repeat-x;
height: 122px
}
@media (max-width: 1000px) {
#bph-container .bph-mobile-no-br br, #bph-container .bph-pad-hide {
display: none !important
}
}
@media (max-width: 700px) {
#bph-container .bph-mobile-hide {
display: none !important
}
}
#bph-container .bph-mobile-show {
display: none
}
@media (max-width: 700px) {
#bph-container .bph-mobile-show {
display: block
}
}
@media (max-width: 1000px) {
#bph-container .bph-mobile-wrapper {
padding-left: 20px !important;
padding-right: 20px !important
}
}
#bph-container .bph-img--packshot {
max-width: 490px;
width: 100%
}
#bph-container .bph-img--pair {
max-width: 440px;
width: 100%
}
#bph-container .bph-header-wrapper {
position: relative
}
#bph-container .bph-header-wrapper .bph-img {
width: 100%
}
#bph-container .bph-header-wrapper .bph-img--desktop {
display: block
}
@media (max-width: 1000px) {
#bph-container .bph-header-wrapper .bph-img--desktop {
display: none
}
}
#bph-container .bph-header-wrapper .bph-img--pad {
display: none
}
@media (max-width: 1000px) and (min-width: 701px) {
#bph-container .bph-header-wrapper .bph-img--pad {
display: block
}
}
#bph-container .bph-header-wrapper .bph-img--mobile {
display: none
}
@media (max-width: 700px) {
#bph-container .bph-header-wrapper .bph-img--mobile {
display: block
}
}
#bph-container .bph-header-wrapper .bph-header-2 {
color: #fff;
position: absolute;
bottom: 25px;
left: 0;
width: 100%
}
#bph-container .bph-header-wrapper .bph-col--1 {
width: 25%;
text-align: center;
border-right: 2px solid #fff;
padding-left: 30px
}
#bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {
padding-left: 10px;
padding-top: 5px;
font-size: 14px;
line-height: 18px
}
@media (max-width: 1000px) and (min-width: 700px) {
#bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {
text-align: center
}
#bph-container .bph-header-wrapper .bph-col--1 .bph-col {
display: block
}
}
#bph-container .bph-header-wrapper .bph-col--2 {
width: 66%;
padding-left: 40px
}
@media (max-width: 1000px) and (min-width: 700px) {
#bph-container .bph-header-wrapper .bph-col {
vertical-align: middle
}
}
#bph-container .bph-headings--wrapper {
text-align: center;
padding: 90px 0 108px
}
#bph-container .bph-headings--wrapper .bph-headings {
text-align: center;
display: inline-block
}
#bph-container .bph-headings--wrapper .bph-headings .bph-h1 {
font-size: 30px;
line-height: 30px;
padding: 15px 0
}
@media (max-width: 640px) {
#bph-container .bph-headings--wrapper .bph-headings .bph-h1 {
font-size: 20px;
line-height: 22px;
padding-left: 5px;
padding-right: 5px
}
}
#bph-container .bph-headings--wrapper .bph-headings .bph-h2 {
font-size: 19px;
line-height: 19px;
letter-spacing: .21em;
color: #e01883;
padding: 13px 0;
text-transform: uppercase;
border-top: 2px solid #002e74;
border-bottom: 2px solid #002e74
}
@media (max-width: 640px) {
#bph-container .bph-headings--wrapper .bph-headings .bph-h2 {
font-size: 12px;
line-height: 14px;
padding-left: 5px;
padding-right: 5px
}
}
#bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-night {
color: #662b89
}
#bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-daily {
color: #e01883
}
#bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-cream {
color: #e96827
}
#bph-container .bph-description--wrapper .bph-description .bph-h1.bph-restoring, #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-restoring {
color: #29aee7
}
@media (max-width: 700px) {
#bph-container .bph-headings--wrapper .bph-headings .bph-h2 {
font-size: 18px;
line-height: 20px
}
}
#bph-container .bph-description--wrapper {
padding: 0 0 90px
}
#bph-container .bph-description--wrapper .bph-description, #bph-container .bph-grid-1 {
font-size: 20px;
line-height: 25px
}
@media (max-width: 640px) {
#bph-container .bph-description--wrapper .bph-description {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-description--wrapper .bph-description .bph-h1 {
font-size: 36px;
line-height: 43px;
color: #e01883;
padding: 0 0 44px
}
@media (max-width: 640px) {
#bph-container .bph-description--wrapper .bph-description .bph-h1 {
font-size: 20px;
line-height: 22px
}
}
#bph-container .bph-description--wrapper .bph-description .bph-h1.bph-night {
color: #662b89
}
#bph-container .bph-description--wrapper .bph-description .bph-h1.bph-daily {
color: #e01883
}
#bph-container .bph-description--wrapper .bph-description .bph-h1.bph-cream {
color: #e96827
}
@media (max-width: 1000px) {
#bph-container .bph-description--wrapper .bph-description .bph-h1 {
font-size: 32px;
line-height: 34px
}
}
@media (max-width: 640px) {
#bph-container .bph-description--wrapper .bph-description .bph-h1 {
font-size: 24px;
line-height: 26px
}
}
#bph-container .bph-description--wrapper .bph-description .bph-p--1 {
padding: 0 0 34px
}
#bph-container .bph-description--wrapper .bph-description .bph-col--1 {
padding: 25px 0 0
}
#bph-container .bph-description--wrapper .bph-description .bph-col--2 {
max-width: 440px
}
@media (max-width: 700px) {
#bph-container .bph-description--wrapper .bph-description .bph-col {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-description--wrapper .bph-description .bph-col:last-child {
padding: 0
}
}
#bph-container .bph-grid-1 {
padding: 0 50px 1px
}
@media (max-width: 700px) {
#bph-container .bph-grid-1 {
max-width: 444px;
margin: 0 auto;
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 640px) {
#bph-container .bph-grid-1 {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-grid-1 .bph-h1 {
padding: 0 0 30px
}
#bph-container .bph-grid-1 .bhp-img {
margin: 0 0 20px
}
#bph-container .bph-grid-1 .bph-p {
padding: 0 5px
}
@media (max-width: 700px) {
#bph-container .bph-grid-1.bph-cols .bph-col {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-grid-1.bph-cols .bph-col:last-child {
padding: 0
}
}
#bph-container .bph-signs-and-symptoms--wrapper {
background: #d8f3fc;
margin: 80px 0
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {
padding: 0 58px
}
@media (max-width: 700px) {
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {
padding: 0
}
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {
font-size: 36px;
line-height: 36px;
padding-bottom: 36px
}
@media (max-width: 640px) {
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {
font-size: 24px;
line-height: 26px
}
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {
font-size: 20px;
line-height: 26px
}
@media (max-width: 640px) {
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-img {
padding: 0 0 33px
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-cols {
padding: 65px 0 85px
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {
text-align: center
}
@media (max-width: 700px) {
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col:last-child {
padding: 0
}
}
#bph-container .bph-take-care--wrapper {
padding: 0
}
#bph-container .bph-take-care--wrapper .bph-take-care {
padding: 0 45px
}
@media (max-width: 700px) {
#bph-container .bph-take-care--wrapper .bph-take-care {
padding: 0
}
}
#bph-container .bph-take-care--wrapper .bph-h2 {
font-size: 20px;
line-height: 20px;
padding-left: 10px;
padding-top: 15px
}
@media (max-width: 640px) {
#bph-container .bph-take-care--wrapper .bph-h2 {
font-size: 15px;
line-height: 17px
}
}
#bph-container .bph-take-care--wrapper .bph-h1 {
font-size: 36px;
line-height: 36px;
padding: 110px 0 56px
}
@media (max-width: 640px) {
#bph-container .bph-take-care--wrapper .bph-h1 {
font-size: 24px;
line-height: 26px
}
}
#bph-container .bph-take-care--wrapper .bph-col--1 {
width: 54%;
margin-right: 3%
}
#bph-container .bph-take-care--wrapper .bph-col--2 {
width: 43%
}
#bph-container .bph-take-care--wrapper .bph-li {
position: relative;
font-size: 20px;
line-height: 26px;
padding: 0 20px 33px 23px
}
@media (max-width: 640px) {
#bph-container .bph-take-care--wrapper .bph-li {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-take-care--wrapper .bph-li:before {
position: absolute;
top: 10px;
left: 0;
width: 6px;
height: 6px;
content: '';
background: #002e74;
border-radius: 50%
}
@media (max-width: 700px) {
#bph-container .bph-take-care--wrapper .bph-cols.bph-tiles {
max-width: 444px;
margin: 0 auto
}
#bph-container .bph-take-care--wrapper .bph-cols .bph-col {
display: block;
max-width: 100%;
width: 100%;
padding: 0
}
#bph-container .bph-take-care--wrapper .bph-cols .bph-col:last-child {
padding: 0
}
}
#bph-container .bph-blue-box--wrapper {
padding: 62px 0 62px 60px;
background: #d8f3fc;
font-size: 20px;
line-height: 24px
}
@media (max-width: 640px) {
#bph-container .bph-blue-box--wrapper {
font-size: 12px;
line-height: 14px
}
}
@media (max-width: 700px) {
#bph-container .bph-blue-box--wrapper {
padding-left: 0;
padding-right: 0
}
}
#bph-container .bph-blue-box--wrapper .bph-col {
vertical-align: middle;
display: inline-block
}
#bph-container .bph-blue-box--wrapper .bph-col--ico {
width: 153px
}
#bph-container .bph-blue-box--wrapper .bph-h1 {
font-size: 36px;
line-height: 36px;
padding-bottom: 40px
}
@media (max-width: 640px) {
#bph-container .bph-blue-box--wrapper .bph-h1 {
font-size: 22px;
line-height: 24px
}
}
#bph-container .bph-blue-box--wrapper .bph-col--1 {
width: 60%
}
#bph-container .bph-blue-box--wrapper .bph-col--2 {
width: 40%
}
@media (max-width: 860px) {
#bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile:last-child {
padding: 0
}
}
@media (max-width: 480px) {
#bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px;
text-align: center
}
#bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col:last-child {
padding: 0
}
}
#bph-container .bph-blue-box--wrapper .bph-75 {
padding-right: 100px;
text-align: right
}
@media (max-width: 860px) {
#bph-container .bph-blue-box--wrapper .bph-75 {
text-align: center
}
}
@media (max-width: 1000px) {
#bph-container .bph-blue-box--wrapper .bph-75 {
padding-right: 50px;
padding-left: 40px
}
}
#bph-container .bph-blue-box--wrapper .bph-75 .bph-img {
width: 100%;
max-width: 254px
}
#bph-container .bph-hydrate--wrapper {
padding: 50px 60px 0
}
@media (max-width: 700px) {
#bph-container .bph-hydrate--wrapper {
padding-left: 0;
padding-right: 0
}
}
#bph-container .bph-hydrate--wrapper .bph-hydrate {
position: relative
}
#bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {
font-size: 36px;
line-height: 38px;
padding: 0 0 30px
}
@media (max-width: 640px) {
#bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {
font-size: 20px;
line-height: 22px
}
}
#bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {
padding: 0 0 37px;
font-size: 20px;
line-height: 26px
}
@media (max-width: 640px) {
#bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-repair-complex--wrapper {
background: #d8f3fc
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex {
padding: 0 60px;
position: relative
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {
font-size: 36px;
line-height: 36px;
padding-bottom: 36px
}
@media (max-width: 640px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {
font-size: 20px;
line-height: 22px
}
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-repair-complex-inner {
position: relative;
margin: 30px 0 0;
z-index: 5
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {
font-size: 20px;
line-height: 24px;
position: absolute
}
@media (max-width: 1000px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {
position: relative
}
}
@media (max-width: 640px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {
font-size: 26px;
line-height: 26px;
padding: 0 0 10px
}
@media (max-width: 640px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {
font-size: 14px;
line-height: 16px
}
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {
border-bottom: 2px solid #fff;
position: relative;
width: 100%;
margin: 5px 0 0
}
@media (max-width: 1000px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {
display: none
}
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {
position: absolute;
content: '';
display: block;
border-radius: 50%
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {
width: 25px;
height: 25px;
background: #ecf9fe;
top: -12px;
right: 0
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after {
width: 13px;
height: 13px;
background: #fff;
top: -6px;
right: 6px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:before {
top: -12px;
left: 0
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:after {
top: -6px;
left: 6px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {
margin-left: -20px
}
@media (max-width: 400px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {
width: 80%
}
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1 {
width: 360px;
top: 50px;
text-align: left
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1.bph-prop--derma-200 {
top: -10px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2 {
width: 330px;
top: 200px;
text-align: left
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2.bph-prop--derma-200 {
top: 160px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3 {
width: 345px;
top: 380px;
text-align: left
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3.bph-prop--derma-200 {
top: 320px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4 {
width: 320px;
text-align: right;
right: 0;
top: 145px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4.bph-prop--derma-200 {
top: 95px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5 {
width: 320px;
text-align: right;
right: 0;
top: 330px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5.bph-prop--derma-200 {
top: 270px
}
@media (max-width: 1000px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {
width: auto;
text-align: left;
top: auto;
left: auto;
position: relative;
padding-bottom: 50px;
padding-left: 23px
}
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200:before, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop:before {
position: absolute;
top: 10px;
left: 0;
width: 6px;
height: 6px;
content: '';
background: #002e74;
border-radius: 50%
}
}
@media (max-width: 640px) {
#bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {
padding-bottom: 20px
}
}
#bph-container .bph-repair-complex--wrapper .bph-bottom-bg {
height: 96px;
background: #fff;
width: 100%;
position: absolute;
bottom: 0;
left: 0
}
#bph-container .bph-trusted--wrapper {
padding: 0 0 15px
}
@media (max-width: 1000px) {
#bph-container .bph-trusted--wrapper {
padding-top: 50px
}
}
#bph-container .bph-trusted--wrapper .bph-cols .bph-col {
padding: 0 40px
}
@media (max-width: 700px) {
#bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile:last-child {
padding: 0
}
}
#bph-container .bph-trusted--wrapper .bph-h1--title {
font-size: 36px;
line-height: 36px;
padding: 100px 0 90px
}
@media (max-width: 640px) {
#bph-container .bph-trusted--wrapper .bph-h1--title {
font-size: 22px;
line-height: 24px
}
}
#bph-container .bph-trusted--wrapper .bph-icons .bph-img {
margin: 0 0 30px
}
#bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {
font-size: 20px;
line-height: 22px
}
@media (max-width: 640px) {
#bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {
font-size: 14px;
line-height: 16px
}
}
#bph-container .bph-trusted--wrapper .bph-numbers {
padding: 0 0 75px
}
#bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {
font-size: 96px;
line-height: 100px
}
@media (max-width: 640px) {
#bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {
font-size: 50px;
line-height: 54px
}
}
#bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {
font-size: 48px;
line-height: 50px
}
@media (max-width: 640px) {
#bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {
font-size: 32px;
line-height: 34px
}
}
#bph-container .bph-trusted--wrapper .bph-numbers .bph-p {
font-size: 20px;
line-height: 24px;
padding: 25px 0 39px
}
@media (max-width: 640px) {
#bph-container .bph-trusted--wrapper .bph-numbers .bph-p {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-trusted--wrapper .bph-numbers .bph-col--2 .bph-p {
padding-bottom: 15px
}
#bph-container .bph-trusted--wrapper .bph-numbers .bph-stars .bph-img {
padding: 14px 30px;
border-top: 2px solid #002e74;
border-bottom: 2px solid #002e74
}
#bph-container .bph-trusted--wrapper .bph-copy {
font-size: 12px;
line-height: 14px;
padding-left: 7px;
position: relative
}
#bph-container .bph-trusted--wrapper .bph-copy:before {
content: '*';
display: block;
position: absolute;
left: -2px;
top: 1px
}
#bph-container .bph-pair--wrapper {
background: #d8f3fc;
position: relative
}
#bph-container .bph-pair--wrapper .bph-pair {
position: relative;
z-index: 5
}
#bph-container .bph-pair--wrapper .bph-h1 {
font-size: 36px;
line-height: 38px;
padding-bottom: 20px
}
@media (max-width: 640px) {
#bph-container .bph-pair--wrapper .bph-h1 {
font-size: 22px;
line-height: 24px
}
}
#bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {
font-size: 20px;
line-height: 26px;
padding-bottom: 34px
}
@media (max-width: 640px) {
#bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {
font-size: 12px;
line-height: 14px
}
}
#bph-container .bph-pair--wrapper .bph-bottom-bg {
height: 81px;
background: #fff;
width: 100%;
position: absolute;
bottom: 0;
left: 0
}
#bph-container .bph-pair--wrapper .bph--col-2 {
padding-right: 30px
}
@media (max-width: 1000px) {
#bph-container .bph-pair--wrapper .bph--col-2 {
padding-left: 40px
}
}
@media (max-width: 700px) {
#bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile {
display: block;
max-width: 100%;
width: 100%;
padding: 0 0 40px
}
#bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile:last-child {
padding: 0
}
}
#bph-container .bph-derma-range--wrapper .bph-h1 {
font-size: 36px;
line-height: 38px;
padding: 70px 0 30px
}
@media (max-width: 640px) {
#bph-container .bph-derma-range--wrapper .bph-h1 {
font-size: 22px;
line-height: 24px
}
}
#bph-container .bph-derma-range--wrapper .bph-img {
width: 100%;
max-width: 992px
}
#bph-container .bph-discover--wrapper .bph-discover {
padding: 90px 0
}
#bph-container .bph-discover--wrapper .bph-h1 {
font-size: 36px;
line-height: 38px;
padding: 0 0 44px
}
@media (max-width: 640px) {
#bph-container .bph-discover--wrapper .bph-h1 {
font-size: 22px;
line-height: 24px
}
}
#bph-container .bph-discover--wrapper .bph-table {
display: table
}
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr, #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr {
display: table-row
}
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {
display: table-cell;
vertical-align: middle;
padding: 27px 23px;
font-size: 12px
}
@media (max-width: 1009px) {
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {
padding: 15px 11px
}
}
@media (max-width: 760px) {
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {
padding: 10px
}
}
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td {
padding: 0;
vertical-align: bottom;
text-align: center;
border: 0;
border-bottom: 3px solid #e1e1e1
}
@media (max-width: 1009px) {
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td .bph-img {
width: 100%
}
}
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td:last-child {
border-right: 0 none
}
#bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td--product {
padding: 0 0 20px
}
#bph-container .bph-discover--wrapper .bph-table--desktop {
display: block
}
@media (max-width: 760px) {
#bph-container .bph-discover--wrapper .bph-table--desktop {
display: none
}
}
#bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr:nth-child(2n) {
background: #ebf9fd
}
#bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td {
border-left: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1
}
#bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td:last-child {
border-right: 1px solid #e1e1e1
}
#bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td {
border-left: 0 none;
border-right: 0 none
}
#bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td:last-child {
border-right: 0 none
}
#bph-container .bph-discover--wrapper .bph-table--mobile {
display: none
}
#bph-container .bph-discover--wrapper .bph-table--mobile .bph-img {
width: 100%;
max-width: 123px
}
@media (max-width: 760px) {
#bph-container .bph-discover--wrapper .bph-table--mobile {
display: block
}
}
#bph-container .bph-discover--wrapper .bph-table--mobile .bph-font-gotham-bold {
padding-bottom: 10px
}
#bph-container .bph-discover--wrapper .bph-table--mobile .bph-table-tr--last .bph-table-td {
padding-bottom: 45px
}
Product Details:
Product Details: