.product-hero { background-color: #000000; padding: 250px 0 0; min-height: 800px; position: relative; display: flex; overflow: hidden;    border-bottom: 1px solid #232323 !important; }
.product-hero:before { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.product-hero .container { z-index: 2; position: relative; display: flex; flex-flow: column; justify-content: space-between; }
.product-hero .col-lg-6 { flex: 0 0 auto; width: 50%; }
.product-hero .text-14 { display: block; }
.product-hero span.text-14 { color: rgba(255, 255, 255, 0.6); margin-bottom: 32px; letter-spacing: 0.015px; }
/* .product-hero .div-img { position: absolute; right: 0; bottom: 0; z-index: 0; pointer-events: none; background-size: contain; background-position: bottom right; width: 63.70vw; height: 100%; } */
.product-hero .div-img { position: absolute; right: 0; bottom: 0; z-index: 0; pointer-events: none; background-position: bottom center; width: 63.70vw; height: 100%; }
.sd-reset.product-hero h1 { margin-bottom: 50px; text-transform: uppercase; }
.product-hero h1 sup { top: 0; vertical-align: top; line-height: 60px; font-size: 80px; }
.product-hero hr { border-color: rgba(255, 255, 255, 0.15); margin: 0; opacity: 1; }
.product-hero .last { align-items: center; }
.product-hero .last [class*="col-"] { padding-top: 40px; padding-bottom: 40px; }
.product-hero .last .col-12 { padding: 0 !important; flex: 0 0 auto; width: 100%; }
.product-hero .last .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.product-hero .last .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; text-align: right; }
.product-hero .last [class*="col-"] .text-20 { margin-bottom: 8px; color: rgba(255, 255, 255, 0.8); display: block; }

/* Hero: Solution page */
.solution-hero.product-hero .div-img { background-size: cover; background-position: top center; width: 100%; left: 0; right: 0;}
.solution-hero .last .col-lg-10 { width: 83.33333333%; }
.solution-hero .last [class*="col-"] .text-20 { margin-bottom: 20px; }

/* Hero: Treatment page */
.hero-banner-treatments .t-category { color: rgba(255, 255, 255, 0.6); font-family: var(--font-medium); margin-bottom: 15px; }

@media (min-width: 2200px) { 
    .product-hero .div-img { background-size: contain; }
}
@media (min-width: 1199.98px) {
    .page-fotona-starformer-pro .product-hero .div-img { background-size: auto 85%; }
}
@media (max-width: 1439.98px) {
    .product-hero .div-img { width: 70vw; }
}
@media (max-width: 1399.98px) {
    .product-hero .div-img { right: -165px; width: 82vw; }
}
@media (max-width: 1199.98px) {
    .product-hero .div-img { right: -140px; background-size: auto 81%; }
	.product-hero .col-lg-6 {width: 85%;}
}
@media (min-width: 375px) {
    .sd-reset .display { font-size: calc(40px + 34 * ((100vw - 375px) / 825)); }
}
@media (max-width: 991.98px) {
    .product-hero { padding-top: 150px; min-height: 433px; }
    .product-hero:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%); }
    .product-hero .col-lg-6, .product-hero .last .col-lg-8, .solution-hero .last .col-lg-10 { width: 100%; }
    .product-hero span.text-14 { margin-bottom: 20px; }
    .product-hero .last [class*="col-"] { padding-top: 30px; padding-bottom: 30px;}
    .product-hero .last [class*="col-"]:last-child { padding-top: 0; }
    .product-hero .last .col-lg-4 { width: 100%; text-align: left; }
    .product-hero .div-img {right: 0px;background-size: cover;width: 100vw;/*height: 100vh;*/}
}
@media(max-width: 767.98px) {
    .sd-reset.product-hero h1 { word-break: break-word; }
}
@media (max-width: 575.98px) {
    .product-hero .last [class*="col-"] { padding-top: 20px; padding-bottom: 20px; }
    .product-hero .last [class*="col-"] .text-20 { font-size: 16px; line-height: 1.5; }
    .sd-reset.product-hero h1 { margin-bottom: 40px; }
}