#wrapper{
    width: 100% !important;
    max-width: 100% !important;  
}

.header-top-max-with, .breadcrumbContent{
    max-width: 1250px;
    margin: auto;  
}

.title {
    color: var(---Clarins-red-00);
    margin: 40px 0;
    font-size: 46px;
    line-height: 40px;
    text-align: center;
    font-family: var(---primary-font);
    font-weight: 400;
}


.title-inbox {
    color: var(---Clarins-red-00);
    font-size: 38px;
    line-height: 34px;
    font-family: var(---primary-font);
    font-weight: 400;
}


@media (min-width:992px){

    .title { 
        font-size: 46px;
        line-height: 48px;
    }
    
    .title-inbox {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 10px;
    }

}

@media (max-width:991px){
    
    .title { 
        font-size: 30px;
    }
    
     .title-inbox {
        font-size: 30px;
          margin-bottom: 10px;
    }
      
    
}

.text-gotham-ssm {
    font-family: 'Gotham SSm medium A','Gotham SSm medium B',Helvetica,Arial,sans-serif !important;
   
}
.text-gotham-ssmb {
    font-family: 'Gotham SSm book A','Gotham SSm book B',Helvetica,Arial,sans-serif !important;
   
}

h2.text-gotham-ssm{
    margin-bottom: 5px;
}

.sottotitolo {
    font-size: 16px;
    text-transform: uppercase;
    color: var(---Clarins-red-00);
    font-family: var(---primary-font);
}

.testo-generico{font-size: 14px;}

.redCta {
    width: 200px;
    border-radius: 5px;
}
.redCta {
    background-color: var(---Clarins-red-02);
}
.redCta {
    display: block;
    margin: 10px auto;
    color: #fff;
    border: 2px solid var(---Clarins-red-01);
    transition: .3s;
    padding: 10px;
    text-align: center;
}

.redCta:hover {
    color: #ffffff !important
}


.productNumber h2{ 
    font-size: 30px;    
    font-weight: 400; 
    color: var(---Clarins-red-00);
}
.productNumber h2 a{ 
        color: var(---Clarins-red-00);
        font-weight: 400; 
        font-family: 'Gotham SSm book A','Gotham SSm book B',Helvetica,Arial,sans-serif !important;
}


@media (min-width:992px){
    .text-gallery-absolute{position: absolute;top:20px;left:20px;z-index: 100; width: 50%; }

}

@media (max-width:991px){
    #clarins-premium-partner .monthly-offer-image::before {
        top: 0px !important;
    }
    
    .make-up-img{ width: 90%;}
    
    .text-gallery-absolute{position: absolute; margin-left: auto; width: 100%; text-align: center; z-index: 4 !important}
    
}
@media (min-width:992px){
    

   
    .showDesktop{
      
    } 
    .showMobile{
        display:none
    } 
    
   
    
}

@media (max-width:991px){
    
    



    
    .showDesktop, .isDesktop{
          display:none
    } 
    
    

    
}


@media (min-width:992px){
    
    
    .seen-on-grazia{
        position: absolute; top: 250px; right:5px; z-index: 3;
    }
    

   
    .fondotinta-top{
        text-align: left;
    } 
    .redCta {
        display: inline-block;
       
    }
    
    .box-3-bg{
        background-image: url(../../levante/images/banner-center.jpg); 
        background-size: cover; 
        max-width: 100%; 
        min-height: 550px; 
        background-position: top center;
        margin-bottom: 50px;
        text-align: left;
    }
    
    
     .box-gallery-bg{
        
        max-width: 100%; 
        min-height: 516px;
        

        text-align: right;
       
    }
    
    .box-gallery-bg-left{
        background-image: url(../../levante/images/gallery-img-left.jpg); 
        background-size: cover; 
        background-position: bottom center;
        background-repeat: no-repeat;
     
    }
    
    
    
    .box-white{   
         margin: 15px;
        margin-left: 60px;
        margin-right: 60px;
    }   
    
}

@media (max-width:991px){
    
        .seen-on-grazia{
        position: absolute; bottom: 0px; right:0px; z-index: 3;
    }

    
    
    .fondotinta-make-up-img{ width: 80%;}
    
    .box-white{ text-align: center;  margin: 15px;}   
    
    
     .box-3-bg .order-xl-1{
        background-image: url(../../levante/images/banner-center-mobile.jpg); 
        background-size: cover; 
        max-width: 100%; 
        min-height: 430px; 
        background-position: bottom center;
        background-repeat: no-repeat;
       
        text-align: left;
    }
    
    
      .box-3-bg .order-xl-2{
        background-image: url(../../levante/images/banner-center-2-mobile.jpg); 
        background-size: cover; 
        max-width: 100%; 
        padding-top: 20px;
        padding-bottom: 20px;
        background-position: bottom center;
        margin-bottom: 50px;
        text-align: left;
    }
    
     .box-gallery-bg .order-xl-1{
        background-image: url(../../levante/images/gallery-img-left.jpg); 
        background-size: cover; 
        max-width: 100%; 
        min-height: 487px; 
        background-position: bottom center;
        background-repeat: no-repeat;
       
        text-align: center;
        
    }
    
    
    
    
}

.box-white {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 15px;
   
  
   
}