/** Shopify CDN: Minification failed

Line 1692:16 Expected identifier but found whitespace
Line 1692:24 Unexpected "!"

**/
body#index {
    overflow-y: scroll;
    touch-action: pan-y;
}


/**********fonts***********/
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('BrandonGrotesque-Light.woff2') format('woff2'),
    url('BrandonGrotesque-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('BrandonGrotesque-Regular.woff2') format('woff2'),
    url('BrandonGrotesque-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('BrandonGrotesque-Medium.woff2') format('woff2'),
    url('BrandonGrotesque-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('BrandonGrotesque-Bold.woff2') format('woff2'),
    url('BrandonGrotesque-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Brandon Grotesque';
  src: url('BrandonGrotesque-Black.woff2') format('woff2'),
    url('BrandonGrotesque-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}



/****
@font-face {
font-family: 'Dax';
src: url('Dax-Bold.woff2') format('woff2'),
url('Dax-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
****/
#product-druff-spay-grill-reiniger .page-width.cstsc1 {
    background: none !important;
    
}

#slide-1 .heading p {
  max-width: 740px;

}
body.template-index #shopify-section-header {
  position: sticky;
  top: 0;
  z-index: 999;
}
body {
  overflow-x: hidden;
  font-family: 'Brandon Grotesque'!important;
}


/* 
.product-ingredients {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
margin: 0 auto;
pointer-events: none;
}
.product-ingredients-background, .product-ingredients-foreground {
position: absolute;
top: 0;
height: 100vh;
width: 100vw;
}
.container-ingredient-tl, .container-ingredient-tr, .container-ingredient-bl, .container-ingredient-br {
position: absolute;
max-width: 12vw;
}
.full-ingredient {
position: relative;
z-index: 99;
}
.container-ingredient-tl {
left: 10%;
top: 0;
}
.container-ingredient-tr {
right: 0;
top: 0;
}
.container-ingredient-bl {
left: 0;
bottom: 0;
}
.container-ingredient-br {
right: 0;
bottom: 0;
}
*/


.cb1 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/bg-orange1.jpg);
}
.cb2 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/bg2.jpg);
}
.cb3 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/bg3.jpg);
}

.custom-banner-section {
  background-position: center center;
  background-size: 100%;
  height: 100vh;
}
.bnr-contnt {
  position: relative;
  padding-top: 180px;
  height: 100vh;
}
.bnr-contnt h2 {
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFD56B;
  max-width: 560px;
  margin: 0 auto;
}
img.procst {
  width: 40vh;
}

.logoimg {
  background: #682e8b;
  padding: 60px 0;
}
.logoimg .image-wrap.text-spacing {
  background: transparent;
}

h3.csth3 {
  color: #ffd56b;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
}


#shopify-section-newsletterform {
  background: #ffb700;
  padding: 30px 20px;
}
#shopify-section-newsletterform .input-group.newsletter__input-group {
  margin: 0 0;
}


.justify-content-center {
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.mb-md-0, .my-md-0 {
  margin-bottom: 0!important;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 40px;
  margin-right: auto;
  margin-left: auto;
}
.mb-md-0, .my-md-0 {
  margin-bottom: 0!important;
}
.col-md-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-md-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-md-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-md-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.cstFooter ul {
  margin: 0;
  list-style: none;
}

ul.cstss {
  display: flex;
  flex-wrap: wrap!important;
}
ul.cstss a img {
  width: 45px;
  margin: 0 5px;
}
.site-footer1 {
  background: #e35205;
  padding: 55px 0;
}
.bottomfrt {
  text-align: center;
  border-top: 1px solid #E43913;
  padding-top: 20px;
}
p.cstcpyryt {
  color: #FFD56BCC;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}
p.madeby {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #FFD56BCC;
}
h5.ftrhd {
  color: #ffd56b;
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: 700;
}
ul.csfooter-navigation li a {
  color: #FFD56BCC;
  font-weight: bold;
  font-size: 16px;
}
.input-group.newsletter__input-group.cstnf {
  background: #FEE7AB;
  padding: 10px;
  border-radius: 6px;
}
.cstnf button.btn {
  background: #E45213!important;
  border-radius: 6px!important;
  padding: 2px 18px!important;
  min-width: auto;
  border: none;
  color: #fff;
}
.input-group.newsletter__input-group.cstnf input::placeholder {
  color: #E0714399;
  font-weight: bold;
}

.nl-grp-input-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nl-grp-hding h3 {
  color: #fff;
  font-size: 20px;
  padding: 0 20px;
  margin: 0;
  line-height: normal;
  text-align: right;
}
.nl-grp-hding,
.nl-grp-md {
  width: 50%;
}
.sfd1 .product__photos--beside {
  display: block;
  max-width: 160px;
  margin: 20px auto 40px;
}


/*********************/
.cstHdr .header-wrapper.scroll {
  position: fixed;
  width: 100%;
  background: #e35205;
  z-index: 999;
  background-image: url(/cdn/shop/files/phdbg-n29.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
}
.cstHdr .site-header {
  background: transparent;
  border: none;
}
.template-index .header-wrapper {
  background: transparent;
  position: absolute;
}
#shopify-section-header {
  background: url(/cdn/shop/files/phdbg-n29.jpg?v=1656519270);
  background-size: cover;
  background-repeat: no-repeat;
}
/* .cstHdr .header-wrapper {
background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/phdbg.jpg);
background-size: cover;
background-repeat: no-repeat;
} */
.template-index .header-wrapper {
  background: transparent
} 
.logincst {
  max-width: 700px;
  margin: 0 auto;
}
.title-ii, .unlsee {
  padding: 20px 0 40px;
}
h1.sectle, .title-ii h1 {
  text-align: center;
  color: #ffd56b;
  text-transform: uppercase;
  padding: 0;
  font-weight: bold;
}
h3.signduff {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  color: rgba(52, 52, 52, 0.7);
  margin: 0 0 40px;
}

.cretfort {
  display: flex;
  justify-content: space-between;
}
.loginsubmit input.btn {
  background: #e35205;
  border-radius: 72px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  padding: 14px 20px;
  color: #fff;
  text-transform: uppercase;
  line-height: normal;
}
form#customer_login label,
form#create_customer label{
  display: none;
}
form#customer_login input#CustomerEmail,
form#customer_login input#CustomerPassword,
form#create_customer input,
form#create_customer input {
  border: 2px solid #E07143;
  box-sizing: border-box;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  padding: 14px 20px;
  line-height: 23px;
  color: rgba(224, 113, 67, 0.6);
}
.cretfort a#RecoverPassword,
.cstcrtact a {
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  color: rgba(52, 52, 52, 0.7);
}
.cstcrtact a:hover {
  color: rgba(52, 52, 52, 0.7);
}

.site-nav--icons svg.icon.icon-user, 
.site-nav--icons svg.icon.icon-search, 
.site-nav--icons svg,
svg.icon.icon-hamburger {
  color: #fff;
} 

.cst-clichr {
  text-align: center;
  margin: 40px 0 0;
}
.cst-clichr h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.cst-clichr a {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  color: #e35205;
  letter-spacing: normal;
}
.cst-clichr a:hover {
  color: #e35205;
}
.cstContctus {
  display: flex;
  padding: 10% 0;
  flex-wrap: wrap;
}
.coleft {
  width: 70%;
}
.cstConRyt9 {
  width: 25%;
  padding-right: 3%;
}
.cstConRyt1 h3,
.cstConRyt9 h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  text-transform: uppercase;
  color: #3E8752;
}
.cstConRyt1 address {
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.cstConLeft {
  width: 75%;
  display: flex;
}
.cstConRyt {
  width: 25%;
}
.cstConRyt1.r12 {
  padding-left: 3%;
}
.cstConRyt1.r12 h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 170%;
  color: #3E8752;
}
.cstConRyt1 h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-decoration-line: underline;
  color: rgba(52, 52, 52, 0.7);
}

p.sssscstco {
  text-align: center;
  color: #fff;
}

.cstloylty1 {
  display: flex;
  flex-wrap: wrap;
  padding: 8% 0;
}
.cstl_in {
  width: 50%;
}
.cstl_in.lytimg2 {
  text-align: center;
}
.cstl_in h1 {
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  color: #F1BB31;
}
.cstl_in p {
  font-style: normal;
  font-weight: 400;
  color: rgba(52, 52, 52, 0.7);
}
.cstl_in a {
  font-style: normal;
  font-weight: 400;
  color: #E07143;
}
.loy1btn {
  display: flex;
  margin: 30px 0 0;
}
.cstbtn a {
  display: block;
  text-align: center;
}
.cstbtn a.ready {
  font-style: normal;
  font-weight: 400;
  color: #e07143;
  margin: 0 0 10px;
}
.cstbtn a.joinnow {
  background: #F1BB31;
  border-radius: 72px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px;
  border: 2px solid #F1BB31;

}
.cstbtn a.joinnow:hover {
  text-decoration: none;
  background: transparent;
  color: #F1BB31;
}
.loy1btn .cstbtn:first-child {
  padding-right: 20px;
}
.loy1btn .cstbtn:last-child {
  padding-left: 20px;
}
.cstl_in.lytimg2 img {
  max-width: 240px;
}

.cstloylty1main {
  position: relative;
}
.cstlobg1 {
  position: absolute;
  top: -80px;
  max-width: 130px;
  left: 0;
}
.cstlobg2 {
  position: absolute;
  bottom: -80px;
  max-width: 130px;
  right: 0;
}
.cstloylty2bg {
  background-color: #e35205;
  background-image: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/Vector.png?v=1651496156);
  background-repeat-x: no-repeat;
  background-position: left;
}
.how21 {
  display: flex;
  padding: 80px 0;
  flex-wrap: wrap;
}
.how1 {
  width: 30%;
  display: flex;
}
.how22 {
  width: 70%;
  text-align: center;
}
.how22 h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #FFFFFF;
}
.cstAcMain {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cstAc {
  width: 25%;
  padding: 40px 20px;
}
.cstAc img {
  max-width: 120px;
}
.how1 h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 54px;
  width: 100%;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
}
.cstAc h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin: 12px 0;
  line-height: normal;
}
.cstAc h5 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #FFD56B;
}
.cstloylty2bg.bg3 {
  background-color: #F1BB31;
}

.cstspend {
  display: flex;
  flex-wrap: wrap;
}
.cstSp img {
  max-width: 120px;
}

.cstSp {
  width: 50%;
  display: flex;
  padding: 40px;
  align-items: center;
}
.cstoff {
  padding: 0 0 0 20px;
  text-align: left;
}
.cstoff h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0;
  line-height: normal;
}
.cstoff h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0;
  line-height: normal;
}


.cstloylty3main {
  position: relative;
  padding: 8% 0;
}
.cstlty3 {
  max-width: 120px;
  margin: 0 auto;
  position: absolute;
  top: -70px;
  left: 60%;
}
h1.othrRewar {
  font-style: normal;
  font-weight: 900;
  font-size: 44px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #E07143;
}
.cstloylty3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 4%;
}
.cstl_in3 {
  width: 50%;
}
.cstl_in3.lytimg3 {
  text-align: center;
}
.cstl_in3.lytimg3 img {
  max-width: 320px;
  width: 100%;
}
.cstl_in3 h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: 0.01em;
  color: #E07143;
}
.cstl_in3 p {
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #343434b3;
  margin: 20px 0;
}
.cstl_in3 a.Referdfriend {
  font-weight: 700;
  color: #F1BB31;
  border: 2px solid #F1BB31;
  box-sizing: border-box;
  border-radius: 72px;
  padding: 12px;
  max-width: 240px;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.cstl_in3 a.Referdfriend:hover {
  color: #fff;
  background: #F1BB31;
  text-decoration: none;

}

/**********************/
.ourstorycst #shopify-section-header {
  background: url(/cdn/shop/files/green-nu29.jpg?v=1656520956);
  background-size: cover;
  background-repeat: no-repeat;
}
.ourgruffstry h1.sectle {
  font-weight: 700;
  text-transform: uppercase;
  color: #acc96c;
  transform: rotate(-5deg);
  width: 100%;
  display: inline-flex;
  padding: 60px 60px 10px;
  font-size: 70px;
}
.ourgruffstry h1.sectle:before {
  content:"";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/grr1.png?v=1651664641);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: -30px 0 0 30px;
}
.ourgruffstry h1.sectle:after {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/grr2.png?v=1651664641);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: -50px 20px 0;
}
.unlsee.ourgruffstry ul {
  margin: 80px 0 0;
  padding: 0 120px;
  list-style: none;
}
.unlsee.ourgruffstry ul li {
  display: inline-block;
  padding: 0 20px 0 0;
  margin: 0;
}
.unlsee.ourgruffstry ul li a {
  font-style: normal;
  font-weight: 400;
  color: #ACC96C;
}

.cc-story-img-text {
  display: flex;
  align-items: center;
  margin: -20% 0 0;
}

.ekdor {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.img2 {
  width: 50%;
}
.lefrr {
  width: 50%;
}
.lefrr h2 {
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  color: #3E8752;
}
.lefrr p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.about2 {
  padding: 60px 0;
}
.lefrr3 {
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}
.lefrr3 h2 {
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  color: #3e8752;
  max-width: 460px;
  margin: 0 auto 30px;
}
.lefrr3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.gall3 ul {
  margin: 40px 0 60px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.gall3 ul li {
  width: 50%;
  text-align: center;
  padding: 60px;
  position: relative;
}
.gall3 ul li p {
  position: absolute;
  left: 0;
  max-width: 260px;
  width: 100%;
  font-size: 14px;
  line-height: normal;
  text-align: left;
}
.ekdor4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 60px;
}
.lefrr4 {
  width: 50%;
}
.gall4 {
  width: 50%;
}
.about4 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/trleft.png);
  background-repeat: no-repeat;
}
.gall4 {
  text-align: center;
}
.lefrr4 h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 120%;
  letter-spacing: 0.01em;
  color: #3E8752;
}
.gall4 h2 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #3E8752;
  margin: 0 0 30px;
}
.gall4 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  color: #343434b3;
}
.gall4 a {
  font-weight: 700;
  color: #3d8452;
  border: 2px solid #3D8452;
  box-sizing: border-box;
  border-radius: 72px;
  padding: 12px;
  max-width: 180px;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin: 40px auto 0;
}
.gall4 a:hover {
  background: #3d8452;
  border: 2px solid #3D8452;
  text-decoration: none;
  color: #fff
}
#shopify-section-template--15971501342946__our-druff-story5 {
  display: none;
}
.clsssunilklea {
  background: transparent;
}
.clsssunilklea h2 {
  max-width: 530px;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #3E8752;
  margin: 0 auto;
}
.clsssunilklea h3.csth3 {
  color: #3e8752;
  font-size: 20px;
  font-weight: 600;
}
.mlleft {
  width: 50%;
}
img.cstmlim {
  width: 50%;
}


/*****************/
.cstbloge #shopify-section-header {
  background-image: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/bg_druff.png?v=1651766724);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #E3DEA6;
  background-position: right;
}
.cstbloge .site-nav--icons svg.icon.icon-user, 
.cstbloge .site-nav--icons svg.icon.icon-search, 
.cstbloge .site-nav--icons svg, 
.cstbloge svg.icon.icon-hamburger {
  color: #fff;
}
.blog-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.unlsee.ourblog {
  padding: 0;
}
.blogr {
  width: 33.3%;
}
.blogr img {
  max-width: 200px;
  width: 100%;
}
.blogr.r3 {
  text-align: right;
}
.blogr.r2 {
  text-align: center;
}
.blogr.r2 img {
  max-width: 100%;
  padding: 20px 0 40px;
}

.cstBlogtemp {
  display: flex;
  flex-wrap: wrap;
}
article.cstarticlearticle--layout {
  width: 46%;
  margin: 0 2% 4%;
  background: #E3DEA6;
  padding: 20px;
  border-radius: 10px;
}

article.cstarticlearticle--layout h2.h3.article__h3 a {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #e07143;
  margin: 20px 0 20px;
  display: block;
  text-decoration: none;
}

.cst-article__content-meta a.btn1 {
  font-weight: 600;
  border: 2px solid #E07143;
  border-radius: 72px;
  background: transparent !important;
  color: #E07143;
  text-transform: uppercase;
  padding: 12px 10px;
  line-height: normal;
}

.cst-article__content-meta a.btn1:hover {
  background: #E07143 !important;
  color: #fff;
  text-decoration: none;
}
.cst-article__content-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 20px;
}
.blog-hdr-cst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2%;
}
.blog-hdr-cst ul {
  list-style: none;
  display: inline-flex;
  margin: 0;
}
.blog-hdr-cst ul li {
  padding: 0 20px 0 0;
}
.blog-hdr-cst ul li a {
  font-style: normal;
  font-weight: 400;
  color: #343434b3;
  font-size: 22px;
}

.cstwhydruff h1.sectle {
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  transform: rotate(-5deg);
  width: 100%;
  display: inline-flex;
  padding: 5% 60px;
  font-size: 70px;
}
.cstwhydruff h1.sectle:before {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/yy11.png?v=1652097646);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: -30px 0 0 30px;
}
.cstwhydruff h1.sectle:after {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/yy22.png?v=1652097646);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: -50px 20px 0;
}
.cstYdruff #shopify-section-header {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/bg-purple.png);
}

.main-story-section2 {
  padding: 10% 0;
}
.whydf-img-text {
  display: flex;
  align-items: center;
  margin: -10% 0 0;
}
.whydf-img-text .mlleft {
  padding-right: 4%;
}
.whydf-img-text .mlleft h2 {
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  color: #833680;
}
.whydf-img-text .mlleft p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: #343434b3;
}
.main-story-section3 .mlleft {
  text-align: center;
}
.main-story-section3 .cstmlimleft {
  text-align: center;
}
.main-story-section3 {
  padding: 5% 0 10% 0;
}
.main-story-section4 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/pinkbg4.png?v=1651901336);
  background-repeat: no-repeat;
}
.main-story-section4 .gall4 h2 {
  color: #833680;
}
.main-story-section4 .lefrr4 h2 {
  text-transform: uppercase;
  color: #833680;
  max-width: 300px;
  font-size: 66px;
  margin: 0;
}
.site-nav {
  color: #fff;
  text-transform: uppercase;
}

.cstcleningPro {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cstcpinr {
  width: 33.3%;
  padding: 3% 2%;
}
.cst-cp-image-wrap img {
  max-width: 90px;
  width: 100%;
}
.cstcpinr h3.csth3 {
  color: #833680;
  margin: 10px 0;
}

.videowhy {
  margin: 0 auto 8%;
}
.vdiisect {
  background: #83378187;
  text-align: center;
  padding: 6% 0 8%;
}
.vdiisect .heading h3, .headerff5 h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: normal;
  text-transform: uppercase;
  color: #833680;
  padding: 0 0 40px;
  margin: 0;
}
.videoarr video#vid {
  width: 100%;
  display: block;
}

.whydruffcst {
  max-width: 1024px;
  margin: 10% auto;
}
.headerff5 h2 {
  text-align: center;
  margin: 0 0 6%;
}

.whydruffcst h2.section-header__title {
  color: #843681;
  text-transform: uppercase;
  font-weight: 600;
}
.whydruffcst .cstblogpop {
  margin: 0 5% 4%;
  background: #843681;
  padding: 20px;
  border-radius: 10px;
}
.cstyarticle__grid-meta time {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.cstblogpop a.article__title {
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  text-transform: uppercase;
  color: #FFFFFF;
}
.cstyarticle__grid-meta {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin: 24px 0 0;
}
.cstyarticle__grid-meta .article__date {
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: normal;
}
.cstyarticle__grid-meta .article__titlebtn {
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  border: 2px solid #fff;
  border-radius: 70px;
  padding: 15px 40px;
  text-decoration: none;
}
.whydruffcst .cstblogpop .article__grid-meta {
  margin: 0;
}
.whydruffcst .viewall {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.whydruffcst .viewall a {
  color: #833680;
  border-radius: 72px;
  border: 2px solid #833680;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
  padding: 14px 30px 12px;
  text-decoration: none;
  display: block;
}
.whydruffcst .viewall a:hover {
  color: #fff;
  border-radius: 72px;
  border: 2px solid #833680;
  background:#833680;
}
.cstyarticle__grid-meta .article__titlebtn:hover {
  background: #fff;
  color: #000;
}


.footerff5 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerff5 a.btnff5 {
  background: #843681;
  color: #fff;
  border-radius: 72px;
  border: 2px solid #833680;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
  padding: 15px 30px;
  text-decoration: none;
}
.footerff5 a.btnff5:hover {
  border: 2px solid #843681;
  color: #843681;
  background: transparent;
}

.carreerInr {
  max-width: 820px;
  margin: 10% auto;
}
.carreerInr h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.carreerSA button.accordion {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 170%;
  text-align: left;
  color: #6B6B6B;
  padding: 0;
  background: transparent;
  padding-right: 20px;
}

.carreerSA button.accordion {
  position: relative;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 170%;
  text-align: left;
  color: #6b6b6b;
  padding: 10px 0 10px;
  background: transparent;
  border-bottom: 1px solid rgba(107, 107, 107, 0.6);
}
.carreerSA .panel {
  padding: 10px 0;
  color: #717171;
}
.carreerSA .panel p {
  font-size: 18px;
}
.carreerSA button.accordion:after {
  content: "+";
  position: absolute;
  right: 0;
  font-family: auto;
  font-size: 24px;
}
.carreerSA button.accordion.active:after {
  content: "-";
}
.drawer__fixed-header .drawer__close .drawer__close-button {
  padding: 0;
}

.drawer--left.drawer--is-open {
  z-index: 9999;
  width: 50%;
}
.drawer--left.drawer--is-open {
  z-index: 9999;
  transform: translateX(480px) !important;
}
.drawer--left {
  width: 480px;
  left: -480px;
}
.tabDmenu {
  display: flex;
}
.tabDmenu .tab {
  height: auto;
  width: 50%;
  border: none;
  background: transparent;
}

.tabDmenucontainr {
  width: 50%;
}
.tabDmenucontainr .tabcontent {
  width: 100%;
  border: none;
  height: auto;
}
.tabDmenucontainr .tabcontent h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 170%;
  color: #E07143;
}
.tabDmenu .tab button {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  letter-spacing: .01em;
  color: #e07143;
  background: transparent;
  padding: 18px 0;
  position: relative;
}
.tabDmenu .tab button.active {
  background-color: transparent;
  color: #FFD56B;
}
.tabDmenu .tab button.active:after {
  content: "";
  position: absolute;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/gdgg.png);
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: auto;
  top: -20px;
}
.tabDmenu .tab button:hover {
  background-color: transparent;
}
.tabDmenucontainr .tabcontent ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.tabDmenucontainr .tabcontent ul li {
  margin: 0;
}
.tabDmenucontainr .tabcontent ul li a {
  color: #343434b3;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 170%;
  padding: 4px 0;
  display: block;
  text-decoration: none;
}
.drawer__fixed-header .drawer__header {
  border: none;
}
.drawer__fixed-header .drawer__close, .drawer__fixed-header .drawer__title {
  display: block;
  width: auto;
  text-align: right;
  font-family: 'Brandon Grotesque' !important;
  padding: 6px;
  font-weight: 600;
}
footer.mmMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
footer.mmMenu ul li {
  margin: 0;
  padding: 0 10px 0 0;
}
footer.mmMenu ul li img {
  max-width: 40px;
  width: 100%;
}
footer.mmMenu {
  position: fixed;
  bottom: 5%;
  width: 90%;
}

footer.mmMenu:after {
  content: "";
  position: absolute;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/vegan_2_1.png);
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 10%;
  right: 10%;
}

.cstYcollection #shopify-section-header {
  background: url(/cdn/shop/files/blubg-nu.jpg?v=1656520494);
  background-size: 100%;
}
.cstYcollection .ourgruffstry h1.sectle {
  color: #fff;
}
.cstYcollection .ourgruffstry h1.sectle:before {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/yy11.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: 0 0 0 30px;
}

.cstYcollection .ourgruffstry h1.sectle:after {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/yy22.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: 0 20px 0;
}
.cstYcollection .unlsee.ourgruffstry ul li a {
  color: #fff;
}

.cstYcollection .cstHdr .header-wrapper.scroll {
  position: fixed;
  width: 100%;
  z-index: 999;
}

.cstcollhd {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  justify-content: center;
}
.cstcollhh1 {
  width: 60%;
}
.cstcollhd div {
  position: relative;
}
.cstcollhh2 {
  width: 40%;
}
.cstcollhh2 img {
  position: absolute;
  top: 30px;
  max-width: 200px;
  right: 10%;
  width: 100%;
}

.page-content.cstColl {
  padding-top: 8%;
}
.page-content.cstColl .grid-product__content {
  text-align: center;
  padding: 10px;
  border-right: 1px solid #E5E5E5;
}
.page-content.cstColl .grid-product__content:hover {
  background-color: #3270A1;
  background-image: url(/cdn/shop/files/Group_15_1.png);
  border-radius: 10px;
}
.page-content.cstColl .grid-product__content:hover .grid-product__title {
  color: #fff;
}
.page-content.cstColl .grid-product__content:nth-child(2) {
  border-right: 1px solid #000;
}
.page-content.cstColl .grid__item {
  /*   padding: 0; */
}
.page-content.cstColl .grid-product__title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: rgba(52, 52, 52, 0.8);
}
.page-content.cstColl .grid-product__price span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: rgba(52, 52, 52, 0.8);
}

/************/

.page-content.cstColl .grid-product__price {
  display: none;
}
#CollectionAjaxContent .grid-product__image-mask .image-wrap {
  padding: 0!important;
  height: auto!important;
  background: transparent;
}
#CollectionAjaxContent .grid-product__image-mask .image-wrap img {
  padding: 0;
  height: 250px;
  object-fit: contain;
}
.page-content.cstColl .grid-product__content a:hover {
  text-decoration: none;
}

/*********************/

div#CartDrawer {
  z-index: 9999;
}
.shopingcart h1.sectle {
  margin: 0;
  text-transform: capitalize;
}

.cart__item.cart__item--headers {
  background: #E5E5E566;
  padding: 20px;
  border-radius: 8px;
  border: none;
}
.cart__item--qty,
.cart__item--price.text-right {
  color: #E07143;
  font-weight: 600;
}
.cart__item--details a.cart__product-name {
  margin: 0;
  color: #343434B2;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 170%;
}
.cstCallbol {
  display: flex;
  flex-wrap: wrap;
}
.cstHdrcartleft {
  width: 60%;
}
.cart__footer {
  width: 40%;
  padding: 0 4%;
  margin: 0 auto;
  border: none;
}

.cart__footer .grid {
  margin: 0;
}
.cart__footer .grid .grid__item.medium-up--one-half.text-center {
  position: unset;
  width: 100%;
}

.cstmaincot h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}

button.btn.btn--no-animate.cart__checkout {
  background: #F1BB31;
  border-radius: 72px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: rgba(52, 52, 52, 0.7);
  text-transform: uppercase;
  padding: 14px 10px;
}
.cstmaincot {
  clear: both;
  padding: 30px 0 0;
}

.cart__item-sub.cart__item-row {
  border: 3px solid #E5E5E5;
  border-radius: 10px;
  padding: 30px 20px;
  font-weight: 600;

}
.cart__subtotal {
  color: #343434b2;
  letter-spacing: normal!important;
  font-family: Brandon Grotesque;
  font-weight: 500;
}letter-spacing: normal !important;
}
.cstmaincot h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 170%;
  color: #E07143;
  margin: 0;
}
.cstmaincot ul {
  margin: 0 0 20px 20px;
}
.cstmaincot ul li, .cstmaincot p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}

.cstHdrcartleft .cart__item--details {
  width: 100%;
}
.cstHdrcartleft .cart__item.cart__item--headers.small--hide {
  display: flex;
}
.cart__item--name {
  color: #e07143;
  font-family: 'Brandon Grotesque' !important;
}

/***************/
.scn1 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px 20px;
}
.scn1 h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: 120%;
  text-align: center;
  letter-spacing: .01em;
  color: #ffb500;
  text-transform: uppercase;
}
.scn1 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  text-align: center;
}
.btn {
  font-family: Brandon Grotesque!important; 
}

.img-cnt {
  display: flex;
  flex-wrap: wrap;
}
.img-cnt .img2 {
  width: 50%;
}
.img-cnt .teee7 {
  width: 50%;
}
.teee7 h1.sectle {
  font-weight: 700;
  text-transform: uppercase;
  color: #E07143;
  transform: rotate(-5deg);
  width: 100%;
  display: inline-flex;
  padding: 5% 20px;
  font-size: 30px;
  margin: 0;
}
.teee7 p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  color: rgba(52, 52, 52, 0.7);
}
.teee7 h1.sectle:before {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/Group_50.png?v=1652636531);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 0 0 0 0;
}
.teee7 h1.sectle:after {
  content: "";
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/Group_51.png?v=1652636531);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: -6px 0 0 10px;
}

.prd_sc .main-story-section4 {
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/Mask-group-_3_ll.png?v=1652641412);
  background-repeat: no-repeat;
}
.prd_sc .main-story-section4 .lefrr4 h2,
.prd_sc .main-story-section4 .gall4 h2 {
  color: #E07143;
}
.prd_sc .cstcpinr h3.csth3 {
  color: #E07143;
}

.img-cnt36 {
  display: flex;
  align-items: center;
  background: #43b02a;
}
.teee76 {
  background: #43b02a;
  width: 50%;
  padding: 4%;
}
.teee76 h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #FFFFFF;
}
.teee76 h4 {
  font-style: normal;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
}
.teee76 p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  color: rgba(255, 255, 255, 0.9);
}
.teee76 a {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 140%;
  color: #fff !important;
  padding: 10px 20px;
  border: 2px solid #FFFFFF;
  border-radius: 72px;
  display: inline-block;
  margin: 20px 0 0;
  text-decoration: none !important;
}
.img26 {
  width: 60%;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/Rectangle_18.png);
  padding: 6.5% 0 0;
}
.imginr26 {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}
.imginr26 ul {
  list-style: none;
  width: 50%;
  margin: 0;
}
.imginr26 ul li a {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 170%;
  color: #FFFFFF;
  text-align: right;
  display: block;
}
.imginr26 ul li a:hover {
  color: #FFD56B;
}
.imginr26 img {
  max-width: 242px;
  width: 100%;
}

.teee37 h1.text-center {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: 0.01em;
  color: #F1BB31;
}
.spry37 {
  display: flex;
  align-content: center;
  align-items: center;
}
.spry37 img {
  max-width: 30px;
  margin: 0 30px 0 0;
}
.spry37 h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #853984;
}

.spry37 p {
  font-style: normal;
  font-size: 12px;
  line-height: 140%;
  color: #853984;
}
.img37 {
  display: flex;
  justify-content: center;
  padding: 10% 0 0;
  align-items: flex-end;
}

.imginr26.im2> img {
  max-width: 40%;
  padding-top: 40px;
}
.imginr26.im2 .spry37 h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}

.img-cnt37 {
  padding: 8% 0 0;
  background: url(/cdn/shop/files/Group_15.png?v=1653409849);
}

.grid.sfdmain {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  max-width: 1120px;
  align-items: center;
  margin: 0 auto;
}
.grid__item.right-sfd {
  padding: 0;
}
.sfdmain .grid__item.right-sfd, .sfdmain .grid__item.sfd2 {
  width: 37%;
}
.sfdmain .grid__item.sfd1 {
  width: 26%;
  padding: 0;
}
.sfdmain .grid__item.sfd2 .product-single__meta {
  padding: 0;
}

.sbbekm .js-qty__wrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
  background: transparent;
  color: #fff;
}
.sbbekm .js-qty__wrapper svg {
  fill: white;
}
.sbbekm {
  margin: 0 0 20px;
}
.sbbekm .js-qty__wrapper label {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  text-transform: uppercase;
}
.cstStjinputinr {
  position: relative;
  max-width: 100px;
  margin: 0 0 0 10px;
}
.sbbekm ul {
  margin: 0 0 20px;
  list-style: none;
}
.stjBtnCart {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.stjBtnCart button.btn.btn--full.add-to-cart {
  border-radius: 40px;
}
.right-sfd h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  color: #FFFFFF;
}
.right-sfd p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  text-transform: uppercase;
}

.sfd2 .product-block {
  margin: 0;
}
.cstStjinputinr input, .cstStjinputinr input:active {
  border-color: #fff;
  border-radius: 5px;
}
.cstStjinputinr .js-qty__adjust:hover {
  background: transparent;
}
.stjBtnCart button.btn.btn--full.add-to-cart {
  width: 48%;
  background: #fff !important;
  padding: 16px 10px!important;
  color: #3371a3!important;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal!important;
  text-transform: uppercase;
  border: none;
  background-image: none!important;
}
.stjBtnCart .shopify-payment-button {
  margin: 0;
  width: 48%;
}
.stjBtnCart button.shopify-payment-button__button {
  border: 2px solid #FFFFFF;
  border-radius: 72px;
  text-transform: uppercase;
  font-weight: 400;
  background: transparent !important;
}
.stjBtnCart button.btn.btn--full.add-to-cart:hover {
  background: #fff;
}

.imginr26 ul li a {
  position: relative;
}
.imginr26 ul li a:hover:after {
  content: "";
  position: absolute;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/gdgg.png);
  width: 60px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 40px;
  top: -30px;
  right: 65px;
  transform: rotate(270deg);
}
.imginr26 ul li a:hover:after {
  content: "";
  position: absolute;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/gdgg.png);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 35px;
  top: -10px;
  right: -30px;
  transform: rotate(0deg);
}

.img37 .imginr26 {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative;
}
.spry372 {
  position: absolute;
  top: -60px;
  display: flex;
  align-items: center;
  align-content: center;
}
.spry372 img {
  max-width: 16px;
  margin: 0 0 0 10px;
}
.drfspyinr h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #643d83;
}
.drfspyinr p {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: normal;
  color: #643d83;
  margin: 0;
}
.spry372.cst72 {
  top: -60px;
  right: 30px;
}
.spry372.cst72 img {
  margin: 0 10px 0 0;
}
.spry372.cst72 .drfspyinr p,
.spry372.cst72 .drfspyinr h4 {
  color: #b34d49;
}

.sfd1 .image-wrap {
  background: transparent;
}

.pricve {
  font-weight: 700;
  color: #FFD56B;
}
.pricve span.product__price {
  font-size: 40px;
}
.pricve .product__policies.rte {
  display: none;
}
.igamm {
  margin: 0 0 20px;
}
.igamm img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  padding: 5px 0;
  margin: 0 0 5px;
}
.cust_slider12  img.trigger {
  max-height: 520px;
  object-fit: contain;
}
ul.cust_slider12.owl-carousel.owl-drag {
  margin: 0;
  list-style: none;
}
.stjBtnCart .shopify-payment-button button.shopify-payment-button__more-options {
  font-size: 13px;
}
._1LP9NPTft85QosIXd3_zOV._3G6VJhJYno-AX3-X38f1TA._2EiMjnumZ6FVtlC7RViKtj._1GxIZiuIYnVTrkxMSSrber {
  border-radius: 50px;
}

.sbbekm .spurit-ros__wrapper {
  min-width: auto;
}
.sbbekm span.spurit-ros__title {
  display: none;
}
.sbbekm .spurit-ros__wrapper ul.spurit-ros__options {
  border: none;
}
.sbbekm span.spurit-ros__label-content,
.sbbekm span.spurit-ros__price{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #FFFFFF;
  text-transform: initial;
  letter-spacing: normal;
}
.sbbekm li.spurit-ros__option {
  padding: 0;   
  border: none;

}
.sbbekm li {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 140%;
  color: #ffffffe6;
  text-align: left;
}
.sbbekm .spurit-ros__widget {
  margin: 0;
}
.sbbekm .spurit-ros__widget [data-editable="main-text"] {
  border-color: #f1bb31;
  background-color: #fff;
}
.sbbekm .spurit-ros__frequencies select {
  border: 1px solid #fff!important;
  color: #fff;
}
.sbbekm label.spurit-ros__frequencies-title {
  letter-spacing: normal;
  text-transform: capitalize;
}
.sbbekm label.spurit-ros__label {
  padding-top: 6px;
  padding-bottom: 6px;
}
.cstHdr .site-header .site-nav__icons {
  display: flex;
  align-items: center;
}
.cstHdr .site-header .site-nav__icons a {
  font-size: 14px;
  color: #fff;
  padding: 0 0 0 40px;
  display: flex;
  align-items: center;
}




.shopify-payment-button__button--branded .shopify-cleanslate>div {
  background: transparent !important;
  padding: 14px 10px!important;
  color: #ffffff!important;
  border: 2px solid #fff !important;
  text-transform: uppercase;
  font-weight: 900 !important;
}

._1LP9NPTft85QosIXd3_zOV._3G6VJhJYno-AX3-X38f1TA._2EiMjnumZ6FVtlC7RViKtj._1GxIZiuIYnVTrkxMSSrber {
  background: transparent !important;
  padding: 14px 10px!important;
  color: #ffffff!important;
  border: 2px solid #fff !important;
  text-transform: uppercase;
  font-weight: 900 !important;
}
.shopify-cleanslate ._1GxIZiuIYnVTrkxMSSrber:hover:not(.GZHgfzSnue0w98GtPtQ3D) {
  background: #fff !important;
  color: #fff !important;
}

/**************/


.page-content.cstColl #aloe-vera-minze .grid-product__content:hover {
  background-color: #43b02a;
}
.page-content.cstColl #sandelholz .grid-product__content:hover {
  background-color: #e35205;
}
.page-content.cstColl #neutral .grid-product__content:hover {
  background-color: #0061a0;
}
.page-content.cstColl #druff-spay-spruh-flasche .grid-product__content:hover {
  background-color: #5f297d;
}
.page-content.cstColl #druff-spay-grill-reiniger .grid-product__content:hover {
  background-color: #bf4e42;
}
.page-content.cstColl #druff-spay-mit-mega-perleffekt .grid-product__content:hover {
  background-color: #1d5660;
}


body#product-druff-spray-kalk-killer div#shopify-section-header,
body#product-druff-spray-kalk-killer .stjpro {
  background-color: #226a76;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}
body#product-druff-spray-kalk-killer .stjBtnCart button.btn.btn--full.add-to-cart {
  color: #226a76 !important;
}

#product-product-sandelholz .stjpro {
  background: url(/cdn/shop/files/phdbg-n29.jpg);
  background-size: 100%;
}
#product-product-sandelholz #shopify-section-header {
  background: url(/cdn/shop/files/phdbg-n29.jpg);
  background-size: 100%;
}
#product-product-sandelholz .stjBtnCart button.btn.btn--full.add-to-cart {
  color: #e17243 !important;
}
#product-product-sandelholz.template-product .cstHdr .header-wrapper.scroll {
  background: url(/cdn/shop/files/phdbg-n29.jpg);
  background-size: 100%;
}
#product-product-sandelholz .shopify-cleanslate ._1GxIZiuIYnVTrkxMSSrber:hover:not(.GZHgfzSnue0w98GtPtQ3D) {
  border-color: #fff!important;
  color: #ffffff!important;
}






/***************/

.cstHdr .header-wrapper.scroll .site-header {
  padding: 0;
}
.reviewsecrtyu.page-width {
  padding-top: 8%;
}
.reviewsecrtyu h2.spr-header-title {
  font-style: normal;
  font-weight: 700;
  font-size: 36px !important;
  line-height: 140%;
  color: #E07143;
}
.reviewsecrtyu a.spr-summary-actions-newreview, 
.reviewsecrtyu input.spr-button.spr-button-primary.button {
  color: #f1bb31!important;
  background: transparent!important;
  border: 2px solid #F1BB31!important;
  border-radius: 10px!important;
  padding: 11px 20px !important;
}

body.onenduv .flavor-drawer {
  background-color: #fff;
  transform: translateZ(0);
  transition: opacity .5s;
  z-index: 999;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
}
body.onenduv .flavor-drawer .more-flavors {
  opacity: 0;
}
body.onenduv .flavor-drawer .toggle {
  background-image: url(/cdn/shop/files/flavor-toogle-close_1.png);
  background-position: left;
}
body.onenduv .flavor-drawer ul.spaced {
  display: table-cell;
  vertical-align: middle;
}
body.onenduv .flavor-drawer ul li a {
  position: relative;
  font-weight: 600;
}
body.onenduv .flavor-drawer ul li:hover a:after {
  content: "";
  position: absolute;
  background: url(https://cdn.shopify.com/s/files/1/0640/6471/7026/files/gdgg.png);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 30px;
  top: 0;
  left: 0;
  transform: rotate(275deg);
}
.template-product #popup {
  max-width: 720px;
  max-height: 600px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 3px 44px 6px #00000026;
}
.template-product #popup #close {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(https://cdn.shopify.com/s/files/1/0253/4844/0111/files/Close_Button_Fill.svg?24264);
  font-size: 0;
  background-size: contain;
  background-position: 50%;
  border-radius: 50%;
  right: 1rem;
  padding: 0;
  top: 1rem;
  cursor: pointer;
  opacity: 1;
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
}
.cust_slider12.owl-carousel .owl-nav.disabled {
  display: block;
}
.cust_slider12 .owl-nav button {
  opacity: 1;
  width: 31px;
  margin-top: 0;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
.cust_slider12 .owl-nav button.owl-prev {
  background-image: url(https://cdn.shopify.com/s/files/1/0253/4844/0111/files/SVg_File_Second_Img_Left_Arrow.svg?24292)!important;
  left: 5px;
  top: 50%;
  position: absolute;
  background-repeat: no-repeat !important;
  font-size: 0 !important;
  width: 30px;
  height: 60px;
}
.cust_slider12 .owl-nav button.owl-next {
  background-image: url(https://cdn.shopify.com/s/files/1/0253/4844/0111/files/SVg_File_Second_Img_Right_Arrow.svg?24292) !important;
  right: 5px;
  top: 50%;
  position: absolute;
  background-repeat: no-repeat !important;
  font-size: 0 !important;
  width: 30px;
  height: 60px;
}
.template-product #overlay {
  background: transparent;
  z-index: 999;
}

.drfspyinr a:hover {
  text-decoration: none;
}

#product-druff-spay-spruh-flasche .stjpro,
#product-druff-spay-spruh-flasche #shopify-section-header {
  background: url(/cdn/shop/files/purpl-bg.jpg?v=1656928914);
  background-size: 100%;
}

#product-aloe-vera-minze .stjpro,
#product-aloe-vera-minze #shopify-section-header {
  background: url(/cdn/shop/files/green-nu29.jpg?v=1656520956);
  background-size: 100%;
}

#product-druff-spay-spruh-flasche .stjBtnCart button.btn.btn--full.add-to-cart {
  color: #692e8d !important;
}
body#product-aloe-vera-minze .stjBtnCart button.btn.btn--full.add-to-cart {
  color: #3e8952 !important;
}

.template-product .cstHdr .header-wrapper.scroll {
  background: url(/cdn/shop/files/phdbg-n29.jpg?v=1656519270);
  background-size: cover;
  background-repeat: no-repeat;
}
.stjpro {
  background-color: #3371a3;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}

body#product-druff-spay-grill-reiniger .stjpro {
  background-color: #ea5c51;
}
body#product-druff-spay-grill-reiniger #shopify-section-header {
  background-color: #ea5c51;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}
body#product-druff-spay-grill-reiniger .stjBtnCart button.btn.btn--full.add-to-cart {
  color: #389a41 !important;
}
body#product #shopify-section-header {
  background-color: #3371a3;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}

.collection-filter {
  margin-bottom: 8%;
}
.collection-filter input[type=text]#myInp {
  max-width: 160px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  background-color: #fff;
  background-image: url(https://www.w3schools.com/howto/searchicon.png);
  background-position: 4px 10px;
  background-repeat: no-repeat;
  padding: 6px 20px 6px 40px;
  background-size: 16px;
}

.page-content.cstColl .grid__item.grid-product {
  padding: 0;
}
/************/
.tabDmenucontainr .tabcontent a.menulm {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 140%;
  color: #3e8752!important;
  padding: 10px 20px;
  border: 2px solid #3E8752;
  border-radius: 72px;
  display: inline-block;
  margin: 20px 0 0;
  text-decoration: none!important;
  font-weight: 700;
}
.tabDmenucontainr .tabcontent p {
  line-height: 170%;
  color: rgba(62, 135, 82, 0.9);
  font-weight: 500;
}
.hdrcollmob.unlsee.ourgruffstry ul {
  display: none;
}


footer.mmMenu ul li svg {
  background: #E07143;
  color: #fff;
  padding: 10px;
  width: 45px;
  height: 45px;
  border-radius: 50px;
}
.intro2 .tabDmenu .tab button {
  color: #ACC96C;
}
.intro2 .tabDmenu .tab button.active {
  color: #3E8752E5;
}
.intro2 footer.mmMenu ul li svg {
  background: #3E8752E5;
}
.intro2 footer.mmMenu:after {
  content: "";
  position: absolute;
  background: url(/cdn/shop/files/surface1_5.png);
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 10%;
  right: 10%;
}
.intro2 .tabDmenu .tab button.active:after {
  content: "";
  position: absolute;
  background: url(/cdn/shop/files/Group_7_2.png?v=1653760255);
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100%;
  top: -20px;
}
.logoimg .image-wrap.text-spacing img.lazyloaded {
  opacity: 1 !important;
}

.intro3 .tabDmenu .tab button {
  color: #D089B58C;
}
.intro3 .tabDmenu .tab button.active {
  color: #d089b5;
}
.intro3 .tabDmenucontainr .tabcontent p {
  color: #D089B58C;
}
.intro3 .tabDmenucontainr .tabcontent a.menulm {
  color: #D089B58C!important;
  border: 2px solid #D089B58C;
}
.intro3 footer.mmMenu ul li svg {
  background: #D089B58C;
}
.intro3 .tabDmenu .tab button {
  color: #D089B58C;
}

.intro4 .tabDmenu .tab button.active {
  color: #e07143;
}
.intro4 .tabDmenu .tab button {
  color: #E071438C;
}
.intro4 .tabDmenucontainr .tabcontent p {
  color: #E071438C;
}
.intro4 .tabDmenucontainr .tabcontent a.menulm {
  color: #E071438C!important;
  border: 2px solid #E071438C;
}
.intro4 footer.mmMenu ul li svg {
  background: #E071438C;
}
.intro4 .tabDmenu .tab button {
  color: #E071438C;
}

.page-finder .cstcollhh1 p {
  text-align: center;
  color: #fff;
}
.faq133gg1 {
  max-width: 800px;
  margin: 80px auto;
  text-align: center;
}
.faq133gg1 h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
  color: #E07143;
}
.storelocatioe {
  margin: 14% 0;
}
.page-finder .cstcollhh2 img {
  top: ;
}
.drupple0imgd {
  display: flex;
  flex-wrap: wrap;
}
.drupple0imgd img {
  width: 33.3%;
  padding: 25px;
}

/******/




.sct-frt ul {
  margin: 0;
  list-style: none;
  padding: 10% 0;
  display: flex;
  justify-content: center;
}
.sct-frt ul li {
  color: #6b6b6b;
  border: 2px solid #6B6B6B;
  width: 33.3%;
  text-align: center;
  padding: 40px;
  margin: 0 1%;
  border-radius: 20px;
  background: #fff;
}
.sct-frt ul li:hover,
.sct-frt ul li:hover h3 {
  border-color: #e35205;
  color: #e35205;
}



.sct-frt ul li a {
  text-decoration: none;
}
.sct-frt ul li h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  color: #343434b3;
  margin: 30px 0 0;
}
.sct-frt ul li img {
  height: 120px;
  width: 100%;
  object-fit: contain;
}
.sct-scd .accordion dt, .sct-scd .accordion dd {
  padding: 12px 14px 12px 0;
  border: 1px solid #6B6B6B99;
  border-bottom: 0;
  border-width: 1px 0 0;
}
.sct-scd .accordion dd {
  border: none !important;
}
.sct-scd dl.accordion {
  font-weight: 700;
  font-size: 16px;
  line-height: 170%;
  color: #343434cc;
  margin: 50px 0 0;
  border-bottom: 1px solid #b7b7b7;
  padding: 0;
}
.faqpage {
  padding: 0 0 10%;
}
.sct-scd .accordion dt {
  position: relative;
}
.sct-scd .accordion dt a:after {
  content: "+";
  text-align: right;
  position: absolute;
  right: 0;
  color: #6B6B6B99;
}
.sct-scd .accordion dt a, .sct-scd .accordion dd a {
  color: #343434cc;
  text-decoration: none;
}
.sct-scd .accordion dt:last-of-type, 
.sct-scd .accordion dd:last-of-type {
  border-bottom: none;
}

.sct-scd input[type=text]#filter::placeholder {
  opacity: 1;
  color: black;
}
.sct-scd input[type=text]#filter {
  max-width: 160px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  background-color: transparent;
  background-image: url(/cdn/shop/files/Vector_2.png);
  background-position: 4px 10px;
  background-repeat: no-repeat;
  padding: 4px 20px 4px 40px;
  background-size: 16px;
  color: #000;
}
/**************30-05-2022*************/


.page-finder.cstwhydruff h1.sectle {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  transform: rotate(-5deg);
  width: 100%;
  display: inline-flex;
  padding: 10% 20px 20px;
  font-size: 70px;
}
.cstcollhh1 .cstcollserch input[type=text]#myInp {
  max-width: 160px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  background-color: transparent;
  background-image: url(/cdn/shop/files/Vector_1.png);
  background-position: 4px 10px;
  background-repeat: no-repeat;
  padding: 4px 20px 4px 40px;
  background-size: 16px;
  color: #fff;
}
.unlsee .cstcollhh1 .cstcollserch {
  margin: 25px 0 0;
  padding: 0 120px;
  list-style: none;
  max-width: 420px;
}
.unlsee .cstcollhh1 .cstcollserch span.input-group-btn {
  position: absolute;
  top: 6px;
}
.unlsee .cstcollhh1 .cstcollserch input#myInp {
  color: #fff;
  padding: 8px 0 6px 40px;
  border-width: 0 0 1px 0;
}
.unlsee .cstcollhh1 .cstcollserch span.input-group-btn svg {
  color: #fff;
}
.unlsee .cstcollhh1 .cstcollserch span.input-group-btn button {
  padding: 0;
}
.cstbloge .header-wrapper.scroll .site-header .site-nav__icons a,
.cstbloge .header-wrapper.scroll .site-nav {
  color: #fff;
}
.cstbloge .cstHdr .site-header .site-nav__icons a {
  color: #de7443;
}
.cstbloge .site-nav {
  color: #de7443;
}
.cstbloge .header-wrapper.scroll button svg {
  color: #fff;
}
body#search button.btn {
  background: #e07142;
}
body#search button.btn svg.icon.icon-search {
  color: #fff;
}
body#search span.h4 {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}
body#search .grid-search__page a.grid-search__page-link {
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #333;
}
input.shopify-challenge__button.btn,
body#customers-login input.btn,
body#customers-register input.btn.btn--full {
  background: #e55207 !important;
  color: #fff;
}
input.shopify-challenge__button.btn:hover,
body#customers-login input.btn {
  padding-right: 10px !important;
}
body#customers-register input.btn.btn--full:hover {
  background: #e45213 !important;
  color: #fff;  
}
body#customers-register h1.section-header__title {
  font-size: 30px;
}
body#customers-login input.btn {
  margin: 0;
}

body#search .grid-product__meta {
  text-align: center;
}
body#search .grid-product__meta .grid-product__title {
  color: #333;
  text-decoration: none;
  line-height: normal;
  font-weight: 600;
  font-size: 14px;
}
body#search .grid-product__meta .grid-product__price {
  color: #333;
  font-weight: 400;
}
body#search a.grid-product__link {
  text-decoration: none;
}

.pagination {
  display: flex;
  justify-content: center;
  align-content: center;
}
.pagination .page.current, .pagination a {
  height: 40px;
  line-height: normal;
  color: #000;
}


.collection-filter .cstcollserch {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  max-width: 420px;
}
.collection-filter .cstcollserch span.input-group-btn {
  position: absolute;
  top: 6px;
}
.collection-filter .cstcollserch span.input-group-btn button {
  padding: 0;
}
.collection-filter .cstcollserch input#myInp {
  color: #333;
  padding: 8px 0 6px 40px;
  border-width: 0 0 1px 0;
  font-size: 13px;
}
.collection-filter .cstcollserch span.input-group-btn svg {
  color: #333;
  width: 20px;
}
.spr-review-header-title {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  border: none;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 700;
  color: rgba(52, 52, 52, 0.7);
}
.spr-review-content-body {
  font-size: 14px !important;
  line-height: 20px !important;
  text-transform: capitalize;
}
span.spr-badge-caption {
  font-size: 14px;
}
.sbbekm .js-qty__wrapper label {
  font-size: 16px;
}
body.cstbloge .site-nav a {
  color: #fff !important;
}
body.cstbloge .header-wrapper.scroll .site-nav a {
  color: #fff !important;
}
body.cstbloge .header-wrapper.scroll span.cart-link svg {
  color: #fff;
}
.blog-hdr-cst ul li {
  padding: 0 40px 0 0;
}
.blog-hdr-cst ul li a {
  font-size: 36px;
}
.cstInput input#myInput {
  font-size: 18px !important;
  border-bottom: 1px solid #e35205;
  border-width: 0 0 1px 0;
  padding: 10px 0;
}
.cstbtn a.ready {
  font-size: 20px;
}
.cstOrders-Shipping .title-ii {
  padding: 40px 0;
}
.site-nav a {
  font-size: 14px;
}

#page-contact button.btn {
  color: #fff !important;
}
#page-contact button.btn:hover {
  color: #fff;
  text-decoration: none;
  padding: 6px 20px !important;
  background-size: 0 !important;
}

.cst-probg {
  padding: 6% 0 0;
  background: url(/cdn/shop/files/bg-new-text-pro.png);
}
.page-width.cstsc1 {
  background: url(/cdn/shop/files/vegan-bg1.png);
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: top right;
}

h1.section-header__title {
  font-weight: bold;
}
.csNav.site-nav {
  display: flex;
  align-items: center;
}
.csNav.site-nav button {
  line-height: normal;
  font-size: unset;
}


.blogtxt {
  text-align: right;
  margin: 0 0 10%;
}
.blogtxt h3,
.blogtxt p,
.blogtxt span{
  color: #e17245;
  font-weight: bold;
  text-align: right;
  margin: 0;
}
.blogtxt h3 {
  font-size: 60px;
}
.blogtxt1 span {
  display: block;
  margin: 5px 140px 0 0;
  line-height: 0;
  font-weight: 400;
  font-size: 14px;
}
.blogtxt1 p {
  font-size: 30px;
}

.blogtxt {
  text-align: right;
  margin: 0 0 10%;
  display: flex;
  justify-content: center;
}





#swell-content i.fa.fa-primary, .swell-redemption-option-icon, .swell-point-redemption-icon, .swell-campaign-icon, .swell-referral-icon, .swell-referral-link, .swell-referral-discount-code, .swell-modal .modal-header i.close, .swell-auth-item-icon {
  color: #e55207 !important;
}

#swell-sidebar, .swell-redemption-option-amount, .swell-redemption-option .swell-redemption-option-redeem-btn a, .swell-point-redemption-amount, .swell-point-redemption .swell-point-redemption-copy-btn a, .swell-campaign-reward, .swell-modal .modal-body, .swell-auth-swellrequired-header, .swell-nav, .swell-icon-bg {
  background-color: #e55207 !important;
}

.cart__checkout-wrapper button.btn.cart__checkout {
  background-color: #e55207!important;
  border-radius: 20px;
}
.cart__checkout-wrapper button.btn.cart__checkout:hover {
  color: #fff;
}

.slider888 .heading p {
  color: #fff;
}



body#product-aloe-vera-minze .teee76,
body#product-aloe-vera-minze .img-cnt36{
  background: #eedfbb;
}
body#product-aloe-vera-minze .img26 {
  background-color: #e46923;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}

#product-product-sandelholz #shopify-section-header,
#product-product-sandelholz .stjpro {
  background-color: #f37124;
  background-image: url(/cdn/shop/files/Group_15.png?v=1653409849);
  background-repeat-x: no-repeat;
  background-size: 55%;
  background-position: right;
}
body#product-product-sandelholz #popup {
  background-color: #f37124;
}
body#product #popup {
  background: #3371a3;
}
body#product-druff-spray-kalk-killer #popup {
  background-color: #216571;
}

body#product-aloe-vera-minze #popup {
  background: #42b129;
}
body#product-druff-spay-grill-reiniger #popup {
  background-color: #ea5c51;
}
body#product-druff-spay-spruh-flasche #popup {
  background: #692e8d;
}
body#product-druff-spay-grill-reiniger .cust_slider12 .owl-nav button.owl-prev,
body#product-druff-spay-grill-reiniger .cust_slider12 .owl-nav button.owl-next {
  filter: brightness(0.5);
}

.ddd666 {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 88;
}
.ddd666 span a  {
  font-size: 0;
}
span.prev a {
  position: absolute;
  left: 8px;
  background: url(/cdn/shop/files/arw1_da94e897-8b17-4c06-8687-e1959f91960d.png?v=1657010680);
  background-size: contain;
  width: 18px;
  height: 30px;
  background-repeat: no-repeat;
}
span.nvt a {
  position: absolute;
  right: 8px;
  background: url(/cdn/shop/files/arw2_20e2bccc-bbee-4632-a995-80a81df08d0b.png?v=1657010680);
  background-size: contain;
  width: 18px;
  height: 30px;
  background-repeat: no-repeat;
}


/************* @@ *************/
/************* @@ *************/
/************* @@ *************/
/************* @@ *************/
/************* @@ *************/



@media (min-width:1900px) {

  .ddd666 {
    top: 25%;
  }
  .ddd666 span.prev a {
    left: 18%;
  }
  .ddd666 span.nvt a {
    right: 18%;
  }
  .how1 h1 {
    font-size: 96px;
  }
  .how22 h3 {
    font-size: 20px;
  }
  .cstAc h5 {
    font-size: 24px;
  }
  .cstAc h4 {
    font-size: 24px;
  }
  .cstoff h4 {
    font-size: 24px;
  }
  .cstoff h5 {
    font-size: 20px;
  }
  h1.othrRewar {
    font-size: 56px;
  }
  .cstl_in3 h2 {
    font-size: 36px;
  }
  .cstl_in3 p {
    font-size: 20px;
  }
  .cstl_in3 a.Referdfriend {
    font-size: 20px;
    padding: 16px;
    max-width: 280px;
  }
  .cstConRyt1 h3, .cstConRyt9 h3 {
    font-size: 36px;
  }
  .cstConRyt9 address {
    font-size: 24px;
  }
  .cstConRyt1.r12 h4, .cstConRyt1 h5 {
    font-size: 24px;
  }

  .cstl_in h1 {
    font-size: 56px;
    margin: 0 0 30px;
  }
  .cstl_in p {
    font-size: 20px;
    max-width: 600px;
    width: 100%;
  }
  .cstbtn a.joinnow {
    font-size: 20px;
    padding: 17px;
  }



  h3.signduff {
    font-size: 36px;
  }
  .logincst {
    max-width: 920px;
  }
  form#customer_login input#CustomerEmail, form#customer_login input#CustomerPassword {
    font-size: 20px;
    padding: 24px;
  }
  body#customers-login input.btn {
    padding: 25px !important;
  }
  .cst-clichr h3, .cretfort a#RecoverPassword, .cstcrtact a {
    font-size: 20px;
  }
  .cst-clichr a {
    font-size: 36px;
  }

  body#customers-login .unlsee {
    padding: 40px 0;
  }
  body#customers-login .unlsee h1.sectle {
    font-size: 56px;
  }
  h1.sectle, .title-ii h1 {
    font-size: 56px;
  }
  p.sssscstco {
    font-size: 24px;
  }
  .page-finder .cstcollhh1 p {
    font-size: 36px;
    text-align: left;
    padding: 40px 0 0 170px;
  }
  .cst-article__content-meta a.btn1 {
    font-size: 20px;
  }
  .sct-frt ul li h3 {
    font-size: 30px;
  }
  .sct-scd .accordion dt a, .sct-scd .accordion dd a {
    font-size: 20px;
  }
  .grid.sfdmain {
    max-width: 100%;
  }
  .page-finder.cstwhydruff h1.sectle {
    font-size: 96px;
    padding: 0;
  }
  .cstwhydruff h1.sectle:before {
    margin: -10px 0 0 40px;
  }
  .cstwhydruff h1.sectle:after {
    margin: -20px 20px 0;
  }
  .faq133gg1 h2 {
    font-size: 56px;
  }
  .faq133gg1 {
    max-width: 920px;
  }


  .site-header__logo a {
    max-width: 152px;
  }
  .site-header__logo img {
    width: 100%;
  } 
  .cstHdr .site-header .page-width {
    max-width: 100%;
  }
  h3.csth3 {
    font-size: 20px;
  }
  h5.ftrhd {
    font-size: 20px;

  }
  .ourgruffstry h1.sectle {
    font-size: 90px;
    padding: 0;
  }
  .cstYcollection .ourgruffstry h1.sectle:before {
    margin: -10px 0 0 30px;
  }
  .cstYcollection .ourgruffstry h1.sectle:after {
    margin: -30px 30px 0;
  }
  .unlsee.ourgruffstry ul li {
    font-size: 24px;
    padding: 0 40px 0 0;
  }
  .unlsee .cstcollhh1 .cstcollserch input#myInp {
    padding: 4px 0 6px 40px;
    font-size: 20px;
  }
  .unlsee.ourgruffstry ul {
    padding: 0 0 0 60px;
  }
  .unlsee .cstcollhh1 .cstcollserch {
    max-width: 510px;
    padding: 0 0 0 60px;
  }
  .collection-filter select {
    font-size: 20px !important;
  }
  .page-content.cstColl .grid-product__title {
    font-size: 20px;
  }
  .pricve span.product__price {
    font-size: 30px;
  }
  .scn1 {
    max-width: 900px;
  }
  .scn1 p {
    font-size: 20px;
  }
  .teee7 h1.sectle {
    font-size: 36px;
  }
  .teee7 p {
    font-size: 20px;
  }
  .main-story-section4 .lefrr4 h2 {
    max-width: 100%;
    font-size: 96px;
    margin: 0 ;
  }
  .prd_sc .main-story-section4 h3.csth3 {
    font-size: 16px;
  }
  .teee76 h1 {
    font-size: 30px;
  }
  .teee76 h4 {
    font-size: 16px;
  }
  .teee76 p {
    font-size: 20px;
    margin: 30px 0 20px;
  }
  .imginr26 ul li a {
    font-size: 30px;
  }
  .teee37 h1.text-center {
    font-size: 56px;
  }
  .drfspyinr h4 {
    font-size: 30px;
  }
  .drfspyinr p {
    font-size: 16px;
  }

  .spry372.cst72 img {
    margin: 0 20px 0 0;
    max-width: 22px;
  }
  .spry372 img {
    max-width: 22px;
    margin: 0 0 0 20px;
  }

  .cart__item--qty, .cart__item--price.text-right {
    font-size: 16px;
  }
  .cart__item--name {
    font-size: 16px;
  }
  .cart__item-sub.cart__item-row {
    font-size: 20px;
  }
  button.btn.btn--no-animate.cart__checkout {
    font-size: 20px;
  }
  .cstmaincot h3 {
    font-size: 20px;
    margin: 0 0 20px;
  }
  .cstmaincot h4 {
    font-size: 20px;
  }
  .title-ii, .unlsee {
    padding: 80px 0 40px;
  }
  .mlleft p {
    font-size: 20px;
  }
  .ourstorycst .page-width {
    max-width: 100%;
  }
  .lefrr h2 {
    font-size: 56px;
    margin: 0 0 40px;
  }
  .lefrr3 h2 {
    font-size: 56px;
    max-width: 770px;
  }
  .lefrr4 h2 {
    font-size: 96px;
  }
  .clsssunilklea h2 {
    font-size: 56px;
    max-width: 800px;
  }
  .gall4 h2 {
    font-size: 56px;
  }
  .gall4 a {
    font-size: 20px;
  }

  .page-width {
    max-width: 100%;
  }

  .whydf-img-text .mlleft p {
    font-size: 20px;
  }
  .whydf-img-text .mlleft h2 {
    font-size: 56px;
  }

  .main-story-section4 .ekdor4 .lefrr4 h2 {
    margin: 0;
  }





}



@media (min-width:1700px) {


  .ddd666 {
    top: 35%;
  }
  .ddd666 span.nvt a {
    right: 8%;
    width: 40px;
    height: 40px;
    font-size: 0;
  }

  .ddd666 span.prev a{
    left: 8%;
    width: 40px;
    height: 40px;
    font-size: 0;
  }
  .cstcollhd {
    max-width: 1600px;
    margin: 0 auto;
  }
  .stjpro .page-width {
    max-width: 1600px;
  }
  .cst-probg .page-width {
    max-width: 1600px;
  }
  .cstHdr .header-wrapper {
    max-width: 1600px;
    margin: 0 auto;
  }
  .cstHdr .header-wrapper.scroll {
    max-width: 100%;
  }
  .reviewsecrtyu.page-width {
    max-width: 1600px;
  }
  .img26 {
    padding: 10.5% 2% 0;
  }

}


@media (min-width:769px) and (max-width:1030px) {
  
  .ddd666 {
    position: absolute;
    top: 36%;
    width: 100%;
    z-index: 88;
  }


}

@media (min-width:769px) {

  .collection-filter .cstcollserch {
    display: none;
  }

}


@media (min-width:590px) {

  .page-full, .page-width {
    padding: 0 60px;
  }

}


/******************/


@media (max-width:768px) {

  .cstHdrcartleft {
    width: 100%;
  }
  .cart__footer {
    width: 100%;
    padding: 0;
  }
  .cart__footer .grid__item {
    padding: 0;
  }
  .cstHdrcartleft .cart__item.cart__item--headers.small--hide {
    display: flex !important;
  }


  #RecoverPasswordForm h2 {
    font-size: 20px;
  }
  #RecoverPasswordForm p {
    font-size: 14px;
    line-height: normal;
  }
  body#customers-register h1.section-header__title {
    font-size: 20px;
    text-align: left;
  }

  .page-content.cstColl .grid-product__title {
    font-size: 14px;
  }
  #CollectionAjaxContent .grid-product__image-mask .image-wrap img {
    padding: 10px;
    height: 150px;
  }
  .page-content.cstColl .grid-product__title {
    font-size: 14px;
    padding: 0 10px 10px;
  }
  .collection-filter .grid__item select#SortBy {
    font-size: 13px;
    width: 100%;
    max-width: 100%;
  }
  form#customer_login input#CustomerEmail, form#customer_login input#CustomerPassword {
    line-height: normal;
    font-size: 13px;
    padding: 12px;
    border-radius: 6px;
  }
  .loginsubmit input.btn {
    font-size: 14px;
  }
  .cretfort a#RecoverPassword, .cstcrtact a {
    font-size: 14px;
  }
  .cst-clichr h3 {
    font-size: 15px;
  }
  .cst-clichr a {
    font-size: 18px;
  }
  .page-finder.cstwhydruff h1.sectle {
    font-size: 30px;
  }
  .page-finder.cstwhydruff h1.sectle:after,
  .page-finder.cstwhydruff h1.sectle:before{
    width: 60px;
  }
  .page-finder .cstcollhh2 img {
    top: 0;
    max-width: 230px;
  }

  .shopify-policy__container h1,
  .shopify-policy__container h2 {
    text-align: left;
    font-size: 20px;
  }
  .shopify-policy__container p {
    font-size: 14px;
  }
  .cstcollhh1 .cstcollserch {
    display: none;
  }

  .hdrcollmob.unlsee.ourgruffstry ul {
    display: block;
  }
  .unlsee.ourgruffstry ul {
    display: none;
  }
  .page-content.cstColl .grid__item.grid-product {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-right: 2%;
    width: 46%;
    padding: 0;
  }
  .page-content.cstColl {
    padding-top: 6%;
  }
  .page-content.cstColl .grid__item.grid-product {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-right: 2%;
    width: 46%;
    padding: 0;
  }
  .page-content.cstColl .grid-product__content {
    text-align: center;
    padding: 0;
    border-right: none;
  }

  .cstcollhh2 img {
    top: -30px;
    max-width: 110px;
  }
  .hdrcollmob .cstcollhh1 {
    width: 100%;
  }
  .hdrcollmob .cstcollhh1 ul {
    display: block;
    padding: 0 20px !important;
  }
  .cstYcollection .hdrcollmob.unlsee.ourgruffstry .cstcollhh1 ul li a {
    font-size: 16px;
    color: #343434cc;
    text-decoration: none;
  }
  .hdrcollmob.unlsee.ourgruffstry {
    padding: 0 10px;
  }

  .sfdmain .grid__item.right-sfd .pricve, .sfdmain .grid__item.right-sfd .igamm {
    display: none;
  }
  .sfdmain .grid__item.sfd1 .igamm.hidedk {
    display: block !important;
    text-align: center;
  }
  .sfdmain .grid__item.sfd1 .pricve {
    display: block !important;
    text-align: center;
  }
  .cstYcollection .ourgruffstry h1.sectle {
    padding: 0;
    font-size: 24px;
  }
  .cstYcollection .ourgruffstry h1.sectle:before, 
  .cstYcollection .ourgruffstry h1.sectle:after {
    height: auto;
    width: 40px;
    text-align: right;
    margin: 0 0 0 16px;
  }
  .unlsee.ourgruffstry ul {
    padding: 0;
  }
  .cstYcollection .unlsee.ourgruffstry ul li a {
    font-size: 12px;
  }
  .main-story-section4 .lefrr4 h2 {
    margin: 0 auto 20px;
  }
  .sfdmain .grid__item.right-sfd, 
  .sfdmain .grid__item.sfd2 {
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }
  .cstStjinputinr {
    max-width: 100%;
  }
  .stjBtnCart button.btn.btn--full.add-to-cart {
    width: 100%;
  }
  .stjBtnCart .shopify-payment-button {
    margin: 20px 0 0;
    width: 100%;
    /* display: none; */
  }

  .scn1 h2 {
    font-size: 30px;
  }
  .img-cnt .img2, .img-cnt .teee7 {
    width: 100%;
  }

  .sfdmain .grid__item.sfd1 {
    width: 100%;
    position: unset;
  }
  .img-cnt36 {
    flex-wrap: wrap;
  }
  .teee76 {
    width: 100%;
    padding: 6% 4% 6%;
  }
  .img26 {
    width: 100%;
  }
  .right-sfd h2 {
    font-size: 20px;
  }
  .sbbekm span.spurit-ros__label-content, .sbbekm span.spurit-ros__price {
    font-size: 16px;
  }
  .tabDmenu .tab button {
    font-size: 24px;
    padding: 8px 0;
  }
  .tabDmenucontainr .tabcontent h3 {
    font-size: 14px;
    line-height: normal;
  }

  .tabDmenucontainr .tabcontent ul li a {
    font-size: 14px;
    line-height: normal;
  }
  footer.mmMenu:after {
    width: 80px;
    height: 80px;
    background-size: 100%;
    right: 20px;
  }
  .drawer__fixed-header .drawer__close img {
    max-width: 32px;
  }
  .drawer--left.drawer--is-open {
    width: 100%;
  }


  .tabDmenu .tab button.active:after {
    background-size: 50px;
    top: -20px;
    left: auto;
  }
  .carreerSA .panel p {
    font-size: 16px;
  }
  .carreerInr h3 {
    font-size: 16px;
  }
  .carreerSA button.accordion {
    font-size: 16px;
  }
  .ourgruffstry h1.sectle {
    font-size: 36px;
  }
  .ourgruffstry h1.sectle:before,
  .ourgruffstry h1.sectle:after {
    width: 110px;
    height: 110px;
  }
  .lefrr h2, .lefrr3 h2 {
    font-size: 20px;
  }
  .lefrr p, .lefrr3 p, .gall4 p {
    font-size: 14px;
  }
  .cc-story-img-text {
    margin: -10% 0 0;
  }
  .gall3 ul li {
    padding: 15px;
  }
  .lefrr4, .gall4 {
    width: 100%;
    text-align: center;
  }
  .gall4 h2 {
    font-size: 30px;
    margin: 50px 0 30px;
  }
  .lefrr4 h2 {
    font-size: 96px;
    max-width: 420px;
    margin: 40px auto;
  }
  .about4 {
    background-position: top left;
    background-size: 50%;
  }
  .clsssunilklea h2 {
    font-size: 24px;
  }
  .mlleft {
    width: 70%;
    margin: 6% 0 0;
  }
  img.cstmlim {
    width: 30%;
  }
  .cstAc {
    width: 50%;
    padding: 20px 20px;
  }
  .cstSp {
    width: 100%;
  }

  .cstConLeft {
    width: 100%;
  }
  .coleft {
    width: 50%;
  }
  .cstConRyt9 {
    width: 50%;
    padding-left: 3%;
  }
  .cstConRyt {
    width: 100%;
    text-align: center;
    padding: 60px 0 0;
  }
  h3.signduff {
    text-align: center;
    font-size: 16px;
    margin: 0 0 30px;
  }
  .container3 .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container3 {
    padding: 0 30px;
    text-align: center;
  }
  ul.cstss {
    margin-bottom: 40px;
    justify-content: center;
  }

  article.cstarticlearticle--layout {
    width: 100%;
  }
  .blog-hdr-cst {
    flex-direction: column;
  }
  .blog-hdr-cst ul {
    list-style: none;
    display: inline-flex;
    justify-content: center;
    margin: 0 0 20px;
  }
  .blog-hdr-cst ul li a {
    font-size: 18px;
  }
  .reviewsecrtyu h2.spr-header-title {
    font-size: 28px !important;
  }
  .hoboo {
    margin-bottom: 50px !important;
  }
  .cc-story-img-text p {
    font-size: 14px;
  }

}




@media (max-width:480px) {

  .sfd1 .product__photos--beside {
    max-width: 80px;
  }
  .igamm img {
    width: 45px;
    height: 45px;
    border-radius: 6px;
  }
  .heading p br {
    display: none;
  }
  .page-width.cstsc1 {
    background-size: 50px;
    padding: 0 40px;
  }


  .site-footer1 .hoboo a img {
    max-width: 120px;
  }

  .stjpro, 
  #product-druff-spay-spruh-flasche .stjpro, 
  #product-aloe-vera-minze .stjpro,
  #product-product-sandelholz .stjpro {
    background-size: 1240px;
    background-position: right;
  }

  body#product #shopify-section-header,
  body#product-druff-spay-grill-reiniger #shopify-section-header,
  #product-product-sandelholz #shopify-section-header,
  #product-product-sandelholz.template-product .cstHdr .header-wrapper.scroll, 
  .template-product .cstHdr .header-wrapper.scroll    {
    background-size: 1240px;
    background-position: top;
  }

  #product-druff-spay-spruh-flasche #shopify-section-header, 
  #product-aloe-vera-minze #shopify-section-header {
    background-size: 1240px;
    background-position: right;

  }

  .site-nav a {
    font-size: 10px;
  }
  .collection-filter .cstcollserch {
    margin: 0 0 20px;
  }

  .collection-filter .grid__item.small--one-half.medium-up--one-half {
    width: 100%;
  }
  .tabDmenu .tab button {
    font-size: 14px;
  }
  .tabDmenu .tab button.active:after {
    background-size: 30px !important;
    top: -10px !important;
    left: auto !important;
  }
  .tabDmenucontainr .tabcontent p {
    font-size: 13px;
  }
  .tabDmenucontainr .tabcontent a.menulm {
    font-size: 10px;
    padding: 8px 8px;
    line-height: normal;
    margin: 0;
  }
  .cstarticle__date time {
    font-size: 12px;
  }
  .blog-hdr-cst ul li a {
    font-size: 13px;
  }
  article.cstarticlearticle--layout h2.h3.article__h3 a {
    font-size: 14px;
  }
  .cstHdr .site-header .site-nav__icons a {
    font-size: 10px;
  }
  .cst-article__content-meta a.btn1 {
    padding: 8px;
    font-size: 11px;
    text-align: center;
  }
  .cstInput {
    margin: 10px 0 0;
  }
  .cstInput input#myInput {
    font-size: 12px;
    padding: 6px;
    border-radius: 2px;
  }

  footer.mmMenu ul li svg {
    width: 30px;
    height: 30px;
    padding: 6px;
  }

  #page-product-faqs p.sssscstco,
  #page-orders-shipping p.sssscstco {
    margin: 10px 0 0;
    font-size: 14px;
  }

  .sct-frt ul li {
    padding: 10px;
    border-radius: 10px;
  }
  .sct-frt ul li img {
    height: 60px;
  }
  .sct-frt ul li h3 {
    font-size: 10px;
    margin: 10px 0 0;
  }
  .drupple0imgd img {
    padding: 10px;
  }
  .sct-scd dl.accordion {
    font-size: 14px;
  }
  .page-finder .cstcollhh1 p {
    display: none;
  }
  .hdrcollmob .cstcollhh1 ul {
    padding: 0 !important;
  }
  .cstYcollection .hdrcollmob.unlsee.ourgruffstry .cstcollhh1 ul li a {
    font-size: 12px;
  }
  .template-product #popup {
    top: 50%;
    transform: translateY(-50%);
    max-width: 98%;
  }
  .template-product #popup #close {
    right: 0;
  }
  .drfspyinr h4 {
    font-size: 20px;
  }
  .img-cnt36 .img26 {
    padding: 20px 20px 0;
  }
  .teee37 h1.text-center {
    font-size: 30px;
    padding: 0 40px 40px;
  }
  .teee7 h1.sectle:before,
  .teee7 h1.sectle:after {
    margin: -16px 0 0 10px;
  }
  .teee7 h1.sectle{
    font-size: 20px; 
  }
  .site-nav {
    font-size: 10px;
  }
  .carreerSA .panel p, .carreerInr h3, .carreerSA button.accordion {
    font-size: 14px;
  }
  .whydruffcst h2.section-header__title {
    font-size: 24px;
    margin: 60px 0 0;
  }
  .cstyarticle__grid-meta {
    flex-direction: column;
  }
  .cstyarticle__grid-meta .article__titlebtn {
    text-align: center;
  }
  .main-story-section1 .whydf-img-text {
    flex-direction: row;
  }
  .vdiisect .heading h3, .headerff5 h2 {
    font-size: 24px;
    padding: 0 0 20px;
  }
  .headerff5 h2 {
    text-align: center;
    margin: 0 0 2%;
  }
  .main-story-section4 .lefrr4 h2 {
    text-transform: unset;
    margin: 0 auto;
  }
  .main-story-section4 {
    background-size: 210px;
  }
  .gall4 h2 {
    font-size: 24px;
  }
  .whydf-img-text {
    flex-direction: column;
  }
  .whydf-img-text .mlleft h2 {
    font-size: 24px;
  }
  .main-story-section3 img.cstmlim,  .main-story-section2  img.cstmlim {
    width: 80%;
  }
  .cstcpinr h3.csth3 {
    font-size: 12px;
  }
  .cstwhydruff h1.sectle {
    font-size: 20px;
    padding: 0 20px;
    align-items: center;
  }
  .whydf-img-text {
    margin: 0;
  }
  .whydf-img-text .mlleft p {
    font-size: 14px;
    line-height: 24px;
  }
  .cstwhydruff h1.sectle:before,
  .cstwhydruff h1.sectle:after{
    width: 40px;
    height: 60px;
    margin: 0;
  }

  .ourgruffstry h1.sectle {
    font-size: 20px;
    padding: 40px 0 0 20px;
  }
  .ourgruffstry h1.sectle:before, .ourgruffstry h1.sectle:after {
    width: 40px;
    height: 60px;
    margin: -15px 0 0;
  }
  .unlsee.ourgruffstry ul {
    margin: 40px 0 0;
    padding: 0 20px;
    list-style: none;
  }
  .unlsee.ourgruffstry ul li {
    padding: 6px 6px;
  }
  .cc-story-img-text {
    align-items: flex-end;
    margin: -20% 0 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .mlleft {
    width: 100%;
    margin: 5% 0 0;
  }
  .img2, .lefrr {
    width: 100%;
  }
  .ekdor .img2 {
    max-width: 220px;
    margin: 0 auto;
  }
  .lefrr4 h2 {
    font-size: 56px;
  }
  .clsssunilklea h3.csth3 {
    font-size: 12px;
  }
  img.cstmlim {
    width: 42%;
  }

  .bnr-contnt {
    padding-top: 110px;
  }
  .nl-grp-input-group {
    flex-direction: column;
  }
  .nl-grp-hding h3 {
    padding: 0;
    margin: 0 0 12px;
    text-align: center;
  }
  .nl-grp-hding, .nl-grp-md {
    width: 100%;
  }
  .how1 {
    width: 100%;
  }
  .how1 h1 br {
    display: none;
  }
  .how1 h1 {
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 24px;
  }
  .how22 {
    width: 100%;
  }
  .cstlobg1 {
    max-width: 80px;
  }
  .cstl_in h1 {
    font-size: 24px;
  }
  .cstloylty1 {
    flex-direction: column-reverse;
  }
  h1.sectle, .title-ii h1 {
    font-size: 24px;
    margin: 0;
    padding: 0 10px;
  }
  .cstl_in p {
    font-size: 14px;
  }
  .cstl_in {
    width: 100%;
  }
  .cstl_in.lytimg2 {
    margin: 30px 0;
  }
  .loy1btn {
    flex-wrap: wrap;
    margin: 30px 0 30px;
  }
  .cstbtn {
    width: 100%;
  }
  .loy1btn .cstbtn:first-child {
    padding-left: 0;
    padding-bottom: 30px;
  }
  .loy1btn .cstbtn:last-child {
    padding: 0;
  }
  .cstlobg2 {
    max-width: 90px;
  }
  .how22 h3 {
    font-size: 14px;
  }
  .cstAc h4, .cstAc h5 {
    font-size: 16px;
  }
  .cstSp img {
    width: 50%;
  }
  .cstoff {
    width: 50%;
  }
  .cstlty3 {
    max-width: 80px;
  }
  h1.othrRewar {
    font-size: 24px;
    margin: 30px 0 20px;
  }
  .cstl_in3 {
    width: 100%;
  }
  .cstl_in3 h2 {
    font-size: 20px;
  }
  .cstl_in3 p {
    font-size: 14px;
  }
  .cstl_in3 a.Referdfriend {
    max-width: 100%;
    font-size: 20px;
    margin: 0  0 30px;
  }

}