/** Shopify CDN: Minification failed

Line 1176:19 Expected ":"
Line 1176:38 Unterminated string token

**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
body {
    font-family: poppins !important;
}
p {
    margin-bottom: 4px !important;
}
.btn {
    background: #00CCA0 !important;
    border: 2px solid #00CCA0!important;
    color: #fff !important;
}
.btn:hover {
  background: transparent !important;
  color: #F37748 !important;
}
.top_bar.notification_bar {
    background: rgb(250,228,213);
    background: radial-gradient(circle, rgba(250,228,213,1) 0%, rgba(240,210,186,1) 100%);
}
.notification_text {
    font-family: poppins;
    font-weight: 600;
    font-size: 16px !important;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.notification_bar li a {
    text-decoration: underline;
}
#toTop i{
	color: #fff;
	transition: .3s;
}
#toTop i:hover{
	color: #333;
}

/* Header */
.header {
  z-index: 9999999 !important;
  max-width: 1440px !important;
  padding: 10px 0;
  box-shadow: rgba(134,134,134,0.1) 8px 16px 32px -8px;
  display: flex !important;
}
.header img.header__heading-logo {
    max-width: 200px;
}
.header .header__heading {
      width: 15%;
}
.header .header__inline-menu {
    width: 75%;
    text-align: center;
}
.header .header_icons {
    width: 15%;
}
.header .list-menu li {
    padding: 0 10px;
}
.header .list-menu li .header__menu-item {
    font-family: poppins;
    font-weight: 600;
    color: #129490;
    font-size: 18px;
}
.header .list-menu li .header__menu-item span {
    position: relative;
    transition: all 0.5 ease-in-out !limportant;
    text-decoration: none !important;
    color: #129490;
}
.header .list-menu li .header__menu-item span::after {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: transparent;
    transition: all .5s ease-in-out;
}
.header .list-menu > li:hover > .header__menu-item span::after, 
.header .list-menu li > .header__menu-item > span.header__active-menu-item::after {
    width: 100%;
    background-color: #EFC11A;
}
.fa-heart:before {
    font-family: 'Font Awesome 5 Free';
}
.header .header__icon--cart, .header .header__icon span {
    color: #129490;
}
.header .header__submenu {
    width: 230px;
}

/* End Header */

/* Default Page Css */

.default-page-class.page-width {
    max-width: 1400px;
    margin: 0px auto;
    width: 100%;
    padding: 0px 10px;
}
.default-page-class h1.main-page-title {
    margin: 60px auto 50px;
    padding: 0;
    font-size: 42px;
    font-family: 'Poppins';
    color: #129490;
    text-align: center;
}
.default-page-class .sixteen .section h3 {
    font-size: 22px;
    font-family: 'Poppins';
    text-transform: capitalize;
    color: #129490;
}
.default-page-class .section strong,
.default-page-class p b {
    color: #129490;
}
.default-page-class > .rte {
    margin: 0px auto 60px;
}
.default-page-class .rte h4 {
    font-size: 16px;
    font-family: 'Poppins';
    color: #129490;
    font-weight: 600;
}

/* Default Page Css */

/* Home */

.banner .slider__slide {
    height: 1000px;
}
.banner .slideshow__media {
    height: 1000px !important;
}
.banner-heading{
    max-width: 100%!important;
    width: 100%!important;
    padding: 0px 0 6px!important;
    text-align: center;
    background-color: #EFC11A;
}
.banner-heading h2 {
    font-size: 60px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    line-height: 60px;
    color: #fff;
    margin: 0px;
}
.banner-heading h4 {
    margin: 0px;
    font-size: 30px;
    line-height: normal;
    font-family: 'Roboto Condensed';
    color: #fff;
}
slideshow-component .slideshow__text-wrapper.banner__content h2 {
    font-size: 40px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    line-height: 60px;
}
slideshow-component .banner .slideshow__text-wrapper.banner__content {
    max-width: 100% !important;
}
slideshow-component .banner .slideshow__text.banner__box {
    max-width: 830px !important;
}
slideshow-component .slideshow__text-wrapper.banner__content .banner__text{
    margin-top: 0px !important;
}
slideshow-component .slideshow__text .banner__text span {
    margin: 0px;
    font-size: 35px;
    line-height: normal;
    font-family: 'Roboto Condensed';
    color: #129490;
    font-weight: 600;
}
.banner__buttons a.button {
    background: #00CCA0 !important;
    border: 2px solid #00CCA0!important;
    color: #fff !important;
    box-shadow: none;
}
.banner__buttons a.button:after{
    box-shadow: none !important;
}
.banner__buttons a.button:hover {
  background: transparent !important;
  color: #F37748 !important;
}

.videoBackground {
    margin-top: 60px;
}

.videoBackground .home-video .fullscreen-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    min-width: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    display: block;
    right: 0;
    border-radius: 10px;
    outline: 6px double #00CCA0;
}

.videoBackground .videoBox.home-video {
    min-height: 680px !important;
    height: 100%;
}

.videoBackground .videoBox.home-video:before {
    content: "";
    position: absolute;
    bottom: -6%;
    right: 7.5%;
    width: 200px;
    height: 200px;
    background-color: #129490;
    border-radius: 20%;
}

.videoBackground .videoBox.home-video:after {
    content: "";
    position: absolute;
    top: -6%;
    left: 7.5%;
    width: 200px;
    height: 200px;
    background-color: #129490;
    border-radius: 20%;
    z-index: -1;
}

.we-covered_sec {
    padding-top: 8% !important;
}
.we-covered_sec.custom-content-wrapper--bottom-margin {
    padding-bottom: 0;
}
.we-covered_sec.custom-content-wrapper--top-margin {
    padding-top: 0;
}
.we-covered_sec .image-with-text__content h2 {
    font-family: poppins;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #129490;
}

.we-covered_sec .image-with-text__content {
    padding: 6rem 0rem 7rem 7rem;
}

.we-covered_sec .image-with-text__media {
  border: none;
}

.we-covered_sec .image-with-text__media img {
    outline: 6px double #00CCA0;
    outline-offset: -30px;
    border-radius: 0 0 150px 0;
/*     box-shadow: rgba(112,126,158,0.5) 8px 16px 32px -8px; */
    transition: all 0.5s ease-in-out;
}
.we-covered_sec .image-with-text__media img:hover {
    border-radius: 0 150px 0 0;
}
.we-covered_sec .animated-line {
    margin-left: 0;
}
.we-covered_sec .animated-line::after {
    border-color: #fff;
}

.animated-line {
    position: relative;
    display: block;
    width: 110px;
    height: 3px;
    overflow: hidden;
    margin: 0 auto 25px;
    background: #00CCA0;
}
.animated-line::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #f8e1d0;
    border-right: 10px solid #f8e1d0;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}
.we-covered_sec .image-with-text__content p {
    font-size: 18px;
    color: #000;
}

.featured-products_sec .container {
    max-width: 1240px;
    width: 100%;
    margin: 0px auto;
}
.featured-products_sec .grid-uniform.featuredItems {
    display: flex;
    flex-wrap: wrap;
}
.featured-products_sec .featuredItems li.grid__item {
    width: 33.33%;
    max-width: 33.33%;
    list-style: none;
}
.featured-products_sec img {
    width: 100%;
    height: 580px;
    object-fit: fill;
}
.featured-products_sec .featuredItems li.grid__item a.banner_half_img {
    display: inline-block;
}
.featured-products_sec .featuredItems .ovrly31 {
    position: relative;
    height: 580px;
    width: 100%;
    overflow: hidden;
}
.featured-products_sec .featuredItems .featured-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #ffe68c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    animation: fadeIndown 1s ease backwards;
}
.featured-products_sec .featuredItems .ovrly31:hover .featured-content {
    opacity: 1;
    animation:fadeInUp 1s ease backwards;
}
.featured-products_sec .grid__item {
    width: 100%;
    max-width: 100%;
}
@keyframes fadeInUp{
  0%{
    transform: translate3d(0,100%,0); 
    opacity: 0;
  }
  100%{
    transform: none; 
    opacity: 1;
  }
}
@keyframes fadeIndown{
  0%{
    transform: none; 
    opacity: 0;
  }
  100%{
    transform: translate3d(0,100%,0); 
    opacity: 1;
  }
}
.featured-products_sec .dt-sc-hr-invisible-large {
    display: none;
}
.featured-products_sec .border-title h2 {
    padding: 0!important;
    font-family: poppins;
    font-size: 42px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.4!important;
    text-transform: capitalize!important;
    margin: 50px 0 50px;
    text-align: center;
}
.featured-products_sec .featured-content h3 {
    font-family: Poppins;
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}
.featured-products_sec .featured-content h6 {
    font-size: 26px;
    font-family: 'Poppins';
    text-transform: capitalize;
}
.featured-products_sec .featured-content a.btn {
    background-color: #f1dc8a;
    border: 2px solid #FCF7E3;
    border-radius: 5px;
    padding: 12px 25px;
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
}
.featured-products_sec .featured-content a.btn:hover {
    color: #ff6600;
    transform: scale(1.05);
}
.product-section {
    padding: 20px 0px 50px;
}
.product-section .carousel .flickity-slider {
    transform: translateX(50%);
}
.product-section .multicolumn-list li {
    padding: 0px 20px;
}
.product-section .multicolumn-card .multicolumn-card__info {
    background-color: #ffe68c;
}
.product-section .title-wrapper-with-link h2.title.h1 {
    font-size: 44px;
    font-family: 'Poppins';
    text-align: center;
    color: #129490;
    font-weight: 600;
    max-width: 1100px;
    width: 100%;
    margin: 0px auto;
}
.product-section .multicolumn-card-slider {
    background-color: #ffe68c;
    padding: 10px 20px 16px;
    margin: 0px auto;
    text-align: center;
}
.product-section .multicolumn-card a.link {
    background-color: #00CCA0;
    padding: 8px 20px;
    border: 2px solid #00CCA0;
    color: #fff;
}
.product-section .multicolumn-card a.link:hover {
    background-color: transparent;
    color: #F37748;
}
.product-section .multicolumn-card h3 {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
    min-height: 120px;
    color: #129490;
    margin-top: 0px;
}
.product-section .flickity-prev-next-button .flickity-button-icon {
    left: 24%;
    top: 25%;
    width: 48%;
    height: 48%;
}
.melabebe-sec .container-bg, .Ingredients_sec .container-bg {
    padding: 0;
}
.melabebe-sec .container-bg .custom-content {
    background: #ffdf6c;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: auto;
}
.melabebe-sec .custom__item-inner--image {
    padding: 0;
}
.melabebe-sec .custom__item, .Ingredients_sec .custom__item {
    align-self: unset;
}
.melabebe-sec .custom__item .custom__item-inner, .Ingredients_sec .custom__item .custom__item-inner {
    padding: 0;
    line-height: 0px;
}
.melabebe-sec .custom-content .melabebe-sec-content p {
    line-height: 30px;
}
.melabebe-sec .custom__item {
    margin-bottom: 0;
}
.melabebe-sec .custom__item-inner--image img {
    object-fit: cover;
    width: 100%;
    height: 800px;
    max-width: 100%;
}
.melabebe-sec-content {
    text-align: center;
    padding: 20% 0 18%;
}
.melabebe-sec .custom-content .custom__block-image-container {
    padding-top: 0% !important; 
}
.melabebe-sec-content .sub-heading, .Ingredients-content_sec .sub-heading {
    text-transform: capitalize;
    font-family: 'Dancing Script',cursive;
    font-weight: 400;
    font-size: 34px;
    line-height: 1;
    color: #000;
    margin-bottom: 0;
}
.Ingredients-content_sec .heading, .customer_love-sec h2, .melabebe-sec-content .heading, .testimonial-type-11 .border-title h2 {
    color: #129490;
    font-family: poppins;
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4!important;
    text-transform: capitalize;
}
.melabebe-sec-content ul.options, .Ingredients-content_sec .list-of ul {
    padding: 0;
    list-style: none;
}
.melabebe-sec-content ul.options li, .Ingredients-content_sec .list-of ul li {
    text-align: center;
    color: #333333;
    line-height: 1.8;
    font-family: poppins;
    font-size: 18px;
    margin: 6px 0;
}
.melabebe-sec-content button, .single-prod_sec a.btn-line, .Ingredients-content_sec button {
    background: #00CCA0;
    border-radius: 5px;
    padding: 10px 28px;
    border: 2px solid #00CCA0 !important;
    margin-top: 15px;
    transition: all .5s;
}
.melabebe-sec-content button:hover, .single-prod_sec a.btn-line:hover, .Ingredients-content_sec button:hover {
    background: transparent;
}
.melabebe-sec-content button a, .single-prod_sec a.btn-line, .Ingredients-content_sec button a {
    font-family: poppins;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    transition: all 0.5s;
}
.melabebe-sec-content button a:hover,.single-prod_sec a.btn-line:hover, .Ingredients-content_sec button a:hover {
    color: #F37748;
}
.melabebe-sec .wide--one-half {
	width: 50% !important;
    max-width: 50% !important;
}
.melabebe-sec .wide--two-thirds {
	width: 50% !important;
    max-width: 50% !important;
}
.melabebe-sec .wide--one-third{
  	width: 50% !important;
    max-width: 50% !important;
}
.melabebe-sec .custom__item--6d5eea36-8663-4c27-8888-19905afc9bbb{
    margin: 0px;
}

.cst-ingredients_sec .container-bg {
  padding: 0;
}
.cst-ingredients_sec .custom__item .custom__item-inner {
    padding: 0;
}
.cst-ingredients_sec .custom__item {
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.melabebe-ingredients .background-color {
    background: #fff;
/*     background: radial-gradient(circle,#ffcfca 0,#f0d2ba 100%); */
    padding: 80px 0;
}
.melabebe-ingredients .title-text{
    text-align: center;
}
.melabebe-ingredients .title-text h2 {
    color: #129490;
    text-transform: capitalize;
    font-family: 'Poppins' !important;
    font-weight: 600;
    font-size: 3em;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
}
/*2*/
.melabebe-ingredients .container {
    width: 80%;
    max-width: unset;
    margin: 0 auto;
}
.melabebe-ingredients .popups-wrapper{
    padding: 70px 0;
    display: flex;
}
.melabebe-ingredients .popups-wrapper:first-child {
    padding-top: 30px;
}
.melabebe-ingredients .popups-box{
    width: 33.33%;
    position: relative;
    display: flex;
    justify-content: center;
}
.melabebe-ingredients .popups-img img{
    height: 150px;
}
.melabebe-ingredients .open:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #f1dc8a;
    border: 3px solid transparent;
    width: 30px;
    height: 30px;
}
.melabebe-ingredients .open span {
    transition: transform .3s linear;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.melabebe-ingredients .open span:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #ff6600;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
}
.melabebe-ingredients .open span:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #ff6600;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transform: rotate(90deg);
    transition: all 0.5s ease-in-out;
}
.melabebe-ingredients .popups-box.active .open span::before {
    transform: rotate(50deg);
    transition: all 0.5s ease-in-out;
}
.melabebe-ingredients .popups-box.active .open span::after {
    transform: rotate(130deg);
    transition: all 0.5s ease-in-out;
}
.melabebe-ingredients .open {
    position: relative;
    z-index: 9999;
    top: 2%;
    left: 100%;
}
.melabebe-ingredients .popup-round h3 {
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: poppins;
    letter-spacing: 1px;
}
.melabebe-ingredients .popup-round p {
    font-size: 15px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
}
.melabebe-ingredients .popup-round h3:before {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    width: 115px;
    height: 2px;
    background-color: #fff;
}
.melabebe-ingredients .popup-round {
    display: block!important;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 999;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    background: url(/cdn/shop/files/popup-decor_dark_fe846b59-aa93-4f33-8ed9-90db4c653e07.png?v=1659350116) no-repeat 50% 50%;
    background-size: contain;
    width: 250px;
    padding: 45px;
    font-size: .75rem;
    text-align: center;
    opacity: 0;
}
.melabebe-ingredients .popups-box.active .popup-round {
    opacity: 1;
}
.melabebe-ingredients .water-box {
    left: -2%;
    top: 68px;
}
.melabebe-ingredients .shea-butter-box {
    left: 6%;
    top: 75px;
}
.melabebe-ingredients .aloe-vera-box {
    left: 0%;
    top: 20px;
}
.melabebe-ingredients .honey-box { 
    left: -5%;
}
.melabebe-ingredients .jojoba-oil-box {
    top: -80px;
    left: -4%;
}
.melabebe-ingredients .vitamin-e-box {
    left: -6%;
    top: 15px;
}
.melabebe-ingredients .safflower-oil-box {
    top: -30px;
    left: -8%;
}
.melabebe-ingredients .water-box .popup-round {
    left: 8%;
    top: 12%;
}
.melabebe-ingredients .jojoba-oil-box .popup-round {
    left: 6%;
    top: 40%;
}
.melabebe-ingredients .honey-round {
    left: 3%;
    top: 40%;
}
.melabebe-ingredients .vitamin-round {
    top: 34%;
    left: 4%;
}
.melabebe-ingredients .safflower-round {
    left: 4%;
    top: 30%;
}
.melabebe-ingredients .aloe-vera-round {
    left: 15%;
    top: -10%;
}
.melabebe-ingredients .shea-butter-round {
    top: 10%;
    left: 18%;
}

.Ingredients_sec .custom-content {
    display: flex;
    flex-wrap: wrap;
}
.Ingredients_sec .container-bg, .ingredients-icons {
    background-color: #ffdf6c;
}
.Ingredients_sec .custom__item {
    margin: 0;
    width: 50%;
    max-width: 50%;  
}
.Ingredients_sec .custom__item .custom__item-inner--image {
    padding: 0px 39% 0 0;
}
.Ingredients_sec .custom__item-inner.custom__item-inner--html {
    margin: 0px 0px 0px -15%;
}
.Ingredients_sec .custom__item-inner--image img {
    outline: 6px double #00CCA0;
    outline-offset: -25px;
    object-fit: cover;
    width: 100%;
    height: 550px;
    max-width: 100%;
}
.Ingredients_sec .custom-content .custom__block-image-container {
    padding-top: 0px !important;
}
.Ingredients-content_sec .list-of {
    display: flex;
    flex-wrap: wrap;
}
.Ingredients-content_sec .sub-heading {
    color: #000;
}
.Ingredients-content_sec .heading {
    margin-bottom: 30px;
}
.Ingredients-content_sec .list-of .title {
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 20px;
    color: #00CCA0;
    letter-spacing: 1px;
    font-family: poppins;
    font-weight: 500;
    margin-top: 0px;
}
.Ingredients-content_sec .list-of div {
    margin-right: 5%;
}
.Ingredients-content_sec .list-of ul {
    padding-top: 10px;
}
.Ingredients-content_sec .list-of ul li {
    text-align: left;
    position: relative;
    padding-left: 35px;
}
.Ingredients-content_sec .list-of ul li::before {
    position: absolute;
    content: "";
    background-image: url("/cdn/shop/files/natural-ingredients.png");
    width: 25px;
    height: 25px;
    left: 0;
    top: 3px;
    background-size: contain;
}
.Ingredients-content_sec .list-of .animated-line {
    margin: 8px 0 12px;
}
.Ingredients-content_sec .list-of .animated-line::after {
    border-color: #f7ebe0;
}
.Ingredients-content_sec button {
    margin-top: 25px;
}

.ingredients-icons .container {
    max-width: 100%;
    padding: 0 5%;
}
.ingredients-icons .grid__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}
.ingredients-icons .grid__item .wide--one-quarter {
    width: 20%;
}
.ingredients-icons .parallax {
    padding-top: 2.5% !important;
    padding-bottom: 40px !important;
}
.ingredients-icons .icon-section,
.ingredients-icons .icon-section .icon {
    margin-bottom: 0;
    margin: 0px 20px;
}
.ingredients-icons .icon-section .icon::before {
    display: none;
}
.ingredients-icons .icon-section img {
    border-radius: 0 !important;
    width: 55% !important;
    margin: 0 auto;
    height: auto !important;
}
.ingredients-icons .icon-section span {
    font-family: poppins;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 0;
}
.ingredients-icons .icon-section a {
    width: 230px;
    height: 100%;
    padding: 25px 5px;
    border-radius: 8px;
    box-shadow: #6d300b4d 0 0 32px -8px;
    background-color: #ffffffb3;
    transition: all .5s ease-in-out;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.ingredients-icons .icon-section a:hover {
    transform: scale(1.07);
}

.featured-in-section .custom-content img.custom__block-image {
    /* object-fit: cover; */
    width: 100%;
}
.featured-in-section .custom-content .custom__block-image-container {
    padding-top: 0px !important;
}
.featured-in-section .custom-content .custom__item {
    max-width: 100% !important;
    width: 100% !important;
}
.featured-in-section h2.custom-content__section-header.text-center {
    margin-bottom: 0!important;
    text-transform: capitalize;
    font-family: Poppins,cursive;
    font-weight: 400;
    font-size: 54px;
    line-height: 1;
    text-align: center;
    margin-top: 60px;
    color: #129490;
}

.reviews-section .custom__item {
    width: 100%;
    max-width: 100%;
    padding: 50px 0px;
}


.customer-love-bottom .grid-uniform, 
.customer-love-top .grid-uniform{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    animation:fadeInUp 1s ease backwards;
}
.customer-love-bottom img, .customer-love-top img {
    height: 320px;
    width: 100%;
    border-radius: 5px;
}
.customer-love-bottom .dt-sc-hr-invisible-large, .customer-love-top .dt-sc-hr-invisible-large{
	margin: 5px 0;
}
.customer-love-top .grid__item, 
.customer-love-bottom .grid__item {
    width: 20%;
    max-width: 20%;
    margin-right: 1%;
}
.customer-love-bottom{
	margin-bottom: 40px;
}
.customers-love-melabebe h2.rich-text__heading {
    font-size: 42px;
    color: #129490;
    font-family: Poppins;
    font-weight: bold;
}

.instagram-feed_sec .insta-feed_title {
    font-family: 'Poppins';
    text-align: center;
    margin-bottom: 0;
    font-size: 32px;
    text-transform: capitalize;
    color: #6d300b;
    font-weight: bold;
}
h4.insta-feed_title,
#insta-feed h2 {
    color: #129490;
    font-weight: bold;
    font-size: 23px;
}
.instagram-feed_sec #insta-feed {
    margin-top: 10px;
}
.instagram-feed_sec #insta-feed h2 {
    text-transform: capitalize;
    font-family: 'Dancing Script',cursive;
    font-weight: 500;
    font-size: 46px;
    line-height: 1;
    color: #f1d4bd;
    margin-bottom: 20px;
    font-weight: bold;
}

.company-info .page-width {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    background: #ffdf6c !important;
    margin-top: 90px;
}
.company-info ul {
    max-width: 650px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 10px;
}
.company-info ul li .multicolumn-card__image-wrapper {
    width: 20%;
    margin: 0px !important;
}
.company-info ul li .multicolumn-card img.multicolumn-card__image {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
}
.company-info ul li .multicolumn-card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.company-info ul li .multicolumn-card .multicolumn-card__info {
    text-align: left;
}
.company-info .multicolumn-list h3 {
    font-size: 20px;
    font-family: 'Poppins';
    text-transform: uppercase;
    line-height: normal;
    color: #129490;
    font-weight: bold;
}
.company-info ul li .multicolumn-card p {
    font-size: 20px;
    font-family: 'Poppins';
    line-height: normal;
    color: #129490;
}
.company-info ul li .multicolumn-card .multicolumn-card__info .rte {
    margin-top: 0px !important;
}
/* Home End */

/* Footer */

footer.footer {
    margin-top: 0px;
    border-top: none;
    /* box-shadow: 10px 0px 0px 0px rgb(255,255,255,0.5); */
    border-top: 2px solid #EFC11A;
}
.footer .footer__content-top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.footer .footer__blocks-wrapper .footer-block__details-content {
    margin-bottom: 0;
    padding-right: 50px;
}
.footer .footer__blocks-wrapper .footer-block.grid__item {
    width: 27%;
}
.footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) {
    width: 6%;
}
.footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) {
    width: 13%;
}
.footer h2.footer-block__heading {
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: bold;
    color: #129490;
}
.footer .footer-block__details-content p {
    margin: 0px;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.6;
    font-family: 'Poppins';
}
.footer .footer-block__details-content p a {
    padding: 0 0 0 33px;
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    vertical-align: middle;
    text-decoration: none;
}
.footer .footer-block__details-content p:nth-child(2) a:before {
    content: "\f095";
    position: absolute;
    font-family: FontAwesome;
    color: #00CCA0;
    left: 0;
    font-size: 24px;
    top: -4px;
}
.footer .footer-block li a {
    font-size: 18px!important;
    font-family: Poppins;
    text-decoration": none !important;
}
.footer .footer-block__details-content p:nth-child(3) a:before {
    content: "\f0e0";
    position: absolute;
    font-family: FontAwesome;
    color: #00CCA0;
    top: -3px;
    left: 0;
    font-size: 22px;
}
.footer a:hover {
    color: #00CCA0 !important;
}
.footer .footer__blocks-wrapper {
    width: 74%;
}
.footer .footer-block--newsletter {
    width: 27%;
    margin-top: 0px;
}

/* Footer End */

/* About us */
.about-hero-banner .wide-banner-type-4-block {
   padding: 362px 0;
  background-position: center center;
}
.about-content-sec .text-left h2 {
    font-size: 42px;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0px auto;
}
.about-hero-banner .wide-banner-type-4-content h4 {
    background: none!important;
    font-size: 80px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.about-hero-banner .wide-banner-type-4-content {
    text-align: center;
}
.about-hero-banner .wide-banner-type-4-content h2 {
    font-size: 40px;
    margin: 0px;
}
.about-1-contain .rich-text__text p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #000;
}
.about-content-sec.custom-content-wrapper {
    background-color: #ffdf6c;
}
.about-content-sec .custom__item-inner.custom__item-inner--image {
    position: relative;
}
.about-content-sec .custom__item-inner.custom__item-inner--image:before {
    content: "";
    position: absolute;
    top: -40px;
    left: -40px;
    width: 100%;
    height: 100%;
    background-color: #EFC11A;
    z-index: -1;
}
.about-content-sec .custom-content {
    display: flex;
    padding: 65px 0;
    align-items: center;
    justify-content: center;
}
.about-content-sec p {
    font-size: 20px;
    font-family: 'Poppins';
}
.about-content-sec .text-left {
    padding: 74px 50px!important;
    margin-left: 60px;
}
.about-content-sec .container-bg {
    width: 90%!important;
    margin: auto!important;
}
.about-content .custom-content-wrapper--bottom-margin{
    padding-bottom: 65px!important;
}
.about-content-sec .text-left h4{
  margin-bottom:20px;
}
.about-content-sec .custom-content__section-header {
    margin-bottom: 0.8em !important;
    position: relative;
}
.about-content-sec .sub_heading {
    text-transform: capitalize;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 34px;
    line-height: 1;
    letter-spacing: 1px;
    color: #000 !important;
    margin-bottom: 0;
}
.about-content-sec .main_heading, .beauty-industry_content .title {
    font-family: poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4!important;
    text-transform: capitalize;
}
.about-content-sec .body_text {
    line-height: 1.8;
}
.about-content-sec .custom__block-image-container {
    height: 100%;
    padding-top: 0px !important;
}
.about-content-sec img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.about-second-text .rich-text__blocks {
    max-width: 1200px;
    margin: 0px auto;
    width: 100%;
    padding: 50px;
}
.about-second-text .rich-text__text p {
    font-size: 24px;
    font-family: 'Poppins';
}
.melabebe-content-img {
    background-image: url('/cdn/shop/files/banner_img_-_Copy.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 680px;
    background-size: cover;
    background-position: center;
}
.melabebe-content-img .custom-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 90px 0px 0px;
}
.melabebe-content-img .custom__item-inner--text {
    padding-right: 21%;
}
.melabebe-content-img img {
    width: 100%;
    height: 100%;
}
.melabebe-content-img .custom__item-inner--image .custom__block-image-container {
    padding-left: 40px;
    padding-top: 0px !important;
}
.melabebe-content-img .text-left {
    padding: 66px 50px;
}
.melabebe-content-img .container-bg{
    width:90%!important;
    margin:auto!important;
}
.melabebe-content-img .text-left h2 {
    margin-bottom: 0px;
    font-size: 36px;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
}
.melabebe-content-img .text-left p {
    font-size: 22px;
    font-family: 'Poppins';
}
.melabebe-relation .multicolumn-list h3 {
    font-size: 30px;
    color: #129490;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
}
.melabebe-relation .multicolumn-card__info p {
    color: #000;
    font-size: 22px;
    font-family: 'Poppins';
    /* min-height: 130px; */
}
.melabebe-content .rich-text__text {
    font-size: 18px;
    font-family: 'Poppins';
    color: #129490;
    font-weight: 600;
}
.melabebe-content .rich-text__buttons a {
    background: #00CCA0;
    border-radius: 5px;
    padding: 10px 28px;
    border: 2px solid #00CCA0!important;
    margin-top: 15px;
    transition: all .5s;
    color: #fff;
    opacity: 1;
    box-shadow: none;
}
.melabebe-content .rich-text__buttons a:hover {
    background: transparent;
    color: #F37748;
}
.melabebe-content .rich-text__buttons a:after {
    box-shadow: none;
}
.melabebe-content p.rich-text__caption {
    position: relative;
    display: block;
    width: 110px;
    height: 3px;
    overflow: hidden;
    margin: 10px auto;
    background: #00CCA0;
}
.melabebe-content p.rich-text__caption::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #f8e1d0;
    border-right: 10px solid #f8e1d0;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

/*end About us*/

/* Contact us */

.contact-us .contact-address h2.title.h1 {
    font-family: 'Poppins';
    text-align: center;
    color: #129490;
}
.contact-us .contact-address .media.media--transparent {
    padding-bottom: 70px !important;
}
.contact-us .contact-address img.multicolumn-card__image {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
}
.contact-us .contact-address h3 {
    font-size: 24px;
    font-family: 'Poppins';
    text-transform: capitalize;
    color: #129490;
    font-weight: 600;
}
.contact-us .contact-address .multicolumn-card {
    background: #ffe586 !important;
    border-radius: 10px;
}
.multicolumn.contact-address .title-wrapper-with-link {
    justify-content: center;
}
.contact-us .contact button.button {
    font-size: 16px;
    background-color: #00CCA0;
    border: 2px solid #00CCA0;
    width: 20%;
    display: block;
    margin: 0px auto;
}
.contact-us .contact button.button:after {
    display: none;
}
.contact-us .contact button.button:hover {
    background-color: transparent;
    color: #F37748;
}
/* Contact us */

/* Product Detail */

.product .product__info-wrapper.grid__item {
    width: 50% !important;
    max-width: 50% !important;
}
.product .grid__item.product__media-wrapper {
    width: 50% !important;
    max-width: 50% !important;
}
.product .product__info-wrapper span.price-item.price-item--regular {
    color: #129490;
    font-family: 'Poppins';
    font-weight: 600;
}
.product .product__info-wrapper .product__title h1 {
    color: #129490;
    font-family: 'Poppins';
}
.product .product__info-wrapper .product-form__buttons button {
    background-color: #00CCA0;
    border: 2px solid #00CCA0;
    color: #fff;
    width: 50%;
}
.product .product__info-wrapper .product-form__buttons button:after {
    display: none;
}
.product .product__info-wrapper .product-form__buttons button:hover {
    background-color: transparent;
    color: #F37748;
}
.product .product__info-wrapper .product-form__buttons .shopify-payment-button {
    width: 50%;
}
.product-recommendations h2.product-recommendations__heading.h2 {
    color: #129490;
    font-size: 24px;
    font-family: 'Poppins';
    text-align: center;
}
.product-recommendations .card__information h3 {
    font-size: 16px;
    font-family: 'Poppins';
    min-height: 75px;
    color: #129490;
    line-height: 24px;
}
.product-recommendations .card__information {
    background-color: #ffe37e;
    padding: 20px 20px !important;
}
/* Product Detail End */

/* What Is Melanin */
.what-is-melanin-main .wide-banner-type-4 .wide-banner-type-4-block {
   padding: 220px 0;
}
#shopify-section-faqs-banner .wide-banner-type-4 .wide-banner-type-4-block{
	padding: 200px;
}
#shopify-section-faqs-banner .wide-banner-type-4 .small-icon{
	font-size:50px;
}
.what-is-melanin-banner .wide-banner-type-4-block{
	background-position: center;
}
.what-is-melanin-main .animated-line{
	display: none;
}
.what-is-melanin-fast-sec .container-bg .custom-content {
    padding: 80px 0;
    display: flex;
    align-items: center;
}
.what-is-melanin-fast-sec .custom-content .custom__item {
    width: 50%;
}
.what-is-melanin-fast-sec .text-left h2{
	margin: 0px!important;
}
.what-is-melanin-fast-sec .custom__block-body-text{
	margin:0;
}
.what-is-melanin-fast-sec .custom__block-heading-text{
	margin: 0;
	margin-bottom: 15px;
}
.what-is-melanin-fast-sec .custom__item--82a6103d-0712-4e56-943d-77ba1265248e{
  	padding-right:40px;
}
.what-is-melanin-fast-sec .custom__item-inner img{
	max-width: 75%;
	height: auto;
}
.what-is-melanin-fast-sec .custom__block-image{
	position: unset !important;
}
.what-is-melanin-fast-sec .custom__block-image-container{
	display: flex;
    justify-content: end;
}
.what-is-melanin-fast-sec .custom__block-body-html ul{
	list-style: auto;
}
.what-is-melanin-main.custom__block-body-html{
	font-family: poppins;
}
.what-is-melanin-fast-sec p{
	color: #462a26;
    line-height: 33px;
}
.what-is-melanin-fast-sec .custom__item-inner--text > div {
    max-width: 610px;
    width: 100%;
    margin: 0px auto;
    padding: 0;
}
.what-is-melanin-fast-sec img {
    outline: 10px solid #00CCA0;
    outline-style: double;
    outline-offset: -20px;
    padding: 25px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: #707e9e7f 8px 16px 32px -8px;
}
.what-is-melanin-main .custom__block-image-container{
	padding: 0 !important;
}
.what-is-melanin-second-sec .custom-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 80px 0px;
}
.what-is-melanin-second-sec .custom__item-inner--image{
	position: relative !important;
    text-align: center;
}
.what-is-melanin-second-sec .custom__item-inner.custom__item-inner--text {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
}
.what-is-melanin-second-sec .custom__block-body-text p{
	color: #462a26;
    line-height: 33px;
}
.what-is-melanin-second-sec .custom__block-image-container::before {
    content: "";
    border: 5px solid #6d300b;
    width: 70%;
    height: 80%;
    top: 50%;
    left: 50%;
    opacity: 20%;
    z-index: 1;
    transform: translate(-50%, -50%);
    position: absolute;
}
.what-is-melanin-second-sec .container-bg{
	background: radial-gradient(circle,#ffe1de 0,#ffcfca 100%);
}
.what-is-melanin-second-sec .custom-content .custom__item-inner--text > div {
    text-align: center;
}
.what-is-melanin-sec-title-text .rich-text__heading {
    font-size: 42px !important;
    font-family: 'Poppins';
    line-height: normal;
    color: #129490;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize!important;
    letter-spacing: 1px;
}
.what-is-melanin-sec-title-text .rich-text__wrapper .rich-text__blocks {
    margin: 0px auto;
    max-width: 1000px;
    width: 100%;
    padding: 0 0px;
}
.what-is-melanin-sec-title-text .rich-text__text p {
    font-size: 18px;
    font-family: 'Poppins';
}
.what-is-melanin-sec-title-text.rich-text {
    /* background: radial-gradient(circle,#fae4d5 0,#f0d2ba 100%); */
    background-color: #ffe1de !important;
}
.what-is-melanin-sec-post .container-bg .custom-content {
    /* background: radial-gradient(circle,#fae4d5 0,#f0d2ba 100%); */
    background-color: #ffe1de;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0px;
}
.what-is-melanin-sec-post .custom__block-body-text p {
    color: #462a26;
    line-height: 33px;
}
.what-is-melanin-sec-post .custom__block-image{
	position: unset !important;
}
.what-is-melanin-sec-post .custom__block-image {
    position: unset !important;
    outline: 10px double #00CCA0;
    outline-offset: -30px;
    border-radius: 50px;
    transition: .3s;
    height: auto;
    width: 100%;
}
.what-is-melanin-sec-post .custom__block-image{
	max-width: 75%;
}
.what-is-melanin-sec-post .custom__block-image-container {
    display: flex;
    justify-content: center;
}
.what-is-melanin-sec-post .custom__item-inner--text .text-center {
    text-align: center;
}
.what-is-melanin-sec-post .custom__item-inner.custom__item-inner--text {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
}
.what-is-melanin-sec-eczema .container-bg{
	background: radial-gradient(circle,#ffe1de 0,#ffcfca 100%);
	/*background-color: #f7ebe0;*/
}
.what-is-melanin-sec-eczema .container-bg .custom-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0px;
}
.what-is-melanin-sec-eczema .custom__item-inner--text .text-center {
    text-align: center;
}
.what-is-melanin-sec-eczema .custom__block-body-text p {
    color: #462a26;
    line-height: 33px;
}
.what-is-melanin-sec-eczema .custom__item-inner.custom__item-inner--text {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
}
.what-is-melanin-sec-eczema .custom__block-image{
	border: 15px solid #fff;
}
.what-is-melanin-sec-eczema .text-left .custom__block-body-text{
	margin: 0 auto;
}
.what-is-melanin-sec-eczema .custom__block-image{
	max-width: 80%;
	position: unset;
}
.what-is-melanin-sec-eczema .custom__block-image-container{
	display: flex;
	justify-content: center;
}
.what-is-melanin-main .custom__block-heading-text{
	margin: 0 auto;
	font-family: poppins;
	margin-bottom: 15px;
	max-width: 700px;
	text-transform: capitalize;
}
.what-is-melanin-main .custom__item-inner .custom__block-heading-text {
    padding: 0!important;
    font-family: poppins;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize!important;
}
.what-is-melanin-main .wide-banner-type-4-content .small-icon {
    font-family: poppins;
    font-size: 42px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize!important;
    text-align: center;
}
.what-is-melanin-main p {
    font-size: 18px;
}
/* End What Is Melanin */

/* Our Ingredients */
.ingredients-banner .wide-banner-type-4-block {
    background-position: center;
    background-attachment: fixed;
    padding: 15% 0;
    position: relative;
}
.ingredients-banner .wide-banner-type-4-content {
    text-align: center;
}
.ingredients-banner .wide-banner-type-4-block::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
}
.ingredients-banner .small-icon {
    margin-bottom: 0!important;
    text-transform: capitalize;
    font-family: 'Dancing Script',cursive;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    letter-spacing: 1px;
}
.ingredients-banner h2 {
    padding: 0!important;
    font-family: poppins;
    font-size: 44px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.4!important;
}
.ingredients-items_sec h2.title {
    text-align: center;
    font-size: 44px;
    font-family: Poppins;
    text-transform: none;
    color: #129490;
    line-height: 50px;
    position: relative;
}
.ingredients-items_sec h2.title:after {
    content: "";
    position: absolute;
    /* top: 0px; */
    background-image: url('/cdn/shop/files/Artboard_1.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 20px;
    bottom: -32px;
    left: 0px;
    right: 0px;
    text-align: center;
    display: block;
    margin: 0px auto;
}
.ingredients-items_sec p.sub-text {
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins';
    text-transform: none;
    margin: 40px auto;
    color: #00CCA0;
}
.ingredients-items_sec ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin-bottom: 50px;
}
.ingredients-items_sec ul li {
    width: 33.33%;
}
.ingredients-items_sec .multicolumn-list h3 {
    color: #129490;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Poppins';
}
.ingredients-items_sec ul li img {
    width: 100%;
    border-radius: 0 !important;
}
.ingredients-items_sec {
    background-image: url('/cdn/shop/files/new-new-h1-bacground-img-3.jpg') !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
    background-size: cover;
}
/* End Our Ingredients */

/* Faqs */

.faqs-main .page-width--narrow {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: block;
}

.faqs-main h1.main-page-title {
    font-size: 44px;
    color: #129490;
    font-family: 'Poppins';
    /* font-weight: 600; */
    text-align: center;
}
.faqs-main .tab-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1em;
    font-weight: 700;
    color: #fff;
    background-color: #EFC11A;
    border: 0px !important;
}

.faqs-main .faq-description {
  margin-top: 2em;
  margin-bottom: 2em;
}

.faqs-main .faq-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.faqs-main .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.faqs-main .tab-content {
  max-height: 0;
  padding: 0 1em;
  background-color: white;
  transition: all 0.5s ease;
  color: black;
}

.faqs-main .tab-content p {
  margin: 0;
}

.faqs-main .faq-checkbox:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.faqs-column .multicolumn-list h3 {
    color: #129490;
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 600;
}

/* End Faqs */

/* Shop */

.collection .product-grid li .card__content a {
    color: #129490;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 600;
    text-align: center;
    min-height: 70px;
    text-decoration: none;
}
.collection .product-grid .grid__item {
    padding: 0 20px;
}
.collection .product-grid .card-information .price {
    font-size: 16px;
    font-family: 'Poppins';
    text-align: center;
}
.collection .product-grid li .quick-add {
    max-width: 180px;
    width: 100%;
    margin: 0px auto 10px;
    padding: 0px;
    text-align: center;
}
.collection .product-grid .grid__item .card__content {
    padding: 20px 40px;
}
.collection .product-grid li .card__content button {
    background-color: #00CCA0;
    border: 2px solid #00CCA0 !important;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
.collection .product-grid li .card__content button:hover {
    background-color: transparent;
}
.collection .product-grid li .card__content button:after {
    box-shadow: none !important;
}
.collection .product-grid li .card-wrapper {
    background-color: #ffdf6c;
    border: 1px solid #00CCA0;
}
.collection-hero__inner .collection-hero__title {
    font-family: 'Poppins';
    text-align: center;
    color: #129490;
    font-size: 44px;
    margin-bottom: 0px;
}
/* Shop */

/* Blog */
.main-blog h1.title--primary {
    text-align: center;
    margin: 0px 0 30px;
    font-size: 44px;
    font-family: 'Poppins';
    color: #129490;
}
.main-blog .blog-articles {
    width: 100%;
    grid-template-columns: repeat(3, 1fr) !important;
}
.main-blog .article-card .card__heading {
    font-size: 20px;
    color: #129490;
    font-weight: 600;
    min-height: 60px;
    font-family: 'Poppins';
}
.main-blog .article-card .card__heading a {
    text-decoration: none;
}
.main-blog .card > .card__content {
    background-color: #ffdf6c;
}
.main-blog .card > .card__content p.article-card__excerpt.rte-width {
    font-size: 16px;
    font-family: 'Poppins';
    color: #000;
}
.main-blog .pagination-wrapper .pagination__item {
    color: #000;
    background-color: #EFC11A;
}

/* Blog End */

/* Cart */

#cart .cart__items .cart-items thead {
    background-color: #000;
    color: #fff;
}
#cart .cart__items .cart-items thead th {
    padding: 20px;
    font-size: 14px;
    font-family: 'Poppins';
}
.cart__footer .cart__blocks  button#checkout {
    background-color: #00CCA0;
    border: 2px solid #00CCA0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins';
}
.cart__footer .cart__blocks  button#checkout:after {
    display: none;
}
.cart__footer .cart__blocks button#checkout:hover {
    background-color: transparent;
    color: #F37748;
}
.cart__footer {
    margin-bottom: 60px;
}
#cart .cart-item .cart-item__quantity {
    padding-left: 2rem;
}
#cart .cart__items .cart-items a.cart-item__name.h4.break {
    font-family: 'Poppins';
    color: #129490;
    font-weight: 600;
}
#cart .cart__items .cart-items .price.price--end {
    color: #129490 !important;
    font-weight: 600;
}
.cart__footer .totals__subtotal-value {
    color: #129490;
    font-weight: 600;
}
#cart .cart__items .cart-items .price.price--end.cart-item__old-price {
    color: #000 !important;
}
.cart__warnings a.button {
    background-color: #00CCA0;
    border: 2px solid #00cca0;
    color: #fff;
    font-family: 'Poppins';
}
.cart__warnings a.button:after {
    display: none;
}
.cart__warnings a.button:hover {
    background-color: transparent;
    color: #F37748;
}
/* Cart */

/* Sitemap */

#sitemapper h1 {
    font-size: 36px;
    font-family: 'Poppins';
    text-align: center;
    color: #129490;
}

#sitemapper ul.sitemapper-list a {
    color: #129490;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 600;
}
#sitemapper p > small {
    display: none;
}

/* Blog Detail */

.article-template .page-width.page-width--narrow {
    max-width: 130rem;
}
.article-template header.page-width.page-width--narrow h1.article-template__title {
    color: #129490;
    font-size: 36px;
    font-weight: 600;
    font-family: 'Poppins';
}
.article-template .article-template__content h2,
.article-template .article-template__content h3 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #129490;
    margin-bottom: 0;
}

/* Blog Detail end  */

/* Responsive View */
@media (max-width: 1440px) { 
    .banner .slideshow__media {
        height: 800px !important;
    }
    .banner .slider__slide {
        height: 800px;
    }
    slideshow-component .slideshow__text.banner__box {
        top: -13%!important;
    }
    .featured-products_sec .featuredItems .ovrly31 {
        height: 500px;
    }
    .featured-products_sec img {
        height: 500px;
    } 
    .melabebe-ingredients .aloe-vera-round {
        left: -2%;
        top: 20%;
    }
    .melabebe-ingredients .shea-butter-round {
        top: 27%;
        left: 3%;
    }
    .melabebe-ingredients .safflower-round {
        left: 48%;
        top: -66%;
    }
    .melabebe-ingredients .vitamin-round {
        top: 30%;
        left: -6%;
    }
    .melabebe-ingredients .jojoba-oil-box .popup-round {
        left: -3%;
        top: 40%;
    }
    .melabebe-ingredients .honey-round {
        left: -12%;
        top: 40%;
    }

    /* What is Melanin  */
    .what-is-melanin-fast-sec .custom__item-inner--text > div {
        max-width: 500px;
    }
    .what-is-melanin-second-sec .custom__block-image-container::before {
        width: 80%;
    }

    /* About us */
    .about-content-sec .text-left {
        padding: 0px 31px!important;
    }
    .about-1-contain .rich-text__text p {
        font-size: 20px;
    }
    .about-content-sec p {
        font-size: 18px;
    }
    .about-content-sec .custom-content {
        padding: 65px 0 65px;
    }
    .about-second-text .rich-text__text p {
        font-size: 20px;
    }
    .melabebe-content-img .custom__item-inner--text {
        padding-right: 0%;
    }
    .melabebe-content-img .text-left p {
        font-size: 20px;
    }
    .about-hero-banner .wide-banner-type-4-block {
        padding: 292px 0;
    }
    .melabebe-content-img .text-left h2 {
        font-size: 28px;
    }
    .melabebe-content-img .text-left {
        padding: 46px 50px;
    }
    .melabebe-relation .multicolumn-card__info p {
        font-size: 18px;
    }
    .melabebe-relation .multicolumn-list h3 {
        font-size: 26px;
    }
    .about-content-sec .text-left h2 {
        font-size: 36px;
    }
}
@media (max-width: 1199.98px) {
    .header .list-menu li {
        padding: 0 5px;
    }
    .header .list-menu li .header__menu-item {
        font-size: 16px;
    }
    slideshow-component .slideshow.banner {
        min-height: 64rem !important;
    }
    .videoBackground .videoBox.home-video {
        min-height: 410px !important;
        height: 100%;
    }
    slideshow-component .slideshow__text-wrapper.banner__content h2 {
        font-size: 48px;
    }
    .banner .slider__slide {
        height: 550px;
    }
    .banner .slideshow__media {
        height: 550px !important;
    }
    slideshow-component .slideshow__text.banner__box {
        top: -19%!important;
    }
    .videoBackground {
        margin-top: 0px;
    }
    .we-covered_sec .image-with-text__content h2 {
        font-size: 30px;
    }
    .featured-products_sec .border-title h2 {
        font-size: 36px;
    }
    .featured-products_sec .featured-content h3 {
        font-size: 27px;
    }
    .featured-products_sec img {
        height: 420px;
    }
    .featured-products_sec .featuredItems .ovrly31 {
        height: 420px;
    }
    .product-section .multicolumn-list li {
        padding: 0px 0px;
    }
    .product-section .title-wrapper-with-link h2.title.h1 {
        font-size: 38px;
    }
    .product-section .multicolumn-card h3 {
        min-height: 150px;
    }
    .melabebe-sec-content {
        padding: 20% 10px 18%;
    }
    .melabebe-ingredients .vitamin-round {
        left: -26%;
    }
    .melabebe-ingredients .jojoba-oil-box .popup-round {
        left: -18%;
    }
    .melabebe-ingredients .honey-round {
        left: -25%;
    }
    .ingredients-icons .icon-section, .ingredients-icons .icon-section .icon {
        margin: 0px 10px;
    }
    .ingredients-icons .icon-section a {
        width: 150px;
    }
    .customer-love-bottom img, .customer-love-top img {
        height: 210px;
    }

    .footer .footer-block__details-content p {
        font-size: 15px;
    }
    .footer .footer-block li a {
        font-size: 16px!important;
    }
    .footer h2.footer-block__heading {
        font-size: 18px;
    }

    /* What is melanin  */
    .what-is-melanin-main .wide-banner-type-4 .wide-banner-type-4-block {
        padding: 170px 0;
    }
    .what-is-melanin-fast-sec .custom__block-image-container {
        justify-content: center;
    }
    .what-is-melanin-sec-title-text .rich-text__heading {
        font-size: 34px !important;
    }

    /* Our Ingredients */
    .ingredients-items_sec h2.title {
        font-size: 40px;
    }

    /* Faqs */
    .faqs-main .page-width--narrow {
        max-width: 940px;
    }

    /* About us */
    .about-hero-banner .wide-banner-type-4-content h4 {
        font-size: 62px;
    }
    .about-hero-banner .wide-banner-type-4-block {
        padding: 260px 0;
    }
    .about-content-sec .text-left h2 {
        font-size: 34px;
    }
    .about-content-sec p {
        font-size: 16px;
    }
    .about-content-sec .text-left {
        padding: 0px 0px!important;
        margin-left: 40px;
    }
    .melabebe-content-img .custom-content {
        padding: 50px 0px;
    }
    .about-content-sec .custom-content {
        padding: 35px 0 35px;
    }
    .about-second-text .rich-text__blocks {
        padding: 25px;
    }
    .about-second-text .rich-text__text p {
        font-size: 18px;
    }
    .melabebe-content-img .text-left {
        padding: 20px 20px;
    }
    .melabebe-content-img {
        height: 520px;
    }
    .melabebe-relation .multicolumn-card__info p {
        font-size: 18px;
    }
    .melabebe-relation .multicolumn-list h3 {
        font-size: 26px;
    }

    /* Shop */
    .collection .product-grid li .card__content a {
        min-height: 100px;
    }
    .collection .product-grid .grid__item {
        margin-bottom: 30px;
    }

    /* Product Details  */
    .product .product__info-wrapper .product__title h1 {
        font-size: 35px;
    }
    .product-recommendations .card__information h3 {
        min-height: 98px;
    }
}
@media (max-width: 991.98px) {
    .header .header__heading {
        width: 60%;
    }
    .header .header__icons {
        width: 60%;
        justify-content: flex-end;
    }
    slideshow-component .slideshow__text .banner__text span {
        font-size: 26px;
    }
    .banner-heading h4 {
        font-size: 24px;
    }
    .banner-heading h2 {
        font-size: 42px;
        line-height: 50px;
    }
    .videoBackground .videoBox.home-video {
        min-height: 370px !important;
        height: 100%;
    }
    .we-covered_sec .image-with-text__content p {
        font-size: 16px;
    }
    slideshow-component .slideshow.banner {
        min-height: 61rem !important;
    }
    slideshow-component .slideshow__text-wrapper.banner__content h2 {
        font-size: 40px;
    }
    .videoBackground .videoBox.home-video:after {
        left: 6.5%;
        top: -6%;
    }
    .videoBackground .videoBox.home-video:before {
        bottom: -8%;
        right: 6.5%;
    }
    .we-covered_sec .image-with-text__content h2 {
        font-size: 22px;
    }
    .we-covered_sec .image-with-text__content {
        padding: 2rem 0rem 2rem 4rem;
    }
    .we-covered_sec .image-with-text__media img {
        border-radius: 0 0 70px 0;
    }
    .featured-in-section h2.custom-content__section-header.text-center {
        font-size: 42px;
        margin-top: 40px;
    }
    .featured-products_sec .border-title h2 {
        font-size: 27px;
    }
    .featured-products_sec .featured-content h3 {
        font-size: 20px;
    }
    .featured-products_sec .featuredItems .ovrly31 {
        height: 370px;
    }
    .featured-products_sec img {
        height: 370px;
    }
    .product-section .multicolumn-card h3 {
        min-height: 190px;
    }
    .product-section .multicolumn-list li.grid__item {
        width: 32%;
        max-width: 32%;
    }
    .product-section .title-wrapper-with-link h2.title.h1 {
        font-size: 30px;
    }
    .product-section .page-width {
        padding: 0px 20px;
    }
    .product-section .multicolumn-list .multicolumn-card__image-wrapper {
        margin: 0;
    }
    .melabebe-sec-content .sub-heading, .Ingredients-content_sec .sub-heading {
        margin-top: 0;
    }
    .melabebe-sec-content ul.options li, .Ingredients-content_sec .list-of ul li {
        font-size: 16px;
    }
    .melabebe-sec-content {
        padding: 5% 10px 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .melabebe-sec .custom__item-inner--image img {
        object-fit: cover;
        width: 100%;
        height: 698px;
        max-width: 100%;
    }
    .melabebe-ingredients .title-text h2 {
        font-size: 36px;
    }
    .melabebe-ingredients .safflower-round {
        left: 35%;
        top: -56%;
    }
    .melabebe-ingredients .popup-round h3 {
        font-size: 16px;
    }
    .melabebe-ingredients .popup-round p {
        font-size: 14px;
    }
    .melabebe-ingredients .popup-round {
        width: 190px;
        padding: 45px 15px;
    }
    .melabebe-ingredients .aloe-vera-round {
        left: 32%;
        top: -30%;
    }
    .melabebe-ingredients .water-box .popup-round {
        left: -29%;
        top: 12%;
    }
    .melabebe-sec .container-bg .custom-content {
        align-items: center;
    }
    .Ingredients-content_sec {
        margin-top: 30px;
    }
    .Ingredients_sec .custom__item .custom__item-inner--image {
        padding: 0px 20% 0 0;
    }
    .ingredients-icons .grid__item .wide--one-quarter {
        width: 33.33%;
    }
    .ingredients-icons .icon-section {
        margin: 0px 10px 20px;
    }
    .ingredients-icons .icon-section img {
        width: 52% !important;
    }
    .ingredients-icons .icon-section a {
        width: 200px;
        padding: 15px 5px 15px;
    }
    .ingredients-icons .icon-section span {
        font-size: 14px;
    }
    .customers-love-melabebe h2.rich-text__heading {
        font-size: 31px;
    }
    .company-info .multicolumn-list h3 {
        font-size: 18px;
    }
    .company-info ul li .multicolumn-card p {
        font-size: 16px;
    }
    .company-info .grid__item {
        width: 100%;
        max-width: 49% !important;
    }
    .footer__content-top .grid {
        height: 300px;
    }
    .footer .footer__content-top {
        flex-direction: column;
    }
    .footer .footer__blocks-wrapper {
        width: 100%;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item {
        width: 24%;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) {
        width: 13%;
    }
    .footer .footer-block--newsletter {
        width: 100%;
        margin-top: 0px;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) {
        width: 16%;
    }
    .footer .footer-block li a {
        font-size: 15px!important;
        padding: 5px 0px;
    }
    .footer .footer__blocks-wrapper .footer-block__details-content {
        padding-right: 0px;
    }

    /* What is melanin  */
    .what-is-melanin-fast-sec .container-bg .custom-content,
    .what-is-melanin-sec-post .container-bg .custom-content {
        flex-direction: column;
    }
    .what-is-melanin-sec-eczema .container-bg .custom-content,
    .what-is-melanin-second-sec .container-bg .custom-content {
        flex-direction: column-reverse;
    }
    .what-is-melanin-fast-sec .container-bg .custom-content .custom__item,
    .what-is-melanin-second-sec .container-bg .custom-content .custom__item,
    .what-is-melanin-sec-post .container-bg .custom-content .custom__item,
    .what-is-melanin-sec-eczema .container-bg .custom-content .custom__item {
        max-width: 100%;
        width: 100%;
        padding: 0px 10px 30px;
    }
    .what-is-melanin-fast-sec .custom__item-inner--text > div {
        max-width: 570px;
    }
    .what-is-melanin-sec-title-text .rich-text__heading {
        font-size: 28px !important;
    }

    /* Our Ingredients */
    .ingredients-items_sec h2.title {
        font-size: 32px;
    }

    /* Faqs */
    .faqs-main h1.main-page-title {
        font-size: 36px;
    }

    /* About us */
    .about-hero-banner .wide-banner-type-4-content h4 {
        font-size: 50px;
    }
    .about-hero-banner .wide-banner-type-4-block {
        padding: 200px 0;
    }
    .about-hero-banner .wide-banner-type-4-content h2 {
        font-size: 36px;
    }
    .about-1-contain .rich-text__text p {
        font-size: 18px;
    }
    .about-1-contain.section-about-text-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .about-content-sec .text-left {
        margin-left: 25px;
    }
    .about-content-sec img {
        height: 570px;
    }
    .melabebe-content-img {
        height: 460px;
    }
    .about-second-text .rich-text__blocks {
        padding: 0px;
    }
    .melabebe-content-img .text-left p {
        font-size: 16px;
    }
    .about-second-text .rich-text__text p {
        font-size: 15px;
    }
    .melabebe-content-img .text-left h2 {
        font-size: 20px;
    }
    .melabebe-relation .grid--1-col-tablet-down .grid__item {
        width: 49%;
        max-width: 49%;
        margin-bottom: 20px;
    }

    /* Shop */
    .collection-hero__inner .collection-hero__title {
        font-size: 38px;
    }
    .collection .product-grid .grid__item {
        width: 49%;
        max-width: 49%;
    }
    .product .product__info-wrapper .product-form__buttons button {
        width: 100%;
    }
    .product .product__info-wrapper .product-form__buttons .shopify-payment-button {
        width: 100%;
    }

    /* Blog  */
    .main-blog .blog-articles {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .amin-blog .article {
        margin-bottom: 10px;
    }

    /* Default Page */
    .default-page-class h1.main-page-title {
        font-size: 34px;
    }

    /* Product Detail */
    .product .product__info-wrapper.grid__item {
        padding: 0 0 0 2rem;
    }
    .product .product__info-wrapper .product__title h1 {
        font-size: 24px;
    }
}
@media (max-width: 767.98px) {
    slideshow-component .banner .slideshow.banner {
        padding: 0px 0 0 !important;
    }
    .videoBackground {
        padding: 0px 20px;
    }
    .videoBackground .home-video .fullscreen-video-wrap{
        max-width:100%;
    }
    .banner-heading h2 {
        font-size: 34px;
        line-height: 43px;
    }
    .banner-heading h4 {
        font-size: 20px;
    }
    slideshow-component .banner .slideshow__text-wrapper.banner__content h2 {
        font-size: 40px;
        color: #fff;
        line-height: normal;
    }
    slideshow-component .slideshow__text .banner__text span {
        font-size: 17px;
    }
    slideshow-component .banner .slideshow__text.banner__box {
        position: inherit !important;
        top: auto !important;
        padding: 20px 10px;
    }
    slideshow-component .slideshow.banner {
        padding: 0px 0 0 !important;
    }
    .banner .slider__slide {
        height: 450px;
    }
    .banner .slideshow__media {
        height: 450px !important;
    }
    .banner .slideshow__media img {
        object-fit: fill;
    }
    .banner .slideshow__slide {
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .videoBackground .videoBox {
        margin-top: 60px;
    }
    slideshow-component .slideshow.banner {
        min-height: 44rem !important;
    }
    slideshow-component .banner .slideshow__text.banner__box {
        position: absolute !important;
        top: 0% !important;
        padding: 80px 0px;
        bottom: 0;
        background-color: transparent;
        left: 20px;
    }
    .videoBackground .videoBox.home-video {
        min-height: 320px !important;
    }
    .videoBackground .fullscreen-video-wrap .video-js {
        object-fit: fill !important;
    }
    .videoBackground .videoBox.home-video:after {
        top: -6%;
        left: -4.5%;
        width: 120px;
        height: 120px;
    }
    .videoBackground .videoBox.home-video:before {
        bottom: -6%;
        right: -4.5%;
        width: 120px;
        height: 120px;
    }
    .we-covered_sec {
        margin-top: 40px !important;
    }
    .we-covered_sec .image-with-text__content {
        padding: 2rem 0rem 0rem 0rem;
    }
    .featured-products_sec .border-title h2 {
        font-size: 25px;
    }
    .featured-products_sec .grid-uniform.featuredItems {
        display: flex;
        flex-direction: column;
    }
    .featured-products_sec .featuredItems li.grid__item {
        width: 100%;
        max-width: 100%;
    }
    .product-section .title-wrapper-with-link h2.title.h1 {
        font-size: 26px;
    }
    .product-section .multicolumn-list li.grid__item {
        width: 100%;
        max-width: 100%;
    }
    .product-section .multicolumn-card h3 {
        min-height: 80px;
    }
    .melabebe-ingredients .background-color {
        padding: 60px 0 120px;
    }
    .animated-line {
        margin: 0 auto 0px;
    }
    .melabebe-sec .wide--two-thirds {
        width: 100% !important;
        max-width: 100% !important;
    }
    .melabebe-sec .container-bg .custom-content {
        flex-direction: column;
    }
    .melabebe-sec .wide--one-third {
        width: 100% !important;
        max-width: 100% !important;
    }
    .melabebe-sec .custom__item-inner--image img {
        object-fit: cover;
        width: 100%;
        height: 498px;
        max-width: 100%;
    }
    .melabebe-sec-content {
        padding: 14% 10px 14%;
        flex-direction: column;
    }
    .melabebe-sec .wide--two-thirds {
        width: 100% !important;
        max-width: 100% !important;
    }
    .melabebe-sec .wide--one-half {
        width: 100% !important;
        max-width: 100% !important;
    }
    .melabebe-sec .container-bg .custom-content .custom__item:nth-child(3) {
        order: 4;
    }
    .melabebe-ingredients .popups-wrapper {
        padding: 0px 0;
        display: flex;
        flex-direction: column;
    }
    .melabebe-ingredients .popups-wrapper {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .melabebe-ingredients .popups-box {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        margin: 0px 0px 30px;
    }
    .melabebe-ingredients .title-text h2 {
        font-size: 30px;
    }
    .melabebe-ingredients .water-box {
        left: -2%;
        top: 35px;
    }
    .melabebe-ingredients .shea-butter-box {
        left: -14%;
        top: 54px;
    }
    .melabebe-ingredients .aloe-vera-box {
        left: -14%;
        top: 56px;
    }
    .melabebe-ingredients .jojoba-oil-box {
        top: 60px;
        left: -16%;
    }
    .melabebe-ingredients .safflower-oil-box {
        top: 74px;
        left: -14%;
    }
    .melabebe-ingredients .vitamin-e-box {
        left: -14%;
        top: 60px;
    }
    .melabebe-ingredients .honey-box {
        left: -14%;
        top: 50px;
    }
    .melabebe-ingredients .safflower-round {
        left: 5%;
        top: 24%;
    }
    .melabebe-ingredients .vitamin-round {
        left: 7%;
        top: 21%;
    }
    .melabebe-ingredients .jojoba-oil-box .popup-round {
        left: 7%;
        top: 27%;
    }
    .melabebe-ingredients .honey-round {
        left: 2%;
        top: 17%;
    }
    .melabebe-ingredients .aloe-vera-round {
        left: 2%;
        top: 18%;
    }
    .melabebe-ingredients .water-box .popup-round {
        left: 4%;
        top: 12%;
    }
    .Ingredients_sec .custom__item .custom__item-inner--image {
        padding: 0px 0% 0 0px;
    }
    .Ingredients_sec .custom__item {
        width: 100%;
        max-width: 100%;
    }
    .Ingredients_sec .custom-content {
        flex-direction: column;
    }
    .Ingredients_sec .custom__item-inner.custom__item-inner--html {
        margin: 0px 0px 0px 0%;
        padding: 30px 10px;
    }
    .Ingredients-content_sec {
        margin-top: 0px;
    }
    .featured-in-section h2.custom-content__section-header.text-center {
        margin-bottom: 15px!important;
        font-size: 35px;
        margin-top: 20px;
    }
    .ingredients-icons .icon-section a {
        width: 150px;
        padding: 15px 5px 15px;
    }
    .ingredients-icons .icon-section {
        margin: 0px 0px 20px;
    }
    .ingredients-icons .grid__item .wide--one-quarter {
        width: 50%;
    }
    .ingredients-icons .parallax {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .customers-love-melabebe h2.rich-text__heading {
        font-size: 26px;
    }
    .customer-love-top .grid__item, .customer-love-bottom .grid__item {
        width: 47%;
        max-width: 47%;
        margin-right: 1%;
    }
    .company-info ul {
        max-width: 320px;
        width: 100%;
        margin: 0px auto;
        padding: 0px 0px;
        text-align: center;
    }
    .company-info ul li .multicolumn-card img.multicolumn-card__image {
        width: 100px !important;
        height: 60px !important;
    }
    .company-info ul li .multicolumn-card__image-wrapper {
        width: 25%;
        margin: 0px !important;
    }
    .company-info ul li .multicolumn-card {
        justify-content: left;
    }
    .company-info .grid__item {
        width: 100%;
        max-width: 100% !important;
    }
    .company-info ul li .multicolumn-card .multicolumn-card__info {
        padding: 10px 10px;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) {
        width: 100%;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item {
        width: 100%;
    }
    .footer .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) {
        width: 100%;
    }
    .footer__content-top .grid {
        height: 100%;
    }

    /* What is melanin  */
    .what-is-melanin-main .wide-banner-type-4-content .small-icon {
        font-size: 34px;
    }
    .what-is-melanin-main .wide-banner-type-4 .wide-banner-type-4-block {
        padding: 120px 0;
    }
    .what-is-melanin-second-sec .custom__item-inner--image img {
        width: 300px;
    }
    .what-is-melanin-main .custom__item-inner .custom__block-heading-text {
        font-size: 24px;
    }
    .what-is-melanin-sec-title-text .rich-text__heading {
        font-size: 23px !important;
    }
    .what-is-melanin-second-sec .custom__block-image-container::before {
        width: 90%;
    }
    .what-is-melanin-sec-post .custom__block-image {
        max-width: 91%;
    }
    .what-is-melanin-fast-sec .custom__item-inner img {
        max-width: 90%;
    }

    /* Our Ingredients */
    .ingredients-items_sec h2.title {
        font-size: 26px;
    }
    .ingredients-banner h2 {
        font-size: 32px;
    }
    .ingredients-banner .wide-banner-type-4-block {
        padding: 22% 0 31%;
    }

    /* Faqs */
    .faqs-main h1.main-page-title {
        font-size: 30px;
    }

    /* About us */
    .about-hero-banner .wide-banner-type-4-content h2 {
        font-size: 20px;
    }
    .about-hero-banner .wide-banner-type-4-content h4 {
        font-size: 40px;
    }
    .about-content-sec .custom__item-inner--text {
        margin-right: 0%;
        margin-left: 0%;
    }
    .about-content-sec .custom-content {
        flex-direction: column;
    }
    .about-content-sec .custom-content .custom__item {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
    }
    .melabebe-content-img .custom-content {
        flex-direction: column-reverse;
    }
    .melabebe-content-img .custom__item-inner--text {
        padding-right: 0%;
    }
    .melabebe-content-img .custom__item-inner--image .custom__block-image-container {
        padding-left: 0px;
    }
    .melabebe-content-img .custom-content .custom__item {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .about-second-text.section-about-second-text-padding {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .melabebe-relation .section-about-melabebe-relation-padding {
        padding-bottom: 0px;
    }
    .melabebe-content-img {
        height: 400px;
    }
    .melabebe-content-img .text-left {
        padding: 20px 10px 0;
    }
    .melabebe-relation .grid--1-col-tablet-down .grid__item {
        width: 100%;
        max-width: 100%;
    }
    .melabebe-relation .multicolumn-card .multicolumn-card__info {
        flex-direction: column;
        margin: 0px 0px;
    }
    .melabebe-relation .multicolumn-list h3 {
        font-size: 22px;
    }
    .melabebe-content-img .custom-content {
        padding: 15px 0px;
    }
    .about-content-sec .text-left {
        margin-left: 0px;
    }
    .about-1-contain .rich-text__text p {
        font-size: 16px;
    }

    /* Shop */
    .collection-hero__inner .collection-hero__title {
        font-size: 30px;
    }
    .collection .product-grid .grid__item {
        width: 100%;
        max-width: 100%;
    }
    
    /* Blog */
    .main-blog .article {
        margin-bottom: 20px;
    }
    .main-blog .blog-articles {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    /* Default Page  */
    .default-page-class h1.main-page-title {
        font-size: 30px;
    }

    /* Product Detail */
    .product .product__info-wrapper.grid__item {
        width: 100% !important;
        max-width: 100% !important;
    }
    .product .grid__item.product__media-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
    .product .product__info-wrapper.grid__item {
        padding: 0px 0 0 0rem;
    }
    .product-recommendations .card__information {
        padding: 20px 10px !important;
    }
    .product-recommendations .card__information h3 {
        font-size: 14px;
    }
    
    /* Blog Detail */
    .article-template header.page-width.page-width--narrow h1.article-template__title {
        font-size: 26px;
    }
    .article-template .article-template__content h2, .article-template .article-template__content h3 {
        font-size: 20px;
    }
  
    /* Default page */
    .default-page-class .rte p a span {
        font-size: 13px;
    }
}
@media (max-width: 320px) {
    .ingredients-icons .icon-section a {
        width: 135px;
    }

    /* Product Detail  */
    .product .product__info-wrapper .product-form__buttons {
        flex-direction: column;
    }
    .product .product__info-wrapper .product-form__buttons button {
        width: 100%;
    }
    .product .product__info-wrapper .product-form__buttons .shopify-payment-button {
        width: 100%;
    }
}