/* mobile */




body#homepage.mobile .callout.first {
    font-size: 31px !important;
    top: 145px !important;
}




/* desktop */


body#homepage.desktop .callout.first {
    width: 640px;
    top: 45px;
    font-size: 52px;
}


body#homepage.desktop .callout.two {
    width: 640px;
    top: 80px;
    font-size: 52px;
}

body#homepage.desktop .callout.third {
    width: 710px;
    top: 120px;
    font-size: 55px;
}



body#homepage.desktop .callout.fourth {
    width: 600px;
    top: 165px;
    font-size: 52px;
}
body#homepage.desktop .GCBSspecialSliderBox1 .callout.fourth {
    width: 320px;
    top: 50px;
    font-size: 60px;
    float: right;
    margin-right:50px;
}
#homepage.mobile .GCBSspecialSliderBox1 .callout.fourth {
    top: 460px;
    width: 350px;
}

#rsm-btp.backtotop {
    border-top: 1px solid #ccc;
    background-image: url('../images/back-to-top-arrow.svg');
    background-repeat: no-repeat;
    background-position: calc(50% + 40px) 51%;
}


body.tablet #logo {
    background: url('../images/fr/RH-logo.svg?rnd=123411') no-repeat;
}

#logo, #logo-overlay {
    background: url('../images/fr/RH-logo.svg?rnd=123411') no-repeat;
	background-size: contain;
}


body.desktop #product-details.products #accordionp.acc h3 {
    font-size: 10px;
}


body.desktop .prod-item .prod-title {
    width: 300px;
}

body.desktop .prod-title {
    width: 500px;
    margin: 0 auto;
    padding-left:50px;
    padding-right: 50px;
}

body.desktop#homepage .prod-title {
    padding-left:0px;
    padding-right: 0px;
    width: 300px; 
}

body.desktop#homepage .feature .description {
    width: 300px;
    margin: 0 auto;
}


body.desktop .feature .description {
    width: 60%;
    margin: 0 auto;
}


.prod-title.hero span strong {
	display: block;
}


body.desktop #refrain .callout {
    width: 290px;
}


body#therecipes.desktop #refrain .callout {
    top: 70px;
}

body.desktop #refrain .callout {
    width: 390px;
}


.prod-title.hero span strong {
    font-size: inherit;
    font-family: inherit;
    text-transform: none;
    font-weight: inherit !important;
}


#product-category .prod-title {
    width: 400px;
    margin: 0 auto;
}

body#product-category.mobile .prod-title {
    width: 300px;
    margin: 0 auto;
}


body#product-category.mobile #accordionp .prod-title {
    width: 280px;
    margin: 0 auto;
}

body#product-category.mobile .feature .description {
    width: 80%;
    margin: 0 auto;
}


body.tablet #refrain .callout {
    width: 400px;
}


body.mobile #product-details.products #accordionp.acc h3 {
    font-size: 9px;
}

body.tablet.d-recipe #ready-set-make .lets-make .ui-btn.ui-corner-all {
    background: url('../images/fr/letsmake-btn.png') no-repeat;
}

.lets-make-btn {
    background: url('../images/fr/letsmake-btn.png') no-repeat;
}


#item-size-select {
    width: 250px !important;
   
}

.custom-select-control.custom-control-parent{
    width: 230px!important;

}

.custom-select-control.custom-control-parent::after {
    content: ' ';
    background: url('/images/dropdown-triangle.png') no-repeat;
    width: 25px;
    height: 25px;
    top: 16px;
    right: -22px !important;
}


body.tablet .print-share-link,
body.desktop .print-share-link {
    bottom: 20px;
    right: 100px;
}

body.desktop .prod-title {
    padding-top: 70px;
}


/*body.tablet #logo::after{
  content: url('../images/fr/RH-logo.svg');
}*/

body br.desktop  {
    display: inline-block !important;
    padding: 0 !important;
}

body#homepage.tablet .BroadieleftBox .callout.first.francais {
    font-size: 30px !important;
}

body#homepage.desktop .BroadieleftBox .callout.first.francais {
    font-size: 49px !important;
    
}

body.mobile#homepage .callout.two {
    width: 320px;
    top: 200px;
    font-size:35px;
}

body#homepage.landscape .callout.first, #homepage.landscape .callout.fourth, #homepage.landscape .callout.third, #homepage.landscape .callout.second {
    font-size: 21px !important;
}

body#homepage.mobile .BroadieleftBox .callout.first.francais {
    font-size: 30px !important;
    top: 170px !important;
}

body#homepage.mobile.landscape .BroadieleftBox .callout.first.francais {
    font-size: 20px !important;
    margin-bottom: 5px;
    width: 340px !important;
    top: 60px !important;
}

body.mobile.landscape .brodieImageBox img {
    width: 80%;
    margin: auto;
}