/* Hero Section*/
/* Main Title 1*/
#hero-element > div.content-wrapper.hero-top-wrapper > div.col-2.flex.flex-col.justify-end.hero-col-2 > div > div:nth-child(1) > h1 > span.text-wrapper-12 {
  font-weight: 600!important;
  letter-spacing: 0px!important;
}
/* Height Hero*/
@media only screen and (min-width: 1441px) {
#hero-element > div.w-full.min-w-full.spacer {
     height: 5vh !important;
}
}
/* Mitografica bianca Hero*/
@media only screen and (min-width: 2000px) and (max-width:2560px) {
 .mitografica-ondulata {
    height: 361px!important;
   }
}
/* Padding img hero*/
@media only screen and (max-width: 1181px) {
.main-product-image {
 padding: 0% 8% !important;
 }
}
@media only screen and (min-width: 1182px) {
.main-product-image {
 bottom: -200px !important;
z-index:9;
 }
}
/* Sezione 2*/
@media only screen and (max-width: 959px) {
.main-title {
padding-top: 2rem !important;
}
}
@media only screen and (min-width: 1441px) {
#section-a > div.flex.flex-col.xl\:flex-row.justify-between.w-full.content-wrapper.bottom-content-wrapper > div > div  {
            max-width: 87%!important;
    }
}
/* Sezione 3*/
/* Main description*/
@media only screen and (min-width: 960px) {
.section-wrapper .content-container .content-wrapper {
line-height: 2em;
margin-left: -2em;
}
#section-b {
      color:white;
 }
}
@media only screen and (min-width: 1181px) and (max-width:1440px){
.section-wrapper .content-container .content-wrapper .main-section-title {
    max-width: 45%;
}
.section-wrapper .content-container .content-wrapper .main-section-description {
    max-width: 45%;
}
}
@media only screen and (min-width: 1441px) {
.section-wrapper .content-container .content-wrapper .main-section-title {
    max-width: 42%;
}
.section-wrapper .content-container .content-wrapper .main-section-description {
    max-width: 42%;
}
}
@media screen and (max-width:1280px){
   #section-b {
     color:#333e48 !important;
    }

   #section-b .main-section-title {
      font-size: 2.5rem !important;
    }
   #section-b .main-section-subtitle {
      font-size: 2.5rem !important;
      font-weight: 400 !important;
    }
   #section-b .main-section-description {
      font-size: 1.6rem !important;
      font-weight: 400 !important;
    }
}
/* IMG Overlay*/
@media only screen and (max-width:479px) {
#site-wrapper > div.portfolio-product-page-wrapper.relative.overflow-hidden > div > div.overlap > div.sections-overlay-wrapper > img {
    left: -45%;
    top: 3%;
    width: 145%;
}
}
@media only screen and (min-width:480px) and (max-width:1181px) {
#site-wrapper > div.portfolio-product-page-wrapper.relative.overflow-hidden > div > div.overlap > div.sections-overlay-wrapper > img  {
    left: -15%;
    top: 2%;
    width: 120%;
}
}
@media only screen and (min-width: 1181px) and (max-width: 2560px) {
#site-wrapper > div.portfolio-product-page-wrapper.relative.overflow-hidden > div > div.overlap > div.sections-overlay-wrapper > img {
top: 4%;
left: -10%;
}
}
@media only screen and (min-width: 3200px){
#site-wrapper > div.portfolio-product-page-wrapper.relative.overflow-hidden > div > div.overlap > div.sections-overlay-wrapper > img {
    left: 20%;
    max-width: 50%;
    right: auto;
    top: 0%;
}
}
/* IMG Liporose*/
@media only screen and (min-width: 960px) and (max-width: 1180px)  {
#section-b > div.content-container > div > div.main-section-description > p:nth-child(3) > img {
    width: 14%!important;
    margin-top: -50%!important;
    margin-bottom: 10%!important;
}
}
@media only screen and (min-width: 820px) and (max-width: 959px)  {
#section-b > div.content-container > div > div.main-section-description > p:nth-child(3) > img {
    width: 14%!important;
    margin-top: -69%!important;
    margin-bottom: 10%!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 819px)  {
#section-b > div.content-container > div > div.main-section-description > p:nth-child(3) > img {
    width: 14%!important;
    margin-top: -73%!important;
    margin-bottom: 10%!important;
}
}
/* Sezione 5 (img)*/
@media only screen and (max-width: 459px)  {
#\35 1 > div > div.split-right.col-1.flex.flex-1 > img{
    padding: 0% 8%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)  {
#\35 1 > div > div.split-right.col-1.flex.flex-1 > img {
    padding: 0% 15%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1181px)  {
#\35 1 > div > div.split-right.col-1.flex.flex-1 > img {
    padding: 0% 20% 5% 20%;
}
}
#\35 1 > div > div.split-right.col-1.flex.flex-1 > img {
    object-fit: contain;
}
/* Sezione 7 video*/
@media only screen and (min-width: 960px)  {
#youtube-video {
  min-height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px)  {
#youtube-video {
  min-height: 450px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)  {
#youtube-video {
  min-height: 360px!important;
}
}
@media only screen and (max-width: 459px)  {
#youtube-video {
  min-height: 200px;
}
}




/* IMG Hero */
#hero-element:before {
  content: "";
  background-image: url(https://res.cloudinary.com/dllgv9cq1/image/upload/v1720693993/lipo_rose_dafnegin_c0519ef8e5.png) !important;
  background-repeat: no-repeat;
  background-position: 60% 100px;
  background-size: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}

@media (max-width:1280px){
#hero-element:before {
    background-size: 64% !important;
}
}

@media (max-width:1279px){
#hero-element:before {
    background-size: 80% !important;
}
}

@media (max-width:1024px){
#hero-element:before {
    background-size: contain !important;
}
}


@media (min-width:1024px) and (max-width: 1280px) {
    .col-1 .main-product-image {
        top: 80px !important;
    }
}

@media (max-width: 640px) {
    .col-1 .main-product-image {
        top: 114px !important;
    }
}