@charset "utf-8";



@media (max-width: 1199px) {

    .clients-testimonial-section .client-heading {
        margin-bottom: 10px !important;
    }

    .signature-collection-section h2 {
        font-size: 50px;
    }

    .signature-collection-section p {
        font-size: 25px;
    }

    .signature-collection-section a.signature-collection-btn {
        padding: 15px 10px;
        max-width: 160px;
    }

    .signature-collection-products {
        row-gap: 30px;
    }

    .natures-finest-benefits-section h2.section-title {
        font-size: 50px;
        margin-bottom: 20px;
    }

    section.natures-finest-benefits-section .row {
        flex-wrap: wrap;
    }

    .enchanting-transformation-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    section.natures-finest-benefits-section {
        padding: 50px 0;
    }

    section.botanical-insights-section {
        padding: 50px 0;
    }

    section.clients-testimonial-section {
        padding: 50px 0;
    }

    section.newsletter-subscription-section {
        padding: 50px 0;
    }

}

@media (max-width: 1024px) {
    .running-text-track span {
        font-size: 37px;
    }

    .natures-finest-benefits-section h2.section-title {
        font-size: 40px;
    }

    .signature-collection-section h2 {
        font-size: 42px;
    }

    .signature-collection-section p {
        font-size: 20px;
    }

    .enchanting-transformation-content h2 {
        font-size: 40px;
    }

    .enchanting-transformation-content p.section-description {
        font-size: 20px;
        line-height: normal;
    }

    .enchanting-transformation-content a.transformation-offer-btn {
        font-size: 16px;
    }

    .brand-promise-content h2 {
        font-size: 27px;
        line-height: normal;
    }

    .brand-promise-content p.section-description {
        font-size: 18px;
        line-height: 30px;
    }

    .newsletter-subscription-section h2.newsletter-title br {
        display: none;
    }

    .newsletter-subscription-section h2.newsletter-title {
        font-size: 27px;
    }

}


/* CSS Document */
@media (max-width: 767px) {
    #logo img {
        height: 80%;
        margin-top: 10px;
    }

    .image-hover .overlay-pro {
        padding: 12px;
    }

    #countdown-timer li {
        min-width: 30px !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .signature-collection-section p br {
        display: none;
    }

    .botanical-insights-section h6 {
        text-align: center;
    }

    .botanical-insights-section p {
        text-align: center;
    }

    .signature-collection-section h2 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
    }

    .signature-collection-section h2 br {
        display: none;
    }

    .signature-collection-section p {
        text-align: center;
        line-height: normal;
        margin-top: 10px;
    }

    .signature-collection-section a.signature-collection-btn {
        margin-right: auto;
    }

    .signature-collection-products h6.product-title {
        font-size: 20px;
        text-align: center;
    }

    .enchanting-transformation-section {
        margin-top: 30px;
    }

    .enchanting-transformation-content h2 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
    }

    .enchanting-transformation-content h2 br {
        display: none;
    }

    .enchanting-transformation-content p.section-description {
        line-height: normal;
        text-align: center;
        letter-spacing: 0;
    }

    .enchanting-transformation-content span.section-eyebrow {
        font-size: 20px;
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }

    .enchanting-transformation-content a.transformation-offer-btn {
        margin: 0 auto;
    }

    .enchanting-transformation-video {
        margin-top: 50px;
    }

    .natures-finest-benefits-section h2.section-title {
        font-size: 30px;
        line-height: normal;
    }

    .natures-finest-benefits-section h6.benefit-title {
        font-size: 18px;
        line-height: normal;
    }

    .natures-finest-benefits-section p.benefit-description {
        font-size: 16px;
    }

    .brand-promise-content span.section-eyebrow {
        font-size: 20px;
        line-height: normal;
    }

    .brand-promise-content {
        text-align: center;
    }

    .brand-promise-content h2 {
        font-size: 25px;
    }

    .botanical-view-more {
        text-align: center;
    }

    .botanical-insights-section ul.slick-dots {
        position: static;
    }

    .newsletter-subscription-section h2.newsletter-title {
        font-size: 25px;
        text-align: center;
        line-height: normal;
    }

    .newsletter-subscription-section p.newsletter-description {
        text-align: center;
    }

    .newsletter-subscription-section input.form-control {
        font-size: 16px;
    }

    .newsletter-subscription-section span.input-group-text img {
        width: 20px;
    }

    .newsletter-subscription-section button.btn.newsletter-btn {
        font-size: 16px;
        padding: 5px 23px;
    }

    .header-actions {
        gap: 15px;
    }

    .site-logo img {
        width: 125px;
        height: auto;
    }

    .header-actions a.header-icon img {
        width: 22px;
    }

    .menu-toggle span {
        width: 22px;
    }

    .site-header ul.mobile-nav-menu {
        padding: 0;
        list-style: none;
        margin: 0;
        background: #dea806;
        margin: 15px 0px 0px;
    }

    .site-header ul.mobile-nav-menu li a {
        padding: 10px 20px;
        border-bottom: 1px solid #ffffff4f;
        width: 100%;
        display: block;
        text-decoration: none;
        color: #fff;
        font-family: Outfit;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;
        text-transform: uppercase;
    }

    .site-header ul.mobile-nav-menu li a:hover {
        color: #000;
        background: #ffc107;
    }
}

@media (max-width: 768px) {
    #nav-menu-container {
        display: none;
    }

    #mobile-nav-toggle {
        display: inline;
    }
    .site-header {
        padding: 15px 0px;
    }

}

@media (max-width: 767.98px) {

    .profile-head {
        position: absolute;
        top: 150px;
        left: 50px;
    }

    .profile-head h4 {
        font-size: 22px;
    }

    .profile-head p {
        font-size: 14px;
    }

}

@media (min-width: 768px) {

    .profile-head {
        position: absolute;
        top: 180px;
        left: 50px;
    }

    .profile-head h4 {
        font-size: 22px;
    }

    .profile-head p {
        font-size: 14px;
    }

}

@media (min-width: 1200px) {

    .profile-head {
        position: absolute;
        top: 190px;
        left: 50px;
    }

    .profile-head h4 {
        font-size: 25px;
    }

    .profile-head p {
        font-size: 16px;
    }

}