/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


div#popmake-229 h2 {
    font-family: 'Agraham';
    font-size: 35px;
    line-height: 68px;
    margin-bottom: 40px;
}
.for-mob img {
    display: none;
}
div#header-outer.small-nav a#logo img {
    height: 120px;
}

#header-outer[data-header-resize="1"] #top #logo {
    transition: all 1s !important;
}

div#header-outer.small-nav #top .col.span_3 {
    background: unset;
}

div#header-outer a#logo img{
    transition: all 1s !important; 
}
.pum-theme-220 .pum-container, .pum-theme-lightbox .pum-container {
    border: unset;
    box-shadow: unset;
}
div#flavr-row img {
    transform: scale(1.3);
}
.pum-theme-220, .pum-theme-lightbox {
    background-color: #ffffff5e;
    backdrop-filter: blur(10px);
}
div#header-outer.small-nav {
    background: #ddd;
    backdrop-filter: blur(20px);
}
div#best-seller .product-slide a {
    text-align: center;
}

div#best-seller .product-slide a img {
    display: block;
    margin: auto;
}
div#header-outer.small-nav header#top nav ul li a span {
    color: #000;
}
div#popmake-229 h2 strong {
    background: linear-gradient(45deg, #7B2F85, #DD3C77);
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    display: inline-block;
}

div#popmake-229 h2, div#popmake-229 p {
    text-align: center !important;
}

div#popmake-229 .form p {
    text-align: left !important;
}

div#popmake-229 {
    background-image: url(https://stagingwebdes.com/yogik/wp-content/uploads/2026/01/image-45.png);
    padding: 70px 70px;
    border: unset;
}

div#popmake-229 figure.wp-block-image.size-large.is-resized {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

div#popmake-229 input.wpcf7-submit {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    padding: 11px 20px;
}

/* background  */

/* Header and hero section css start  */

h1 {
    font-family: Agraham !important;
    font-weight: 200 !important;
    font-size: 66px !important;
    line-height: 80px !important;
    color: #fff;
}


a#cta-btn {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}

a#cta-btn:hover {
    transform: unset !important;
    box-shadow: unset !important;
    opacity: 1;
}
h2, p, h5 {
    color: #000000 !important;
}
div#header-secondary-outer {
    border: unset;
    background: #275c52;
}

body #header-secondary-outer .nectar-center-text {
    color: #fff;
}
ul.sub-menu li a span {
    color: #000 !important;
}

ul.sub-menu li:hover a span {
    color: #fff !important;
}
#header-secondary-outer .nectar-center-text a.cta-btn {
    padding: 10px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: underline;
}
#top .col.span_3 {
    background: #D9D9D9;
    border-radius: 0 0 100px 100px;
    padding: 0px 10px;
}
header#top nav ul li a span{
	  color: #000;
}
header#top nav ul li a span:after {
    display: none !important;
}
div#header-outer.transparent header#top ul li a span {
    color: #fff;
}
li#menu-item-19 a {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
	  color: #fff;
}
li#menu-item-19 a span{
	 color: #fff !important;
}
.nectar-post-grid-item .inner {
    background: #E6E6E6 !important;
    min-height: 450px;
    border-radius: 20px !important;
    overflow: hidden;
    padding: 0 0 30px 0;
}
div#blogs h2 {
    font-family: 'Agraham' !important;
}
/* Header and hero section css end  */
div#best-seller  .text-white h5 {
    color: #ffffff !important;
}



/* Product section start  */

div#counter-sec .nectar-milestone {
    color: #fff;
}

a#cta-btn.trans {
    background: transparent !important;
    border: 1px solid #fff;
}



div#flavr-row .vc_column-inner {
    border-radius: 15px;
    text-align: center !important;
    padding: 20px  10px;
}

div#flavr-row .vc_column-inner img {
    display: block;
    margin: auto;
    filter: drop-shadow(10px 8px 4px rgba(0, 0, 0, 0.55));
}


.col-right .vc_column-inner {
    text-align: right;
}

div#hero {}

div#hero h5, div#hero p {
    color: #fff !important;
}

div#oral-care-new h2, div#oral-care-new p {
    color: #fff !important;
}


div#oral-care-new {
    margin-bottom: 60px;
}

div#ft-sec .vc_col-sm-8 p {
    color: #fff !important;
}

div#steps-row .wpb_text_column.wpb_content_element {
    text-align: center;
    color: #fff;
}

div#steps-row h4 {
    color: #000000;
}

div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 14px;
    color: #000;
}

div#steps-row .vc_column-inner {
    text-align: center;
    display: flex;
}

div#steps-row .vc_column-inner img {
    display: block;
    margin: auto;
}

/* Product section end  */

/* best seller  */


div#best-seller .product-slide{
    background: #ffffff;
    width: 25%;
    text-align: left !important;
    min-height: 520px;
    border: 1px solid #dfd5d5;
    padding: 5px !important;
}

div#best-seller .row .col {
    margin-right: unset;
}
div#best-seller .slick-dots li.slick-active button:before {
    color: #fff !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500 !important;
    padding-bottom: unset;
    text-align: left !important;
}

div#best-seller  h3 a {
    color: #000000 !important;
    font-weight: 500;
}

div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 900 !important;
    min-height: 90px;
}

div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    text-align: center;
    max-width: 100%;
}

.fahad-slider{
    display:flex;
    flex-wrap:wrap;
    margin:0 -10px;
}

.fahad-slider .product-slide{
    width:25%;
    padding:15px;
}

/* tablet */
@media(max-width:1024px){
.fahad-slider .product-slide{
    width:33.33%;
}
}

/* mobile 2 */
@media(max-width:768px){
.fahad-slider .product-slide{
    width:50%;
}
}

/* small mobile */
@media(max-width:480px){
.fahad-slider .product-slide{
    width:50%;
}
}

/* best seller  */


/* Oral care  */

a#arrow-btn {
    background: transparent !important;
    padding: 0 30px 0px 20px !important;
    font-weight: 100;
    transition: all 0.5s;
    color: #000;
}

a#arrow-btn:hover {box-shadow: unset !important;opacity: 1;transform: unset !important;}

a#arrow-btn i {
    border: 1px solid #000000;
}

div#oral-care   .owl-dots .owl-dot span {
    background: #ffffff99;
    transform: 1;
}

div#oral-care  .owl-dots .owl-dot.active span {
    background-color: #fff !important;
}



div#oral-care-new:before {
    content: "";
    background: url(https://stagingwebdes.com/yogik/wp-content/uploads/2025/12/Mask-group.png);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: contain;
    opacity: 0.4;
}

div#oral-care-new {
    background: #910A6B;
    padding: 30px 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    position: relative;
}

div#oral-care .nectar-post-grid-item .inner {
    background: #fff !important;
    min-height: 330px;
}

.full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content * {
    color: #000 !important;
}

div#oral-care .nectar-post-grid .nectar-post-grid-item .content {
    padding: 20px !important;
}

div#oral-care .nectar-post-grid-item .inner h3.post-heading {
    font-weight: 200;
}

/* Oral care New  */

/* Footer  */



div#ft-sec .row-bg-wrap .inner-wrap .row-bg {
    position: relative;
}

div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 61%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}



div#ft-sec .vc_col-sm-8 ul li a, div#ft-sec .vc_col-sm-8 p, div#ft-sec .vc_col-sm-8 h3 {
    color: #fff;
    font-weight: 300 !important;
}



div#ft-sec .vc_col-sm-8 ul.social-icons {
    display: flex;
    padding: unset;
    margin: unset;
}

div#ft-sec .vc_col-sm-8 ul.social-icons li {
    list-style: none;
    margin: 0 10px  0 10px;
}

div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 20px 0;
}

div#ft-sec .vc_col-sm-8 ul {
    margin: unset;
}

div#ft-sec p, div#ft-sec h2 {
    color: #000;
}

div#ft-sec h2 {
    font-size: 26px;
    line-height: 34px !important;
    font-weight: 100;
}
.tnp-field label {
    display: none;
}

.tnp-field.tnp-privacy-field label {
    display: block;
    color: #000;
}

input#tnp-1 {}

input#tnp-2, input#tnp-1 {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

body[data-form-submit=regular] .container-wrap input[type=submit] {
    width: 100%;
    background: #3c6c63 !important;
}
div#ft-iner.copy {
    border-top: 1px solid #fff;
    padding-top: 30px;
}
.txt-black h3, .txt-black h4, .txt-black ul li {
    color: #000;
}
/* About Page css start  */

div#about-banner h1 {
    color: #000;
}
div#about-banner.head-split  .nectar-split-heading .heading-line:nth-child(2) h1 {
    line-height: 160px !important;
}


.content-sec p, .content-sec h6, .content-sec h5, .content-sec h4, .content-sec ul li, .content-sec tr, .content-sec h3  {
    COLOR: #000;
}
.content-sec.dark-text p, .content-sec.dark-text strong, .content-sec.dark-text h6, .content-sec.dark-text h5, .content-sec.dark-text h4, .content-sec.dark-text ul li, .content-sec.dark-text tr, .content-sec.dark-text h3  {
    COLOR: #ffffff !important;
}
/* About Page css end  */

/* Contact Form css start  */
.form .row input, .form .row textarea {
    border: 1px solid #000;
}

.form .row input, .form .row textarea, .form .row input::placeholder, .form .row textarea::placeholder {
    color: #000;
}

.form .row textarea {
    height: 100px;
}
div#about-banner.contact-us h1 {
    color: #fff;
}

div#contact-details .iwithtext {
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}

div#contact-details .iwithtext i {
    color: #000 !important;
}

.iwithtext .iwt-text {
    padding: unset;
}

.iwithtext .iwt-icon {
    position: unset;
}
/* contact form css end  */


/* Product page css  */

div#products-wrapper .col {
    margin-right: 1% !important;
}
a.button.add_to_cart_button {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
}

#products-wrapper h4 {
    color: #000 !important;
    min-height: 90px;
}

#products-wrapper .star-rating {
    color: #000;
}

#products-wrapper .product-price {
    color: #000;
}

.product-image img {
    border-radius: 10px;
    border: 1px solid #ddd;
}

#products-wrapper .col {
    min-height: 560px;
    padding: 10px;
    border-radius: 10px;
    transition: all 0.5s;
}

#products-wrapper .product-rating {
    min-height: 30px;
}

#products-wrapper .col:hover {
    transform: scale(1.05);
}

.shop-page h3 {
    color: #000 !important;
}

.shop-page .sidebar ul {
    margin: 0 0 30px 0;
}

.shop-page .sidebar ul li {
    list-style: none;
}

.shop-page .sidebar ul li a {
    color: #000;
    position: relative;
    font-weight: 600;
    text-decoration: underline;
}

.shop-page .sidebar ul li a:before {
    content: ">";
    color: #000;
    font-family: 'Poppins';
}

.shop-page .sidebar ul li {
    margin-bottom: 15px;
}

/* Product Page – Force Black Color Everywhere */
.single-product #inr-row h4 {color: #000;}

/* Links */
.single-product .product_meta a {
	color: #000;
}

/* Headings */
.single-product h1 {
    color: #000 !important;
}

/* Paragraphs & Lists */
.single-product p,
.single-product li,
.single-product ul,
.single-product ol {
    color: #000 !important;
}

/* Table Styling */
.single-product table,
.single-product table td,
.single-product table th {
    color: #000 !important;
    border-color: #000;
}

/* Breadcrumb */
.single-product .woocommerce-breadcrumb,
.single-product .woocommerce-breadcrumb a,
.single-product .woocommerce-breadcrumb span,
.single-product .woocommerce-breadcrumb i {
    color: #000 !important;
}

/* Tabs */
.single-product .wc-tabs li a,
.single-product .woocommerce-tabs .panel {
    color: #000 !important;
}

/* Price */
.single-product .price,
.single-product .woocommerce-Price-amount {
    color: #000 !important;
}

/* Reviews section */
.single-product #reviews,
.single-product #reviews * {
    color: #000 !important;
}


.single-product h1 {
    font-size: 26px !important;
    line-height: 34px !important;
    font-family: 'Poppins' !important;
    font-weight: 800 !important;
}
.col-break-list ul {
    column-count: 2;
}

.prod-list-blk ul {
    display: flex;
}

.prod-list-blk ul li {
    margin: 0 40px 0 0;
}
.list-blk li {
    position: relative;
    list-style: none;
}

.list-blk li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    left: -30px;
    position: absolute;
    background: #275c52;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
}


@media only screen and (min-width: 1600px) and (max-width: 1919px){ 
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 64%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}	
	
}
@media only screen and (min-width: 1366px) and (max-width: 1599px){
	
h1 {
    font-size: 60px !important;
    line-height: 68px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 140px;
}
h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 7px;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 20px;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 22px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 20px;
    text-align: left !important;
}
div#best-seller .product-slide {
    width: 25%;
    text-align: left !important;
    min-height: 480px;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 66%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
}	
	
	
}


@media only screen and (min-width: 1200px) and (max-width: 1365px){
	
h1 {
    font-size: 46px !important;
    line-height: 62px !important;
}

h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 7px;
    font-weight: 100;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 0;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 0;
    text-align: left !important;
}
div#best-seller .product-slide {
    width: 25%;
    text-align: left !important;
    min-height: 461px;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 66%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
}

h5 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 200;
}

.nectar-milestone .number {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#best-seller .product-slide h3 {
    font-size: 14px !important;
    line-height: 22px !important;
}
div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    text-align: center;
}
div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

div#ft-sec ul li a, div#ft-sec  p {
    font-size: 12px;
    line-height: 20px !important;
}	
	
	
}


@media only screen and (min-width: 1000px) and (max-width: 1199px){
    #header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
        height: 115px;
    }	
h1 {
    font-size: 36px !important;
    line-height: 64px !important;
}

h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 7px;
    font-weight: 100;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 0;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 0;
    text-align: left !important;
}
div#best-seller .product-slide {
    width: 25%;
    text-align: left !important;
    min-height: 400px;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 66%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
}

h5 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 200;
}

.nectar-milestone .number {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#best-seller .product-slide h3 {
    font-size: 14px !important;
    line-height: 22px !important;
}
div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    text-align: center;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 70px;
}
div#steps-row .vc_column-inner img {
    display: block;
    margin: auto;
    height: 100px;
    width: 100px;
}
a#cta-btn {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 15px;
    line-height: 22px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}
div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

div#ft-sec ul li a, div#ft-sec  p {
    font-size: 12px;
    line-height: 20px !important;
}
li#menu-item-19 a {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 20px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}

#top nav>ul>li>a {
    font-size: 14px;
    line-height: 22px !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

div#product-sec {
    padding-bottom: 50px !important;
}

div#oral-care .nectar-post-grid-item .inner h3 {
    font-size: 17px;
    line-height: 25px !important;
}
div#oral-care .nectar-post-grid-item .inner {
    background: #fff !important;
    min-height: 250px;
}
.tnp-field.tnp-privacy-field label {
    display: block;
    color: #000;
    font-size: 12px;
}	
	
	
}


@media only screen and (min-width: 768px) and (max-width: 999px){
	
	h1 {
    font-size: 30px !important;
    line-height: 57px !important;
}

h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 7px;
    font-weight: 100;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 0;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 0;
    text-align: left !important;
}
div#best-seller .product-slide {
    width: 25%;
    text-align: left !important;
    min-height: 400px;
    border: 1px solid #fff;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
    color: #fff !important;
}

h5 {
    font-size: 34px !important;
    line-height: 42px !important;
    font-weight: 200;
}

.nectar-milestone .number {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#best-seller .product-slide h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    text-align: center;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 70px;
}
div#steps-row .vc_column-inner img {
    display: block;
    margin: auto;
    height: 100px;
    width: 100px;
}
a#cta-btn {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 15px;
    line-height: 22px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}
div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

div#ft-sec ul li a, div#ft-sec  p {
    font-size: 12px;
    line-height: 20px !important;
    color: #fff !important;
}
li#menu-item-19 a {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 20px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}

#top nav>ul>li>a {
    font-size: 14px;
    line-height: 22px !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

div#product-sec {
    padding-bottom: 50px !important;
}

div#oral-care .nectar-post-grid-item .inner h3 {
    font-size: 17px;
    line-height: 25px !important;
}
div#oral-care .nectar-post-grid-item .inner {
    background: #fff !important;
    min-height: unset !important;
}
.tnp-field.tnp-privacy-field label {
    display: block;
    color: #ffffff;
    font-size: 12px;
}	

 #top .col.span_3 {
    background: unset;
    border-radius: 0 0 100px 100px;
    padding: 0px 10px;
 }


#hero .row_col_wrap_12.col.span_12.dark.left {
    padding-top: unset;
}

div#best-seller {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care .owl-carousel {
    margin: unset;
}

div.tnp-subscription, form.tnp-subscription, form.tnp-profile {
    max-width: unset;
}



div#ft-sec {
    padding-top: 50px !important;
}

div#footer-outer {
    display: none;
}
body #header-secondary-outer .nectar-center-text {
    font-size: 16px;
    line-height: 16px;
    max-width: unset;
}
 body #top #logo img,#header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 130px!important;
    }
	
}


@media only screen and (min-width: 520px) and (max-width: 767px){
h1 {
    font-size: 30px !important;
    line-height: 57px !important;
}

h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 7px;
    font-weight: 100;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 0;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 0;
    text-align: left !important;
}
div#best-seller .product-slide {
    width: 25%;
    text-align: left !important;
    min-height: 400px;
    border: 1px solid #fff;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
    color: #fff !important;
}

h5 {
    font-size: 34px !important;
    line-height: 42px !important;
    font-weight: 200;
}

.nectar-milestone .number {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#best-seller .product-slide h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    text-align: center;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 70px;
}
div#steps-row .vc_column-inner img {
    display: block;
    margin: auto;
    height: 100px;
    width: 100px;
}
a#cta-btn {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 15px;
    line-height: 22px !important;
    padding: 12px 50px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}
div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

div#ft-sec ul li a, div#ft-sec  p {
    font-size: 12px;
    line-height: 20px !important;
    color: #fff !important;
}
li#menu-item-19 a {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 20px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}

#top nav>ul>li>a {
    font-size: 14px;
    line-height: 22px !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

div#product-sec {
    padding-bottom: 50px !important;
}

div#oral-care .nectar-post-grid-item .inner h3 {
    font-size: 17px;
    line-height: 25px !important;
}
div#oral-care .nectar-post-grid-item .inner {
    background: #fff !important;
    min-height: unset !important;
    padding-bottom: unset;
}
.tnp-field.tnp-privacy-field label {
    display: block;
    color: #ffffff;
    font-size: 12px;
}	

 #top .col.span_3 {
    background: unset;
    border-radius: 0 0 100px 100px;
    padding: 0px 10px;
 }


#hero .row_col_wrap_12.col.span_12.dark.left {
    padding-top: unset;
}

div#best-seller {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care .owl-carousel {
    margin: unset;
}

div.tnp-subscription, form.tnp-subscription, form.tnp-profile {
    max-width: unset;
}



div#ft-sec {
    padding-top: 50px !important;
}

div#footer-outer {
    display: none;
}
body #header-secondary-outer .nectar-center-text {
    font-size: 16px;
    line-height: 16px;
    max-width: unset;
}
 body #top #logo img,#header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 130px!important;
    }
a#cta-btn.trans {
    background: transparent !important;
    border: 1px solid #fff;
    color: #000;
}

div#date-row {
    padding-bottom: unset !important;
    text-align: left !important;
    margin-bottom: unset !important;
}

div#date-row .vc_column-inner {
    text-align: left;
}

div#date-row a#cta-btn.trans {
    padding-left: unset !important;
}
.nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="30vh"] .nectar-post-grid-item-bg {
    height: 60vh;
}	
	
}


@media only screen and (min-width: 300px) and (max-width: 519px){
h1 {
    font-size: 34px !important;
    line-height: 44px !important;
}

h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 7px;
    font-weight: 100;
}
div#steps-row p, div#steps-row ul li {
    font-weight: 200;
    font-size: 12px;
    line-height: 20px;
}
div#best-seller h3 {
    margin: unset;
    max-width: 100%;
    padding-left: 0;
    text-align: left !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
div#best-seller p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 200 !important;
    padding-bottom: unset;
    padding-left: 0;
    text-align: left !important;
}
div#best-seller .product-slide {
    text-align: left !important;
    min-height: 400px;
    border: 1px solid #fff;
    width: 50%;
}
div#ft-sec .row-bg-wrap .inner-wrap .row-bg:before {
    content: "";
    background: #3C5C51;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
}
div#ft-sec h2 {
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 100;
    color: #fff !important;
}


.nectar-global-section.before-footer:before {
    content: "";
    background: #ccc;
    height: 240px;
    width: 240px;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 9;
    border-radius: 0 50% 50% 0;
}

div#ft-sec img {
    margin-bottom: 50px;
}
h5 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 200;
}

.nectar-milestone .number {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#best-seller .product-slide h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}
div#best-seller a#cta-btn {
    background: #B13580 !important;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    text-align: center;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 70px;
}
div#steps-row .vc_column-inner img {
    display: block;
    margin: auto;
    height: 80px;
    width: 80px;
}
a#cta-btn {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 12px;
    line-height: 22px !important;
    padding: 12px 20px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}
div#ft-sec .vc_col-sm-8 ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

div#ft-sec ul li a, div#ft-sec  p {
    font-size: 16px;
    line-height: 26px !important;
    color: #fff !important;
}
li#menu-item-19 a {
    background: #3C5C51 !important;
    font-weight: 200;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 26px !important;
    padding: 12px 20px !important;
    transition: all 0.5s;
    border-radius: 6px !important;
}

#top nav>ul>li>a {
    font-size: 14px;
    line-height: 22px !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

div#product-sec {
    padding-bottom: 50px !important;
    padding-top: unset !important;
}

div#oral-care .nectar-post-grid-item .inner h3 {
    font-size: 17px;
    line-height: 25px !important;
}
div#oral-care .nectar-post-grid-item .inner {
    background: #fff !important;
    min-height: unset !important;
    padding-bottom: unset;
}
.tnp-field.tnp-privacy-field label {
    display: block;
    color: #ffffff;
    font-size: 12px;
}	

 #top .col.span_3 {
    background: unset;
    border-radius: 0 0 100px 100px;
    padding: 0px 10px;
 }


#hero .row_col_wrap_12.col.span_12.dark.left {
    padding-top: unset;
}

div#best-seller {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

div#oral-care .owl-carousel {
    margin: unset;
}

div.tnp-subscription, form.tnp-subscription, form.tnp-profile {
    max-width: unset;
}



div#ft-sec {
    padding-top: 50px !important;
}

div#footer-outer {
    display: none;
}
body #header-secondary-outer .nectar-center-text {
    font-size: 16px;
    line-height: 16px;
    max-width: unset;
}
 
a#cta-btn.trans {
    background: transparent !important;
    border: 1px solid #fff;
    color: #000;
}
    div#header-outer  #logo img {
        height: 100px !important;
    }
div#header-outer.small-nav  #logo img{
 height: 70px !important;
}
div#date-row {
    padding-bottom: unset !important;
    text-align: left !important;
    margin-bottom: unset !important;
}

div#date-row .vc_column-inner {
    text-align: left;
}

div#date-row a#cta-btn.trans {
    padding-left: unset !important;
}
.nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="30vh"] .nectar-post-grid-item-bg {
    height: 40vh;
}

div#hero {
    padding-top: 170px !important;
}

div#best-seller .vc_column-inner {
    padding: 0 10px;
}	
div#about-banner.head-split .nectar-split-heading .heading-line:nth-child(2) h1 {
    line-height: 90px !important;
}

div#about-banner {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}	
	.for-mob .row-bg {
    background: unset !important;
}

.for-mob img {display: block;}

div#about-banner.for-mob {
    padding-top: unset !important;
    padding-bottom: unset !important;
}
div#about-banner.blogs .row-bg {
    background-size: cover;
    background-position: right !important;
}

div#about-banner.blogs  h1 {
    line-height: 80px !important;
}	
	div#popmake-229 {
   padding: 20px 20px 10px 20px;
   border: unset;
   top: 30px !important;
}
div#popmake-229 h2 {
    font-family: 'Agraham';
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
	div#popmake-229 p{
		font-size: 14px;
		line-height: 22px;
	}
div#popmake-229 h2 strong {
    background: linear-gradient(45deg, #7B2F85, #DD3C77);
    color: #fff;
    border-radius: 10px;
    padding: 0px 6px;
    display: inline-block;
}
	.form .row {
    padding-bottom: unset;
}
	div#popmake-229 input.wpcf7-submit {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    padding: 11px 20px;
}
	.form .row {
    padding-bottom: unset;
}

.form .row input, .form .row textarea {
    font-size: 14px !important;
    line-height: 22px !important;
}

.form .row .col.span_6 {
    margin-bottom: 10px !important;
}

.pum-container.pum-responsive img {
    max-width: 70px;
}
	div#header-outer {
    padding-top: unset !important;
    background: transparent;
}
div#header-outer.small-nav {
    background: unset !important;
    backdrop-filter: blur(10px) !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    margin: unset;
}

header#top:before {
    content: "";
    background: #d9d9d9;
    height: 110px;
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 60px 0;
}

div#header-outer {padding-bottom: unset;}	

}