/** Shopify CDN: Minification failed

Line 284:0 Unexpected "/"
Line 304:8 Expected identifier but found whitespace
Line 304:10 Unexpected "{"
Line 304:17 Expected ":"
Line 305:13 Expected identifier but found whitespace
Line 305:14 Unexpected "0"
Line 305:23 Unexpected "{"
Line 305:30 Expected ":"

**/

.sec-heading{
  font-size: 30px !important;
  text-transform: capitalize;
  padding-left: 10px;
  text-align: left;
}

.dev_imageBlocks{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap:10px;
}

.dev_imageBlocks .dev_imgItem{
  width: calc(33% - 5px) !important;
    border-radius: 5px !important;
  overflow: hidden;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.devFeaturedCollection button.product-form__submit.devOrderBtn{
  max-width:100% !important;
  border-radius: 0;
  padding: 10px 15px;
  letter-spacing: .5px;
  font-size: 12px !important;
}

.collection-list__item .card__text h3{
 font-size: 20px;
}

.dev_greenContainer{
  gap: 10px;
}

.dev_largeGreenItems .dev_greenItem{
  padding:0;
  width: calc(33.33% - 7px);
  border: 1px solid rgba(0, 0, 0, 0.2);
}




.dev_shopIcons .dev_slideItem{
  display: flex;
  align-items: center;
  width: auto;
  flex: unset;
  padding: 0 10px;
  position: relative;
  justify-content: flex-start;
  flex-direction: column;
  padding: 17px;
  width: 25%;
}
.dev_featWrap{
  text-align: center;
}
.dev_featWrap h3{
  padding:10px 0;
  font-size: 25px;
}
.dev_featText p{
  margin: 0;
}

.devFtrdColViewBtn {
    margin-bottom: 0;
}

.dev_borderLayout h3 p{
  padding-top: 5px;
  padding-bottom: 17px;
}

.devBanner_style2 .banner__buttons a.button.button--primary{
  padding: 10px;
}

.card--light-border{
    /* border: 1px solid rgba(0, 0, 0, 0.1); */

    border-radius: 20px;
    overflow: hidden;
    /* background-color: #f1c5c5; */
    background-color: #dddddd;
    border: 1px groove;
    
}




.card-wrapper{
    border-radius: 15px 15px 0 0 ;
    /* overflow: hidden; */
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    border: 1px groove;
  }
  .innerWrapperHeight{
    padding: 10px;
  }
  
  .media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer{
  border-radius: 15px 15px 0 0 ;

}
.hrtag{
  width: 80%;
  margin: 0 auto;
  margin-top:40px;
  height: 1px ;
}

.price--on-sale .price-item--regular{
  font-size: 16px !important;
}
.devHeaderHenna .header__menu-item{
  font-weight: 600;
  color:#333;
}
.section-header{
  margin-bottom: 0 !important;
}
.header__icons{
  gap: 0 17px;
  justify-self: center !important;
}
.header .header__icons .header__icon--cart .icon{
  /* margin-top:0px; */
  
}

.header .header__icon svg {
 width:100%;
}

.list-social__link{
  padding: 15px;
}

.list-social__item:first-child a{
  padding-left: 0;
}
.footer-block--social_icons .footer-block__details-content.list-unstyled{
  display: flex;
}
.footer-block--social_icons .footer-block__heading{
  text-align: left;
}
.footer-block--social_icons .list-social__link{
  padding:15px
}


.span.stamped-badge-caption{
  font-size:16px;
}

.card-information .price{
  font-size:16px;
}

.devHeaderHenna .header__submenu.list-menu.list-menu--disclosure a.list-menu__item.link {
  position: relative;
  display: inline-block;
  padding-bottom: 5px; /* spacing for underline */
}

.devHeaderHenna .header__submenu.list-menu.list-menu--disclosure a.list-menu__item.link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.3s ease;
  opacity: 0.8;
}

.devHeaderHenna .header__submenu.list-menu.list-menu--disclosure a.list-menu__item.link:hover::after {
  left: 0;
  width: 100%;
}

.header__submenu.list-menu.list-menu--disclosure a.list-menu__item.link{
  padding: 0 !important;
}
.header__submenu li{
     padding: 10px 30px;
     text-align: left;
}
.dev_bottomBTN a.button.button--primary{
  width:fit-content;
}
/* mainbanner styling */

.devtopBanner .banner__heading,
.devtopBanner .banner__heading p{
 font-size:40px;
}
.banner__content .sub_text{
 font-size:25px;
}
.devBanner_style2 .banner__media{
  display: flex;
  /* height: 60vh */
}

/* Product Page Style Delta */

.devPagePlans{
  flex-direction: row-reverse;
}

.devOrderBtn.button--primary span{
  padding: 2px !important;
}

a.dev_viewDetailBtn {
  padding: 6px 12px; 
}

.product-slider {
  width: 18% !important; 
}

.icontext.icontextitems {
    width: 100%;
    height: 23px;
}

.icontextitems>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.icontextitems>ul {
    width: 100%;
}

.icontextitems>ul>li {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: auto;
}

.icontextitems .icon--inventory {
    position: relative;
    width: 25px;
    height: 25px;
    margin-top: -5px;
}

.greenicon {
    display: flex;
    align-items: center;
}
span#visitors_count {
    margin-right: 6px;
}

/Inventory indicator/
/* wrapper */
.greenicon {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-left: 13px;
}

/* pulse circle */
.icon--inventory::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  top: 0.6em;
  border-radius: 100%;
  background: currentColor;
  color: {{ block.settings.pulse_color }};
  box-shadow: 0 0 0 0 {{ block.settings.pulse_color }};
  animation: pulse-green 2s infinite;
}

/* keyframes */
@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(33, 182, 70, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(33, 182, 70, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(33, 182, 70, 0);
  }
}

.innerWrapperHeight{
  height: auto !important;
}


@media(max-width:450px){
  .devFeaturedCollection button.product-form__submit.devOrderBtn{
    font-size: 10px !important;
    padding: 10px 5px
  }
}

/* Asif.scss */

/*.devBnr {
  background: rgba(225,244,249,1);
  background: -moz-linear-gradient(top, rgba(225,244,249,1) 0%, rgba(225,244,249,1) 22%, rgba(170,220,233,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,244,249,1)), color-stop(22%, rgba(225,244,249,1)), color-stop(100%, rgba(170,220,233,1)));
  background: -webkit-linear-gradient(top, rgba(225,244,249,1) 0%, rgba(225,244,249,1) 22%, rgba(170,220,233,1) 100%);
  background: -o-linear-gradient(top, rgba(225,244,249,1) 0%, rgba(225,244,249,1) 22%, rgba(170,220,233,1) 100%);
  background: -ms-linear-gradient(top, rgba(225,244,249,1) 0%, rgba(225,244,249,1) 22%, rgba(170,220,233,1) 100%);
  background: linear-gradient(to bottom, rgba(225,244,249,1) 0%, rgba(225,244,249,1) 22%, rgba(170,220,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f4f9', endColorstr='#aadce9', GradientType=0 );
}*/
.devBnrInr{
  padding-left:0;
  padding-right:0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
}
.devLeftBg {
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: center;
  flex: 1 0 0%;
}
.devCenterBg {
  flex: 0 0 auto;
  width: auto;
  text-align: center;
  padding: 20px 0 30px;
}
.devRightBg {
  background-position-x: left;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: center;
  flex: 1 0 0%;
}
.devCenterBg .text-center{
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.devCenterBg h1{
  font-weight: 400;
  line-height: 1.1;
  font-size: 2.5rem;
  padding: 7px 0;
  margin: 0;
}
.devCenterBg h1 span {
/*   color: #d22532; */
  font-weight: 600;
}
.devCenterBg p{
  font-size: 1.1rem;
  font-weight: 400;
  max-width: 100%;
  width: 640px;
  margin: 0 auto;
  margin-top: .5rem !important;
}
.leftPlanHeader{
  justify-content: center !important;
  align-items: center !important;  
  display: flex !important;
  background-color: #d22532;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 8px 8px 0 0;
}
.leftPlanHeader img{
  height: 20px;
  padding: 0 4px;
}
.devPagePlans {
  max-width: 1320px;
  margin: 20px auto 0;
  display: flex;
}
.leftPlan {
    width: 50%;
    padding: 5px;
}
.leftPlanImageWithText{
  background-repeat: no-repeat;
  background-size: cover;
}
.leftPlanImageWithText .container {
  max-width: 66.66%;
  padding: 45px 0;
  color: #FFF;
  line-height: 1.35;
}
.leftPlanImageWithText .container img {
  max-width: 180px;
}
.leftSellingPlan{
  border: 1px solid #d3d3d3;
  border-top-color: rgb(211, 211, 211);
  border-top-style: solid;
  border-top-width: 1px;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.leftSellingPlanInner{
  padding:25px;
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-end
}
.devPagePlans .leftPlan .leftSellingPlanInner.devRightPlanBorder.devjj .sellingImg {
  width: 40%;
  /* display:none; */
}
.devPagePlans .leftPlan .leftSellingPlanInner.devRightPlanBorder.devjj .sellingImg{
 display: none;
}
.sellingImg img {
  width: 100%;
}
.sellingDetails {
  text-align: right;
  width: 80%;
}
.sellingDetails p {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}
.devRed, .sellingDetails p i {
  color: red;
}
.devReviewz {
  margin-left: 10px;
}
.devOrderBtn {
  margin-top: 10px;
  font-size: 23px;
  font-weight: 700;
  padding: 5px 10px;
  color: #fff;
  background-color: #5aa64a;
  border-color: #ac2026;
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: .25rem;
  text-transform: uppercase;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}
.rightPlan {
  width: 50%;
  padding: 5px;
}
.devRightHeader{
  overflow-y: hidden;
  border-radius: 8px 8px 0 0;
  margin-bottom: 1.2px;
  display: flex !important;
}
.devArrowOuter{
  font-size: 20px;
  color: #fff;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap !important;
  flex-grow: 1 !important;
}
.devArrowOuter > span {
  display: block;
  position: relative;
  padding: 0 10px;
}
.devArrowOuter > span::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  right: -20px;
  z-index: 2;
}
.devArrowInner{
  white-space: nowrap !important;
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  color: #fff;
/*   background-color: #d22532; */
  padding-left: 24px;
}
.devArrowInner span::before {
  content: "";
  position: absolute;
  border-style: solid;
  line-height: 44px;
  border-width: 24px 0 24px 24px;
  top: -4px;
  left: -24px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
}
.devArrowInner span {
  font-weight: 500;
  font-style: italic;
  display: block;
  position: relative;
  padding: 0 10px;
}
.money.devLineThrough {
  color: #ccc;
  text-decoration: line-through;
}
.devPrices .money {
  margin: 0 5px;
}

.dev_shopProduct {
    border-top-left-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 0;
    height: 100%;
    border-top-right-radius: 5px;
}

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


.devPagePlans {
  flex-wrap: wrap;
}
.devOrderBtn {
  float: right;
}
.devRightPlanBorder {
  margin-bottom: 25px;
}

.card__media-full-spacer{
  padding:5px !important
}

@media only screen and (max-width:1400px) {
  .devPagePlans {
    padding: 0 50px;
  }
}

@media only screen and (max-width:1090px) {
  .devPagePlans .leftPlanHeader {
    font-size: 15px;
  }
  .leftPlanImageWithText p {
    font-size: 14px;
  }
  .rightPlan .devArrowOuter {
    font-size: 17px;
  }
  .devArrowInner {
    font-size: 17px;
  }
  .devOrderBtn {
    font-size: 19px;
  }
  .sellingDetails p {
    font-size: 17px !important;
  }
}

@media only screen and (max-width:990px) {
  .devCenterBg h1 {
    font-size: 1.6rem;
  }
  .devCenterBg p {
    font-size: 1rem;
  }
  .devBnrInr {
    display: inline;
  }
  .sellingDetails p {
    font-size: 16px !important;
  }
  .devPagePlans {
    padding: 0 1px;
  }
  .sellingImg, .sellingDetails {
    width: 100%;
  }
  .sellingDetails {
    text-align: center;
  }
  .devOrderBtn {
    float: unset;
    text-align: center;
    display: block;
    width: max-content;
    margin: 10px auto 0;
    padding: 5px 15px;
    font-size: 17px;
  }
  .leftSellingPlanInner {
    padding: 10px;
  }
  .dev_hiddenMobile{
    display:none;
  }
}

@media only screen and (max-width:576px) {
  h5.shop_proTitle a {
    font-size: 15px !important;
  }
  .devOrderBtn {
    padding: 5px 10px;
    font-size: 15px;
  }
}

@media only screen and (max-width:450px) {
  .leftPlanHeader {
    line-height: 18px;
    padding: 12px 0;
  }
}

@media only screen and (max-width:360px) {
  .rightPlan .devArrowOuter, .devArrowInner {
    font-size: 15px;
  }
}



/* end Asif.scss  */


/* umer.css */

.banner{
  display:block;
  width:100%;
  float:left;
  background-color: #b2001f;

}
.leftside {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
}
.leftside h1 {
  font-weight: normal;
  color: white;
  line-height: 0.7;
  font-size: 50px;
  padding-top: 162px;
}
.rightside {
  display: block;
  width: 50%;
  float: left;
}
.rightside img {

  max-height:325px;

}
.maintextcontainer {
  display: block;
  width: 100%;
  float: left;
}


.textcontainer {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1272px;
}
.textcontainer p {
  text-align: center;
  font-size: 14px;
}
.textcontainer a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}
.heading {
  display: block;
  width: 100%;
  float: left;
}
.heading h1 {
  color: #d22730;
  font-size: 1.6rem;
  margin-bottom: 0;
}
.leftcontainer {
  border-bottom: 1px solid;
  display: block;
  width: 50%;
  float: left;
  position: relative;
  padding-left: 11px;
  padding-right: 11px;
}

.leftcontainer h2 {

  font-size: 20px;
}
.leftcontainer i {
  float: right;
}
.paragraph {
  display: block;
  width: 100%;
  float: left;
}
.paragraph p {
  text-align: left;
  font-size: 18px;
  padding-right: 32px;
}
.shopnow {
  display: block;
  width: 100%;
  float: left;
  text-align: center;
  padding: 79px 2px;

}
.shopnow a {
  color: #fff;
  background: #000;
  padding: 13px 13px;
  font-size: 23px;
  font-weight: normal;
}



/***************page.newabout***************/
.mainapplebanner {
  background-color: #d22630;

}
.applebanner{
  width: 100%;

  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1295px;
  display: flex;

}
.applepic {
  width: 50%;
  float: left;
  width: 50%;
  float: left;
  display: flex;

}
.applepic img {
  max-height: 325px;
  width: 100%;
}
.appletext {
  display: block;
  width: 50%;
  float: left;
}
.appletext h1 {
  text-align: center;
  line-height: 0.7;
  font-size: 50px;
  font-weight: normal;
  color: #ffffff;
  padding-top: 2px;
  float: left;
  padding-left: 247px;
  padding-top: 107px;
}
.mainsimpletext {
  display: block;
  width: 100%;
  float: left;
}

.simpletext {
  display: block;
  width: 100%;

  box-sizing: border-box;
  margin: 0 auto;
  max-width: 843px;
  margin-top: 64px;
}
.simpletext p {
  font-size: 18px;
  line-height: 1.45;
}
.vitamin {
  display: flex;
  width: 100%;
  float: left;
  margin-top: 80px;
  margin-bottom: 33px;
}
.vitamintext {
  display: block;
  width: 50%;
  float: left;
  padding-top: 92px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 660px;
  margin-right: 35px;

}
.vitamintext h1 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.vitamintext p {
  font-size: 18px;
  line-height: 1.35;
}
.vitamintext img {
  width: 340px;
  margin-top: 20px;
}
.vitaminimage {
  display: block;
  width: 50%;
  float: left;
}
.vitaminimage img {
  width: 100%;
}


.maincolorfull {
  display: block;
  width: 100%;
  float: left;
}
.colorfull {
  display: block;
  width: 100%;
  float: right;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1646px;
}
.emptydiv {
  height: 8px;
  background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet);
}
.colortext h4 {
  background: -webkit-linear-gradient(left, red, orange, yellow, green, cyan, blue, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 34px;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.1;
  font-weight: 600;
  display: inline-block!important;
}
.colortext p {
  font-size: 18px;
  line-height: 1.35;
}

/**********/
.devMainLeftContainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.devMainLeftContainer:nth-child(2) .heading , .devMainLeftContainer:nth-child(3) .heading , .devMainLeftContainer:nth-child(4) .heading {
  padding-top: 10px;
}
.paragraph {
  display: none;
}
.leftcontainer {
  cursor: pointer;
}
.devMainLeftContainer .heading{
  text-align: left;
}


@media only screen and (max-width: 1400px) {
  .textcontainer {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 1275px) {
  .textcontainer {
    padding: 0 85px;
  }
}

/***************1st mobile media**********************/

@media only screen and (max-width: 958px) {
  .leftside h1 {
    padding-top: 99px;
    font-size: 31px;
  }
  .textcontainer {
    max-width: 912px;
  }
  .applebanner {
    max-width: 778px;

  }
  .appletext h1 {
    padding-left: 138px;
    padding-top: 42px;
  }
  .vitamin {
    margin-top: 35px;
  }
  .vitamintext {
    padding-top: 6px;

    max-width: 382px;

  }
  .colorfull {
    max-width: 881px;
  }
}
/***************2st mobile media**********************/

@media only screen and (max-width: 903px) {
  .textcontainer {
    max-width: 844px;
  }
}
/***************3st mobile media**********************/

@media only screen and (max-width: 850px) {

  .leftside h1 {
    padding-top: 79px;

  }
  .textcontainer {
    max-width: 785px;
  }
  .simpletext {

    max-width: 631px;
  }
  .vitamintext {
    max-width: 724px;
    width: 100%;
    float: unset;
  }
  .vitamin {

    display: block;
  }
  .vitaminimage {
    width: 100%;
  }
  .colorfull {
    max-width: 771px;
  }
}
/***************4st mobile media**********************/

@media only screen and (max-width: 768px) {
  .textcontainer {
    padding: 0 80px;
    max-width: 100% !important;
  }
  .leftcontainer {
    width: 100%;
  }
}

@media only screen and (max-width: 762px) {

  .textcontainer {
    max-width: 644px;
  }
  .appletext h1 {
    padding-left: 80px;
  }
  .vitamintext {
    max-width: 620px;
  }
  .colorfull {
    max-width: 687px;
  }



}

/***************5st mobile media**********************/

@media only screen and (max-width: 612px) {
  .leftside h1 {
    padding-top: 57px;
    font-size: 23px;
  }
  .textcontainer {
    max-width: 511px;
  }
  .appletext h1 {
    font-size: 30px;
  }
  .simpletext {
    max-width: 436px;
  }
  .vitamintext {
    max-width: 485px;
  }
  .colorfull {
    padding-left: 49px;
  }
}
/***************6st mobile media**********************/

@media only screen and (max-width: 550px) {
  .textcontainer {
    padding: 0 30px;
  }
}


@media only screen and (max-width: 514px) {
  .leftside h1 {
    padding-top: 49px;
    font-size: 17px;
  }
  .textcontainer {
    max-width: 437px;
  }
  .vitamintext {
    max-width: 407px;
  }
}
/***************7st mobile media**********************/

@media only screen and (max-width: 434px) {
  .textcontainer {
    max-width: 369px;
  }
  .appletext h1 {
    font-size: 25px;
    padding-left: 58px;
    padding-top: 27px;
  }
  .simpletext {
    max-width: 323px;
  }
  .vitamintext {
    max-width: 337px;
  }
  .vitamintext h1 {
    font-size: 20px;
  }
}


/***************8st mobile media**********************/

@media only screen and (max-width: 320px) {

  .leftside h1 {
    padding-top: 32px;
    font-size: 12px;
  }
  .textcontainer {
    max-width: 287px;
  }
  .appletext h1 {
    font-size: 22px;
    padding-left: 42px;
    padding-top: 18px;
  }
  .simpletext {
    max-width: 260px;
  }
  .simpletext p {
    font-size: 13px;
  }
  .vitamintext h1 {
    font-size: 15px;
  }
  .vitamintext {
    max-width: 252px;
  }
  .vitamintext img {
    width: 273px;
  }
  .colorfull {
    padding-left: 26px;
  }
  .colortext h4 {
    font-size: 21px;
  }
}

/* end umer.css */

/* dev[Meh]-style.scss */

@font-face {
  font-family: GillroyBolder;
  src: url(Gilroy-ExtraBold.ttf);
}

@font-face {
  font-family: GilroyThin;
  src: url(Gilroy-Thin.ttf);
}
@font-face {
  font-family: Gilroy;
  src: url(Gilroy-Regular.ttf);
}
@font-face {
  font-family: GilroyBold;
  src: url(Gilroy-Bold.ttf);
}
@font-face {
  font-family: GilroyUltraLight;
  src: url(Gilroy-UltraLight.ttf);
}
@font-face {
  font-family: GilroySemiBold;
  src: url(Gilroy-SemiBold.ttf);
}

.insideGummyBanner {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 88px 0 187px;
    background-position: center;
}
.bannerHeading h1 {
  line-height: .7;
  font-size: 60px;
  margin-bottom: 0;
  color: #d02732;
  letter-spacing: 0;
  text-align: right;
  font-weight: lighter;
  font-family: GilroyUltraLight;
}
.bannerHeading h1 strong {
  font-weight:lighter;
  font-family: GillroyBolder;
}
.bannerHeading {
  width: 50%;
  display: flex;
  justify-content: center;
}
.logo1 {
  width: 20%;
  float: left;
  text-align: center;
  padding: 0 10px;
}
.logo1 img {
  width: 100%;
  max-width: 100%;
}
.gummyLeft {
  width: 37%;
  float: left;
  padding-top: 60px;
  padding-bottom: 60px;
}
.gummyRight {
  width: 63%;
  float: left;
  padding-top: 70px;
}
.leftText p {
  font-size: 16px;
  font-family: Gilroy;
  line-height: 1.5;
  color: #212529;
  letter-spacing: 0;
}
.gummyContent {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
  display: flex;
}
.textBackground {
  background-color: #d7282f;
  margin-right: 26px;
  padding: 65px 20px 85px;
  text-align: center;
}
.textBackground a {
  color: white;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  margin-top: 16px;
}
.textBackground a i {
  padding-left: 6px;
  font-size: 18px;
}
.leftLogos {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: 0;
}
.logo1 p {
  color: #6c757d;
  font-size: 14px;
  margin-top: 0;
  line-height: 1.3;
  font-family: Gilroy;
  letter-spacing: 0;
}
.heading {
  width: 100%;
  float: left;
  text-align: end;
  padding-right: 10.5%;
  padding-left: 13px;
}
.imgeWithHeading {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding-bottom: 5px;
}
.appleBackground{
    background-position: 10% center;
    background-size: auto 180%;
    background-repeat: no-repeat;
    height:400px;
    width: 100%;
    display: flex;
    align-items: center;
}
.appleBackground .heading h1 {
  font-size: 91.3px;
  color: #212529;
  font-family: GillroyBolder;
  font-weight: lighter;
}
.GummiesVeganContainer {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
}
.GummiesVegan h2 {
  color: #212529;
  font-weight: lighter;
  font-size: 31px;
  line-height: 1.2;
  font-family: GilroyBold;
  margin-bottom: 0;
  letter-spacing: 0;
}
.GummiesVegan p {
  color: #212529;
  font-size: 16px;
  font-family: Gilroy;
  letter-spacing: 0;
  line-height: 1.5;
}
.imageGrid {
  padding-top: 18px;
}
.imagebox {
  width: 33.33%;
  float: left;
  text-align: center;
  padding: 0 12.5px;
}
.grid2 {
  display: inline-block;
}
.imagebox img {
  width: 100%;
}
.imagebox h2 {
  color: #212529;
  font-size: 29px;
  line-height: 1.2;
  font-family: GilroyBold;
  margin-bottom: 15px;
  font-weight: lighter;
}
.imagebox p {
  font-size: 16px;
  line-height: 1.5;
  color: #212529;
  font-family: Gilroy;
  text-align: left;
  letter-spacing: 0;
}
.ingredientsContainer {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding-top: 50px;
}
.listIngredients{
  width: 100%;
  display: flex;
  align-items: center;
}
.ingredientsList {
  width: 50%;
  padding-top: 14px;
}
.gummyBackground {
  width: 25%;
  text-align: left;
  padding-left: 59px;
}
.backgroundright {
  text-align: right;
  padding-left: 0 !important;
  padding-right: 59px;
  padding-top: 43px;
}
.gummyBackground img {
  width: 136px;
}
.inlineingredients {
  display: inline-flex;
  width: 100%;
  padding-left: 37px;
  max-width: 425px;
}
.inlineBorder {
  padding-left: 16px;
  padding-right: 32px;
  border-bottom: 1px solid #dee2e6;
  width: 66%;
  text-align: left;
}
.weight {
  width: 34%;
  text-align: left;
  padding-left: 10px;
}
.inlineingredients span {
  line-height: 0;
  padding-left: 0px;
  color:#212529;
}
.inlineingredients p {
  font-size: 14px;
  font-weight: bolder;
  margin: 0;
  padding-top: 5px;
  color: #212529;
  font-family: GilroyThin;
  letter-spacing: 0.5px;
}
.ingredientsList h1 {
  font-size: 32px;
  text-transform: uppercase;
  font-family: GilroyBold;
  line-height: 1;
  letter-spacing: 0;
  color: #212529;
  border-bottom: 2px solid #212529;
  display: inline-block;
  padding-bottom: 1px;
  margin-top: 0;
  font-weight: lighter;
}
.gummydoses {
  font-size: 14px;
  color: #212529;
  font-family: Gilroy;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 22px;
}
.textBackground2 {
  display: flex;
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px 60px;
  color: white;
  align-items: center;
  text-align: left;
  margin-top: 10px;
}
.listContainer {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
}
.textBackground2 h2 {
  font-size: 31px;
  color: white;
  line-height: 1.1;
  font-family: GilroyBold;
}
.ourGummytext {
  width: auto;
}
.ourGummyHeading {
  width: auto;
  flex: 0 0 auto;
  padding-right: 30px;
}
.ourGummytext p {
  font-size: 14px;
  line-height: 1.3;
  font-family: Gilroy;
  letter-spacing: 0.2px;
}
.listOfIngredients {
  width: 100%;
  padding: 17px 0 31px;
}
.listOfIngredients h2 {
  font-size: 32px;
  font-family: GilroyBold;
  color: #212529;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 8px;
  line-height: 1.2;
  margin-top: 31px;
  font-weight: lighter;
}
.listOfIngredients p {
  font-size: 14px;
  font-weight: lighter;
  line-height: 1.3;
  font-family: GilroySemiBold;
  color: #212529;
  letter-spacing: 0;
  margin-top: 0;
}
.banner2{
    background-position-x: left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 95px 0 87px;
}
.banner2 h1 {
  font-size: 91.5px;
  font-family: GillroyBolder;
  color: #212529;
  line-height: 1;
  font-weight: lighter;
}
.banner2Heading {
  width: auto;
  text-align: left;
  padding: 0 13px;
}
.banner2Heading h1 {
  padding-left: 10%;
}
.textGrid {
  width: 100%;
  display: flex;
}
.textBox {
    width: 33.33%;
    text-align: center;
    padding: 20px 15px;
    margin: 0 8px;
    max-width: 100%;
}
.howItsMadeContainer p {
  padding: 0 30px;
  text-align: center;
  letter-spacing: 0;
  font-size: 16px;
  font-family: Gilroy;
  color: #212529;
  line-height: 1.5;
}
.howItsMadeContainer {
  max-width: 1320px;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  padding: 0 13px;
}
.textBox h2 {
  border-bottom: 5px solid white;
  display: inline-block;
  line-height: 1.2;
  font-family: GilroyBold;
  font-size: 31px;
  color: #212529;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: lighter;
}
.ourGummyHeading h2 span {
  border-bottom: 2px solid white;
  display: inline-block;
}
.textBox p {
  padding: 0;
  font-size: 15px;
}
.shopButton {
  padding-top: 45px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.shopButton a {
  background-color: #212529;
  color: #fff;
  border: none;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 21px;
  text-decoration: none;
  padding: 10px;
  cursor: pointer;
  font-family: Gilroy;
}

/**************dev Benefits**************/
.devBenefits{
  background-image:url("{{ 'benefits_top_banner.jpg' | asset_url }}");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 590px;
}
.devBenefits .heading h1 {
  color: #fff;
  font-size: 86px;
  font-family: GillroyBolder;
  font-weight: lighter;
  letter-spacing: 0;
}
.devBenefits .heading {
  padding-right: 10.5%;
  margin: 0 13px;
  padding-left: 0;
}
.benefitsContainer {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
  padding-top: 43px;
}
.benefitsContainer h1 {
  font-size: 32px;
  color: #212529;
  font-family: Gilroy;
  letter-spacing: 0;
  padding: 0px 30px;
}
.benefitsContainer {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
  padding-top: 4px;
}
.innerbenefit {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
  padding: 67px 15px 0;
}
.benefitsContent {
  display: flex;
}
.benefitsHeading {
  width: 33.33%;
  padding-right: 45px;
  text-align: right;
  padding-left: 13px;
}
.benefitstext {
  width: 66.66%;
  text-align: left;
  padding-bottom: 15px !important;
  padding-right: 50px;
}
.benefitsHeading h2 {
  font-size: 22px;
  letter-spacing: 0;
  color: #212529;
  display: inline-flex;
  border-bottom: 5px solid;
  font-weight: bold;
  font-family: Gilroy;
  line-height: 1.2;
}
.benefitstext p {
  font-size: 16px;
  font-family: Gilroy;
  line-height: 1.5;
  color: #212529;
  letter-spacing: 0.5px;
}
.benefitstext::last-child {
  padding-bottom: 0;
}
.innerbenefit .shopButton{
  padding-top: 25px;
  padding-bottom: 63px;
}

/*********************************************** Media Quries ******************************************/


@media only screen and (max-width:1399px){
  .gummyContent {
    max-width: 1140px;
    padding: 0px 0px;
  }
  .gummyLeft {
    width: 42.8%;
  }
  .gummyRight {
    width: 58.2%;
  }
  .GummiesVeganContainer {
    max-width: 1140px;
    padding: 0px 12px;
  }
  .imagebox {
    padding: 0 12px;
  }
  .ingredientsContainer {
    max-width: 1140px;
  }
  .listContainer {
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
  }
  .backgroundright {
    padding-right: 50px;
  }
  .gummyBackground {
    padding-left: 50px;
  }
  .ourGummytext p {
    letter-spacing: 0;
  }
  .howItsMadeContainer {
    max-width: 1140px;
  }
  .howItsMadeContainer p {
    font-size: 15.5px;
  }
  .textBox p {
    font-size: 16px;
  }
  .shopButton a {
    padding: 10px 9px;
  }
  .benefitsContainer {
    max-width: 100%;
  }
  .innerbenefit {
    max-width: 1140px;
  }
  .benefitstext p {
    letter-spacing: 0.15px;
  }
}

@media only screen and (max-width:1199px){
  .bannerHeading h1 {
    font-size: 50px;
  }
  .insideGummyBanner {
    padding: 51px 0 144px;
  }
  .gummyContent {
    max-width: 960px;
  }
  .gummyRight {
    width: 49%;
  }
  .gummyLeft {
    width: 51%;
  }
  .GummiesVeganContainer {
    max-width: 960px;
  }
  .ingredientsContainer {
    max-width: 960px;
  }
  .listContainer {
    max-width: 960px;
  }
  .banner2 {
    padding: 92px 0 94px;
  }
  .howItsMadeContainer {
    max-width: 960px;
  }
  .textBox h2 {
    font-size: 28px;
    font-weight: lighter;
  }
  .GummiesVegan h2 {
    font-size: 27px;
  }
  .innerbenefit {
    max-width: 960px;
  }
  .benefitsContainer h1 {
    font-size: 31px;
    line-height: 1.2; 
  }
}

@media only screen and (max-width:991px){
  .insideGummyBanner {
    background-position-x: center;
    background-position: center;
  }
  .bannerHeading {
    width: 100%;
    justify-content: left;
    padding-left: 12px;
  }
  .textBackground a {
    font-size: 16px;
    margin-top: 14px;
  }
  .gummyContent {
    max-width: 720px;
  }
  .gummyLeft {
    width: 45.3%;
  }
  .gummyRight {
    width: 55.8%;
    padding-top: 60px;
  }
  .leftLogos {
    margin-left: 23px;
  }
  .GummiesVeganContainer {
    max-width: 720px;
  }
  .ingredientsContainer {
    max-width: 720px;
  }
  .listContainer {
    max-width: 720px;
  }
  .gummyBackground {
    padding-left: 29px;
  }
  .backgroundright {
    padding-right: 29px;
  }
  .inlineingredients {
    width: 390px;
    padding-left: 15px;
  }
  .inlineBorder {
    width: 68%;
  }
  .weight {
    width: 32%;
  }
  .inlineingredients span {
    letter-spacing: 0;
    font-size: 14px;
  }
  .ingredientsList h1 {
    font-size: 31px;
  }
  .ingredientsList {
    width: auto;
    padding-top: 37px;
  }
  .ingredientsList h1 {
    border-bottom: 1px solid;
  }
  .ourGummyHeading {
    padding-right: 24px;
  }
  .listOfIngredients h2 {
    font-size: 30px;
    font-weight: normal;
  }
  .howItsMadeContainer {
    max-width: 720px;
  }
  .textGrid {
    display: block;
  }
  .textBox {
    width: 100%;
    margin: 0 0px 20px 0;
  }
  .textBox:last-child {
    margin-bottom: 0;
  }
  .innerbenefit {
    max-width: 720px;
  }
  .benefitstext p {
    letter-spacing: unset;
  }
  .benefitsHeading h2 {
    font-size: 21px;
  }
  .benefitsContainer h1 {
    font-size: 29.39px;
  }
  .devBenefits {
    background-size: cover;
  }
  .benefitstext {
    padding-right: 13px;
  }
}
@media only screen and (max-width:890px){
  .devBenefits {
    background-size: cover;
  }
  .benefitsContainer h1 {
    font-size: 28.5px;
  }
}

@media only screen and (max-width:767px){
  .gummyContent {
    max-width: 540px;
    display: block;
  }
  .textBackground {
    margin-right: 0;
    padding: 15px 20px 29px;
  }
  .gummyLeft {
    width: 100%;
    padding-bottom: 0px;
  }
  .gummyRight .leftText {
    padding: 0px 13px 0px 28px;
  }
  .gummyRight {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 55px;
  }
  .leftLogos {
    justify-content: center;
    margin-left: 0;
    padding: 0 12px;
  }
  .GummiesVeganContainer {
    max-width: 540px;
  }
  .imagebox {
    width: 100%;
  }
  .imagebox h2 {
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 0;
  }
  .gummyBackground {
    display: none;
  }
  .ingredientsList h1 {
    font-size: 28px;
    font-weight: lighter;
  }
  .ingredientsContainer {
    max-width: 540px;
  }
  .listContainer {
    max-width: 540px;
  }
  .inlineingredients {
    width: 100%;
    max-width: 68%;
    padding-left: 18px;
  }
  .inlineingredients span {
    letter-spacing: 0;
    font-size: 13.5px;
  }
  .inlineBorder {
    width: 80%;
  }
  .inlineingredients p {
    font-size: 13.5px;
  }
  .textBackground2 {
    display: block;
    text-align:center;
    padding: 13px;
  }
  .ourGummyHeading {
    padding-right: 0;
    width: 100%;
  }
  .textBackground2 h2 {
    font-weight: lighter;
    margin-top: 11px;
  }
  .listOfIngredients h2 {
    font-size: 28px;
  }
  .howItsMadeContainer {
    max-width: 560px;
  }
  .benefitsContent {
    display: block;
  }
  .benefitsHeading {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }
  .benefitstext {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-bottom: 8px !important;
  }
  .benefitstext p {
    margin-top: 10px;
    letter-spacing: normal;
  }
  .innerbenefit {
    padding-top: 20px !important;
    padding: 0 13px;
  }
  .benefitsHeading h2 {
    margin: 0;
  }
  .innerbenefit {
    max-width: 540px;
  }
  .innerbenefit .shopButton {
    padding-top: 8px;
    padding-bottom: 38px;
  }
  .benefitsContainer h1 {
    font-size: 27.5px;
  }
  .benefitsContainer {
    padding-bottom: 3px;
    padding-top: 7px;
  }
}

@media only screen and (max-width:712px){
  .banner2 {
    padding: 44px 0 49px;
  }
}

@media only screen and (max-width:575px){
  .insideGummyBanner {
    padding: 72px 0 124px;
  }
  .bannerHeading h1 {
    font-size: 33px;
  }
  .bannerHeading h1 strong {
    padding-top: 3px;
  }
  .gummyContent {
    max-width: 100%;
  }
  .gummyRight .leftText {
    padding: 0px 16px 0px 28px;
  }
  .textBackground a {
    font-size: 15px;
  }
  .appleBackground {
    height: 120px;
  }
  .appleBackground .heading h1 {
    font-size: 26.6px;
  }
  .heading {
    padding-right: 11.5%;
  }
  .GummiesVegan {
    padding: 0 12px;
  }
  .ourGummyHeading .onMobileNone {
    display: none;
  }
  .textBackground2Container {
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important;
  }
  .textBackground2 h2 {
    font-size: 22px;
    letter-spacing: 0;
  }
  .ourGummytext p {
    font-size: 13px;
  }
  .ourGummyHeading h2 span {
    border-bottom: 1px solid white;
  }
  .listOfIngredients h2 {
    font-size: 22px;
  }
  .listContainer {
    padding: 0 13px;
  }
  .listOfIngredients p {
    font-size: 13px;
  }
  .banner2Heading h1 {
    font-size: 28px;
    padding-left: 9.7%;
    font-weight: lighter;
  }
  .banner2 {
    padding: 29px 0 27px;
  }
  .ingredientsList {
    width: auto;
    padding-top: 10px;
  }
  .benefitsContainer h1 {
    font-size: 24.9px;
    padding: 0px 13px;
  }
  .benefitstext p {
    font-size: 13.8px;
  }
  .benefitsHeading h2 {
    font-size: 18px;
    letter-spacing: 0.5px;
  }
  .innerbenefit {
    padding: 0 15px;
  }
  .devBenefits {
    background-size: 100%;
    min-height: auto;
    padding: 48px 0 55px;
  }
  .devBenefits .heading h1 {
    font-size: 72.1px;
  }
  .devBenefits .heading {
    padding-right: 10.9%;
    padding-left: 13px;
  }
  .benefitsContainer {
    padding-bottom: 10px;
  }
  h3.card-information__text.h5 {
    font-size: 12px !important;
  }
  .card-information .price { 
    font-size: 13px;
  }
}

@media only screen and (max-width:540px){
  .inlineingredients {
    max-width: 100%;
    padding-left: 34px;
  }
  .ingredientsList {
    max-width: 400px;
    margin: 0 auto;
  }
}

@media only screen and (max-width:440px){
  .devBenefits {
    background-size: cover;
  }
}

@media only screen and (max-width:375px){
  .logo1 p {
    font-size: 11px;
  }
  .ingredientsList h1 {
    font-size: 24px;
    font-weight: lighter;
  }
  .inlineingredients p {
    font-size: 13px;
  }
  .inlineingredients {
    padding-left: 13px;
  }
  h3.card-information__text.h5 {
    font-size: 9px !important;
  }
  .card-information .price { 
    font-size: 10px;
  }
  .innerWrapperHeight{
  padding: 0px 5px !important;
}
}


/* end dev[Meh]-style.scss */



@media(max-width:990px){

    .sec-heading{
      font-size: 25px !important;
    }
  
  .dev_imageBlocks{
    gap: 5px;
  }

  .dev_imageBlocks .dev_imgItem{
      width: calc(50% - 5px) !important;
      border-radius: 2px !important;
  }

  .menu-drawer{
    width: 100vw !important;
  }

  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li,
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li li{
    padding: 5px 15px;
  }
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li .menu-drawer__menu-item{
    display: flex;
    justify-content: space-between;
    padding:0 !important
  }
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li .menu-drawer__menu-item .img-n-title{
    display:flex;
    gap: 0 10px;
    align-items: center;
  } 
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li .menu-drawer__menu-item .img-n-title .title{
    font-size:12px;
    margin: 0 ;
  }
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li .menu-drawer__menu-item .img-n-title img{
    border-radius:2px;
  }
  .menu-drawer__inner-container .menu-drawer__navigation-container li.parent-li .menu-drawer__menu-item svg{
    height: 14px;
    color:#000;
  }

  .menu-drawer__navigation-container{
    /* height:100vh !important; */
    overflow: scroll !important;
  }
  
  h3.card-information__text.h5{
    max-height:15px;
  }

  /*First Banner Section Style Start*/

    .devtopBanner.dev_customBanner .banner__content .banner__box{
      position: absolute;
      bottom: 10px;
      left: 0 ;
    }

    .devtopBanner .banner__heading,
    .devtopBanner .banner__heading p{
      font-size:25px;
      color:#fff;
    }

    .devtopBanner .banner__heading p .sub_text{
      font-size:20px;
      color:#fff;
    }

    .banner__content .sub_text,
    .banner__content .sub_text p{
      font-size:20px;
      color:#fff;
      
    }
    
    .devBanner_style2 .banner__buttons a.button.button--primary{
      width: fit-content;
      font-size: 10px;      
      color:#fff;
    }
    
    .devBanner_style2 .dev_colDescription .banner__text h5{
      font-size:12px;
      color:#fff !important;
    }
    .devBanner_style2 .banner__media{
      height: auto;
    }

    .dev_mobBanImg, .dev_mobBanImg img{
      display:flex;
      filter: brightness(80%);
    }
 /* First Banner Section Style Start*/
 /* second Banner( Top Collection) Section Style Start*/
    .card--light-border{
      border-radius:10px;
    }

    
 /* second Banner( Top Collection) Section Style end*/
 /* Grid Section Style Start*/
  .dev_shopIcons .dev_slideItem{ 
    padding: 10px;
    width: 50%; 
  }
  .dev_shopIcons .dev_slideItem .dev_featWrap{
    padding-left:0;
  }
  .dev_featWrap h3{
    font-size: 20px;
  }
  .dev_shopIcons img{
    width: 18px !important;
  }
 /* Grid SectionStyle end*/



  .dev_largeGreenItems .dev_greenItem{
    width: 100%;
  }
  .dev_largeGreenItems .dev_greenContent div p{
    font-size:14px;

  }

  .dev_bottomBTN a.button.button--primary{
    font-size:12px !important;
  }

  /* Banner correction Delta */
  .dev_bgOverlay {
    background-image: none !important;
  }
  .dev_mobBanImg img{
    width: 100%;
  }
}




/* Dev St Style  css Code */

.devAnnouncementBar .devAnnouncementSlider {
   display: none;
 }

 .devAnnouncementBar .devAnnouncementSlider.slick-initialized {
   display: block;
   overflow: hidden;
   height: 50px;
 }

 .devAnnouncementBar .announcement-bar__message {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
} 



.devtopBanner {
  background-color: transparent;
}
 
.announcement-bar__link .icon-arrow {
  margin-bottom: 0px;
}

.devHeaderHenna header.header.page-width {
  max-width: 100%;
  /* padding-left: 30px;
  padding-right: 30px; */
}

.devHeaderHenna summary.list-menu__item {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.devHeaderHenna  .header__icons {
  align-items: center;
}

.header .header__icons .header__icon--cart .icon {
  width: auto !important;
}

.devHeaderHenna .header__menu-item {
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: Gilroy;
  color: rgb(var(--color-foreground));
  -webkit-text-stroke: 0.1px #111;
  font-weight: bold;
}

.devAnnouncementBar .announcement-bar__message p {
  font-size: 18px;
}

.devAnnouncementBar .announcement-bar__link {
  padding: 0px !important;
}
  
ul.Devmobile_menu.dev_mobile_BottomMenu {
  margin-top: 0px;
}

.header__inline-menu details[open]>.header__submenu {
  z-index: 3;
}

.header .list-menu--disclosure {
  min-width: auto;
}

.devFeaturedCollection .title-wrapper-with-link {
  margin-top: 0px;
  margin-bottom: 35px;
}

.devFeaturedCollection {
  margin-top: 30px;
}

.devHeaderHenna nav.header__inline-menu {
  min-width: 100%;
  text-align:center;
}

.devHeaderHenna .header-wrapper.page-width , .page-width {

}

.page-width-desktop {
   padding: 0px !important;
}

.devImageWithTextOverlay .banner__content {
  padding: 0 5rem;
}

.devFeaturedCollection button.product-form__submit.devOrderBtn {
  max-width: 100%;
  color: #fff;
}

button.product-form__submit.devOrderBtn{
  background: #C9DF77
}
.devSelectOptionPopup variant-selects.no-js-hidden {
  width: 100%;
}

.card-wrapper .devCardContent {
  position: relative;
}

.devSelectOptionPopup {
  position: absolute;
  left: 0;
  right: 0;
  top: 43px;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  padding: 0px 4px 4px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;  
}

.devSelectOptionPopup {
  display: none;
}

.devBanner_style2 .banner__media {
  max-width: 100%;
  background-size: 38.4%;
  background-position-x: 87%;
}

.card-wrapper .card__inner .media{
  padding-bottom: 100% !important;
}

button.product-form__submit.devOrderBtn {
  max-width: 100%;
  position: relative;
  z-index: 99;
}

.dev_shopIcons .dev_slideItem:last-child:after {
  display: none;
}
.shopify-section.collection-list-section {
    margin-top: 2rem;
}

/******************************** Media Queries **********************************/

@media (max-width:1200px){
  .devHeaderHenna .header__menu-item .icon-caret {
    right: 8px;
  }

  .devHeaderHenna summary.list-menu__item {
    padding-right: 30px;
  }

  .devHeaderHenna a.header__menu-item.list-menu__item.link.link--text.focus-inset {
    padding-right: 12.5px;
    padding-left: 12.5px;
  } 

  .devAnnouncementBar .announcement-bar__message p {
    font-size: 16px;
  }

  .devAnnouncementBar .icon-arrow {
    width: 15px;
  }    

  .devAnnouncementBar .announcement-bar__message {
    padding-left: 10px;
    padding-right: 10px;
  } 

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

@media (max-width:1140px) {
  .devHeaderHenna .header__heading-logo {
    max-width: 100px;
  }
}
  
@media (max-width:1100px){
  .devHeaderHenna .header__menu-item {
    font-size: 15px;
  }

  .devImageWithTextOverlay .banner__content {
    padding: 0 20px;
  }

}

@media (min-width:768px) and (max-width:1200px){
  .devBanner_style2 .banner__media {
    background-size: contain;
  }
}

@media (min-width:990px) and (max-width:1100px){
  .devHeaderHenna details-modal.header__search {
    padding-top: 0px;
  }

  .devHeaderHenna .header__icons .header__icon {
    padding-top: 3px;
  }

  .devHeaderHenna .header__icons .header__icon {
    width: 19px !important;
  }

  .devHeaderHenna .header__icons .header__icon--cart {
    width: 38px !important;
  }

  .devHeaderHenna .header {
    column-gap: 1rem;
  }  
}


@media (min-width:989px){
  .header__icon:not(.header__icon--summary), .header__icon span{
  /* display: inline !important */
    display: flex;
    flex-wrap: wrap;
  } 
}
@media (max-width:989px){
  .devHeaderHenna header.header.page-width {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .devImageWithTextOverlay .banner__content {
    padding: 0 0.75rem;
  }
  
   .devHeaderHenna .header__icon.header__icon--menu span {
    justify-content: center !important;
  }

  header-drawer .header__icon.header__icon--menu {
    width: 25px !important;
  }

  header-drawer {
    margin-left: 0!important;
  }

  .devHeaderHenna .header {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .devHeaderHenna summary.list-menu__item {
      padding-top: 0;
      padding-bottom: .5rem;
  }
  .menu-drawer__menu-item {
    font-size: 1.1em !important;
    padding-left: 20px !important;
    padding-bottom: .5rem !important;
    padding-top: 0 !important;
  }

  .menu-drawer__inner-submenu .menu-drawer__menu-item {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
  }

  .menu-drawer__inner-submenu .menu-drawer__close-button {
    font-size: 20px;
  }

  .menu-drawer__inner-submenu .menu-drawer__close-button .icon-arrow {
    width: 18px;
  }

  .header__icon--cart {
    margin-right: -8px !important;
  } 

  .menu-drawer__menu li {
    margin-bottom: 0px !important;
  }

  .Devmobile_menu a {
    padding: 2px 8px 2px 32px !important;
    color: rgb(var(--color-foreground));
  }
}

@media screen and (min-width: 768px){
  .devBanner_style2 .banner__buttons a.button.button--primary {
    /* width: 76%; */
  }

  .devBanner_style2 .banner__box {
    max-width: fit-content;
  }  

  .devBanner_style2 .sub_text p {
    line-height: .7em;
  }  
}

@media (max-width:767px){
  .devFeaturedCollection {
    margin-top: 0px;
  }

}

@media (max-width:749px){
  .dev_slideItem:nth-child(even):after {
    display: none;
  }  
}

@media (max-width:590px){
  .devAnnouncementBar .announcement-bar__message p {
    font-size: 14px;
  }
  
  .devAnnouncementBar .icon-arrow {
    width: 13px;
  }
}

@media (max-width:499px){
  .devAnnouncementBar .announcement-bar__message p {
    font-size: 12px;
    letter-spacing: 0px;
  }

 .devAnnouncementBar .devAnnouncementSlider.slick-initialized , .devAnnouncementBar .announcement-bar__message {
   height: 40px;
 }

   .price--on-sale .price-item--regular{
    font-size:10px !important
  }
  
}

@media (max-width:395px){
  .devAnnouncementBar .announcement-bar__message p {
    font-size: 10px;
  }

   .devAnnouncementBar .announcement-bar__message {
    padding-left: 5px;
    padding-right: 5px;
  }

  .devAnnouncementBar .icon-arrow {
    width: 10px;
    margin-left: 7px;
  }

  .devImageWithTextOverlay .banner__buttons a.button.button--primary {
    font-size: 20px;
  }
}



/* 
  span.stamped-badge-caption {
    display: none;
  } */