.fullwidth-wrapper { position: relative; } .fullwidth-header { height: 120vh; position: relative; background: url(../images/top_page/fullwidth-header-2-compress.webp) no-repeat; background-size: cover; background-attachment: fixed; } .header-block { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .header-block h1, .header-block p { color: white; } .header-block .btn { background-color: #e997b9; border-color: #e997b9; } .header-block .btn-group-1 .btn-dark:hover { background-color: #1e306e; border-color: #1e306e; } .fullwidth-caption { z-index: 10; padding-top: 20px; padding-bottom: 20px; text-align: center; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 50%; } .fullwidth-caption h1 { color: #fff; } .custom-overlay { width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; background: rgb(0 0 0 / 57%); left: 0; } .product-media-wrapper, .product-wrapper { height: 100% !important; } .product-absolute { position: absolute; bottom: 0; } .h-380 { height: 360px; } .home-price { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .price-brand { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translate(-50%, 0); } .owl-carousel .owl-item { position: relative; text-align: left; padding: 20px; background: #e0f3fd; box-sizing: border-box; border-radius: 10px; } .owl-carousel .owl-item .person-media { overflow:hidden; } .owl-carousel .owl-item .person-text { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .owl-carousel .owl-item .person-link-absolute{ position: static !important; bottom: 15px; background: #e997b9; padding: 10px 20px; border-radius: 5px; color: #fff; } @media screen and (max-width: 991px) { .h-380 { height: 300px; } } @media screen and (max-width: 768px) { .fullwidth-header { height: 80vh; } .header-block { top: 45%; } .fullwidth-header { background-position: right; } .h-380 { height: 360px; } } @media screen and (max-width: 479px) { .fullwidth-header { height: 70vh; } .h-380 { height: auto; } .price-brand { position: relative; width: 100%; bottom: unset; left: unset; transform: unset; padding-top: 16px; } .fullwidth-header { background: unset; } .custom-overlay { background: #e0f3fd; } .header-block h1, .header-block p { color: #1e306e; } .header-block .btn { background-color: #1e306e; border-color: #1e306e; } .header-block .btn-group-1 .btn-dark:hover { background-color: #e997b9; border-color: #e997b9; } } @media (max-height: 768px) { .header-block { top: 50%; } } @media screen and (min-width: 1200px) { .h-380 { height: 395px; } .custom-navbar { width: 100%; background: 0 0 !important; position: absolute; left: 40%; transform: translate(-40%, 0); } .rd-navbar-fullwidth .navbar-section-dark .navbar-navigation-root-link:hover { background-color: transparent !important; color: #e997b9 !important; } .rd-navbar-fullwidth .navbar-section-dark.scroll .navbar-navigation-root-link:hover { color: #1e306e !important; background-color: #bce0f7 !important; } } .scroll { background: #1e306e !important; position: relative; } @media screen and (min-width: 1600px) { .h-380 { height: 420px; } }