@media (max-width:1280px) {
    .product-number {
        max-width: 150px;
    }

    .product-filter {
        width: calc(100% - 150px);
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .product-filter button {
        flex: 0 0 auto;
    }

    .product-info {
        padding: 0 0 0 50px;
    }

    .product-gallery {
        padding-left: 0;
    }

}

@media (max-width:1200px) {
    .announcement-bar {
        background-position: center;
    }

    .inner-mega-menu {
        margin: 0;
    }

    .science-driven-row {
        gap: 40px;
        justify-content: space-between;
    }

    .science-driven-content ul {
        padding-top: 20px;
    }

    .product-grid {
    
grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .related-left {
        width: 40%;
    }

    .related-title {
        font-size: 34px;
    }

    .slide-related-product {
        max-width: 300px;
    }

    .wrap-related {
        gap: 30px;
    }

    .related-right {
        width: calc(60% - 30px);
    }

    .list-item-related .related-image img {
        margin: 0 auto;
    }

    .wrap-menu-right-header {
        padding: 0;
    }

    .menu-header ul>li {
        padding-right: 20px;
    }

    .hambuger-mobile {
        position: relative;
        display: block;
        width: 50px;
    }

    .lines {
        width: 50px;
        height: 5px;
        border-radius: 5px;
        background: #003074;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: -webkit-transform 200ms;
        transition: -webkit-transform 200ms;
        transition: transform 200ms;
        transition: transform 200ms, -webkit-transform 200ms;
        margin-left: -25px;
    }

    .hambuger-mobile.exit .lines {
        background: #b29570;

    }

    .line-1 {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    .line-2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);

    }

    .line-3 {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0);
    }

    .hambuger-mobile.exit .line-1 {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    .hambuger-mobile.exit .line-2 {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
        transform: translate3d(0, 0, 0) scale(0.1, 1);
    }

    .hambuger-mobile.exit .line-3 {
        -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }

    .left-header,
    .menu-right-header,
    .right-header .social-icons {
        display: none;
    }

    .right-header {
        width: auto;
    }

    .menu-lang {
        border: none;
        margin: 0;
    }

    .container-header {
        padding: 0 60px;
    }

    .menu-lang ul li a {
        font-size: 24px;
    }

    .ht_sticky .wrap-menu-mobile {
        height: calc(100vh - 83px);

    }

    .wrap-menu-mobile {
        height: calc(100vh - 205px);
        background: #fbfaf6;
        position: absolute;
        width: 100%;
        top: 100%;
        overflow-y: scroll;
        z-index: 9;
    }

    .menu-mobile {
        padding: 75px 60px;

    }

    .product-highlight__items {
        margin-top: 50px;
    }

    .bg-header {
        padding: 0 0 3px 0;
        position: relative;
        background: #efdcb3;
    }

    .inner-header {
        padding: 26px 0;
    }

    .announcement-slider .swiper-slide a {
        padding: 23px 0;
    }

    .announcement-btn {
        display: none;
    }

    .menu-mobile ul li>a {
        font-size: 36px;
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        line-height: 0.63;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
    }

    .menu-mobile ul li .sub-menu a {
        font-size: 32px;
        font-family: "MiSans";
        color: rgb(0, 28, 114);
        line-height: 1.2;
        font-weight: 500;

    }

    .menu-mobile ul li .sub-menu a:hover {
        font-weight: 600;
    }

    .menu-mobile ul li {
        padding-bottom: 58px;

    }

    .menu-mobile ul {
        list-style: none;
    }

    .menu-mobile ul li .sub-menu {
        padding-top: 32px;
        display: none;
    }

    .menu-mobile ul li .sub-menu li {
        padding-bottom: 30px;
    }

    .menu-mobile ul li .sub-menu li:last-child {
        padding: 0;
    }

    .menu-mobile ul li:hover>a,
    .menu-mobile ul li.active>a {
        color: #c8913b;

    }

    .menu-mobile ul li.active .arrow img {
        filter: invert(62%) sepia(60%) saturate(477%) hue-rotate(12deg) brightness(95%) contrast(92%);

    }

    .menu-header li.active .arrow img {
        filter: invert(62%) sepia(60%) saturate(477%) hue-rotate(12deg) brightness(95%) contrast(92%);
        transform: rotate(180deg);
    }

    .arrow img {
        transition: all 0.3s ease;
        width: 2.93vw;
        display: inline-block;
    }

    .menu-mobile ul li .sub-menu li a:hover {
        color: rgb(0, 28, 114);
        text-decoration: underline;
    }

    .social-icons.menu-social {
        display: flex;
        gap: 15px;
        justify-content: start;

    }

    .social-icons.menu-social a {
        width: 80px;
        height: 80px;
        font-size: 56px;
        border-radius: 25px;
    }

    .social-icons.menu-social a i {
        color: #fff;

    }



    .menu-lang {
        padding: 0;
    }

    .wrap-widgets {
        flex-wrap: wrap;
        justify-content: end;
    }

    .footer-widgets {
        width: 100%;
        justify-content: space-between;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .site-footer .container {
        /* padding: 0 60px; */
    }

    .hero-video {
        height: clamp(400px, 157.33vw, 600px);
    }

    .hero-slider .swiper-slide img {
        height: clamp(400px, 157.33vw, 600px);
    }

    .product-highlight__items {
        transform: translateX(0) !important;
    }

    .wrap-product-highlight__items {
        gap: 0;
    }

    .wrap-product-highlight__info {
        margin-top: 0;
        transform: translateY(-54px);
        z-index: 2;
        opacity: 1;
        visibility: visible;
        display: none;
        transition: none;
    }

    .news-side .news-item h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wrap-certification-slider {
        margin: 0 15px;
    }

    .form-footer {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .footer-widgets {
        gap: 20px;
    }

    .related-paginations {
        margin: 36px auto 0 auto;
    }
}

@media (max-width:1023px) {
    .product-wrapper {
        flex-wrap: wrap;
    }

    .product-gallery {
        width: calc(100%);
    }

    .product-info {
        width: 100%;
    }

    .benefit-tabs {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-choose__gallery .gallery-caption {
        left: 30px !important;
    }

    .inner-choose-item {
        max-width: 300px;
    }

    .supplement-item {
        max-width: 375px;
    }

    .feature-list {
        overflow-x: scroll;
    }

    .feature-item {
        min-width: 285px;
        min-height: 110px;
        padding: 0;


    }

    .feature-text {
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        font-weight: bold;
        line-height: 1.2;
    }

    .footer-widgets {
        flex-wrap: wrap;
        gap: 55px 0;
    }

    .footer-widget {
        width: calc(33.33% - 10px)
    }

    .footer-top {
        margin-bottom: 50px;
    }

    .footer-widgets {
        margin-bottom: 20px;
    }

    .footer-social {
        width: 100%;
        justify-content: center;
    }

    .social-icons {
        display: flex;
        justify-content: center;
    }

    .science-driven-cont h3 {
        margin-bottom: 20px;

    }

    .science-driven-cont ul {
        padding-top: 20px;
    }

    .science-driven-cont ul li {
        margin-bottom: 16px;
    }

    .science-driven-row:first-child {
        margin-bottom: 75px;
    }

    .thumbnail-list {
        width: 130px;
    }

    .product-thumbnail {
        width: calc(100% - 130px - 17px);
    }

    .product-info {
        padding: 50px 0 0;
    }

    .science-driven-row:last-child .science-driven-cont {
        padding-left: 30px;
    }

    .related-articles-slider {
        margin-left: 0 !important;
    }

    .wrap-related-articles-paginations {
        padding: 0;
    }

    .related-articles-paginations {
        margin: 60px auto 0;
    }
}

@media (max-width:991px) {
    .instagram-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .insta-col {
        grid-column: span 1;
    }

    .insta-center {
        grid-column: 1 / -1;
        order: -1;
        padding: 60px 15px 60px;
    }

    .news-main {
        width: 100%;
    }

    .news-side {
        width: 100%;
    }

    .news-overlay {
        position: initial;
        width: 100%;
    }

    .news-latest-grid .news-item img {
        display: block;
        margin: 0 auto 4vw;
        width: 100%;
    }

    .news-meta {
        margin-bottom: 1.6vw;
    }

    .news-main .news-item span,
    .news-side .news-item span {

        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        font-weight: bold;
        line-height: 1.2;


    }

    .news-main .news-item h3,
    .news-side .news-item h4 {

        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        margin-bottom: 2.93vw;


    }

    .news-main .news-item p,
    .news-side .news-item p {

        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        font-weight: bold;
        margin-bottom: 5.6vw;


    }

    .news-side .news-item .news-text {
        width: 100%;
    }

    .news-side .news-item {
        flex-wrap: wrap;
    }



    .view-all-sp {
        display: block;
    }

    .view-all-pc {
        display: none;
    }

    .view-all {
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        font-weight: 600;
        text-decoration: underline;
        line-height: 1.2;
        margin-top: -0.8vw;
        text-underline-offset: 4px;

    }

    .inner-latest-news {
        padding: 30px 40px 55px 40px;
    }

    .why-choose__gallery {
        display: none;
    }

    .wrap-why-choose__gallery {
        display: block;
    }

    .why-choose__gallery .gallery-item {
        width: 100% !important;
        height: clamp(270px, 72.4vw, 500px);
    }


    .why-gallery-pagination {
        max-width: 100%;
        width: 100% !important;
        margin: 57px auto 20px;
        position: relative !important;
        display: flex;
        width: 100%;
        height: 3px !important;
        background: #e1e1dd;
        overflow: hidden;
    }

    .why-gallery-pagination .swiper-pagination-progressbar-fill {
        background: #001c72 !important;
        transition: width 0.3s ease;
    }

    .why-choose__gallery .gallery-caption {
        font-size: clamp(14px, 3.733vw, 28px);
        color: rgb(0, 28, 114);
        max-width: 46.67vw;
        top: 5.87vw;
        left: 5.33vw;
    }

    .wrap-related-paginations {
        padding-right: 15px;
    }

    .ingredients-content {
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 30px;
    }

    .ingredient-item {
        width: 100%;
        max-width: 340px;
        justify-content: start !important;
        flex: 0 0 auto;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ingredient-center {
        position: initial;
        width: 100%;
        transform: none;
        max-width: 600px;
        margin: -50px auto 0;
        height:auto;
    }

    .science-driven-row {
        flex-direction: column !important;
        width: 100%;
    }

    .science-driven-cont,
    .science-driven-image {
        width: 100%;
    }

    .science-driven-image {
        order: -1;
    }

    .science-driven-image img {
        display: block;
        margin: 0 auto;
    }

    .product-highlight__item a img {
        max-width: 200px;
    }

    .supplement-image a img {
        max-width: 200px;

    }

    .inner-hero-video {
        left: 20px;
    }

    .hero-slider .swiper-pagination {
        left: 25px !important;
    }

    .wrap-product-highlight__items {
        gap: 0;
    }

    .why-choose-item:nth-child(even) .inner-choose-item {
        padding-left: 0;
    }

    .related-products {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .product-item .product-title {
        font-size: 28px;
    }
}

@media (max-width:767px) {

    .supplement-image a img,
    .product-highlight__item a img {
        max-width: 100%;
    }

    .hero-slider .swiper-slide img {
        object-position: left center;
    }

    .menu-lang li.active .sub-menu {
        opacity: 1;
        visibility: visible;
    }

    .menu-mobile ul li .sub-menu li {
        padding-bottom: 4vw;
    }

    .menu-mobile ul li .sub-menu {
        padding-top: 4.27vw;
    }

    .row-news-grid {
        column-count: auto
    }

    .news-thumb img {
        margin-bottom: 4vw;
    }

    .news-item {
        margin-bottom: 6.67vw;
    }

    .news-meta {
        margin-bottom: 1.33vw;
    }

    .news-grid {
        margin-bottom: 9.33vw;
    }

    .news-title {
        margin-bottom: 1.33vw;
    }

    .wrap-filter-select {
        display: block;
        margin-bottom: 8vw;
    }

    .news-thumb img {
        max-height: 68vw;
        object-fit: cover;
    }

    .news-category {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.3;
    }

    .news-title a {
        font-size: clamp(14px, 3.733vw, 28px);
    }

    .news-date {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.3;
    }

    .news-excerpt {
        max-width: 100%;
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.3;
        font-weight: 600;
        color: #505050;
    }

    .filter-list {
        display: none;
    }

    .filter-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: 1px solid #003074;
        border-radius: 50px;

        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "MiSans";
        color: rgb(0, 28, 114);
        line-height: 1.2;
        width: 100%;
        padding: 2.67vw 3.73vw 3.33vw;
        font-weight: 500;
    }

    .wrap-filter-select {
        position: relative;

    }

    .wrap-filter-select::after {
        position: absolute;
        background-image: url('../images/arrows-right.svg');
        background-size: contain;
        content: '';
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        right: clamp(14px, 3.73vw, 40px);
        width: 2.533vw;
        height: 4vw;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .news-section {
        padding-top: 10.4vw;
    }

    .filter-select::-ms-expand {
        display: none;
    }

    .feature-item {
        min-width: 38vw;
        min-height: 14.67vw;
        padding: 0;
        gap: 1.33vw;

    }

    .feature-icon {
        width: 4vw;
    }

    .feature-icon img {
        width: 100%;
    }

    .feature-text {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        font-weight: bold;
        line-height: 1.2;
    }

    .feature-text {}

    .menu-lang li.active .arrow svg {
        transform: rotate(180deg);
    }

    .menu-lang li.active .arrow svg path {
        fill: #b29570
    }

    .form-footer form {
        width: 100%;
    }

    .footer-top {
        border-bottom: 2px solid #fff;
    }

    .footer-widgets {
        display: none;
    }

    .form-footer form input {
        width: 100%;
        height: 10.667vw;
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.58;
        padding: 1.4vw 2.8vw 1.4vw 3.1vw;


    }

    .form-footer form {
        position: relative;
    }

    .tnp-field.tnp-field-email {
        position: relative;
    }

    .tnp-field.tnp-field-email::after {
        position: absolute;
        background-image: url('../images/arrows-right.svg');
        background-size: contain;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        right: clamp(15px, 5.333vw, 40px);
        width: 2.533vw;
        height: 4vw;
        background-repeat: no-repeat;
    }

    .form-footer form input::placeholder {
        font-size: clamp(12px, 3.2vw, 24px);

        line-height: 1.58;
    }

    .form-footer p {
        font-size: clamp(14px, 3.733vw, 28px);
        line-height: 1.2;
        max-width: 460px;
    }

    .footer-social .social-icons a {
        width: 9.07vw;
        height: 9.07vw;
        font-size: 6.4vw;
        border-radius: 3.33vw;
    }


    .social-icons {
        gap: 2.667vw
    }

    .logo-footer {
        width: 38vw;
        margin-bottom: 4vw;
    }

    .form-footer {
        gap: 4.267vw;
    }

    .footer-top {
        padding: 6vw 0 8vw;
        margin-bottom: 3.33vw;
        gap: 2.667vw;
    }


    .wrap-widgets {
        padding: 0px 15px 6.267vw;
        border-bottom: 2px solid #b29570;
    }

    .wrap-copyright p {
        font-size: clamp(12px, 3.2vw, 24px);

        line-height: 1.33;
    }

    .wrap-copyright {
        padding: 4vw 0 5.33vw;
        gap: 2vw;
    }

    .latest-news {
        margin-bottom: 10.67vw;
    }

    .certification-header {
        margin-bottom: 8vw;
    }

    .certification-header h2 {
        white-space: nowrap;
    }
}

@media (max-width:767px) {
    .related-right {
        width: 100%;
    }

    .related-left {
        width: 100%;
    }

    .social-icons.menu-social a {
        width: 10.667vw;
        height: 10.667vw;
        font-size: 7.467vw;
        border-radius: 3.333vw;
    }

    .announcement-slider .swiper-slide a {
        padding: 3.07vw 0;
    }

    .inner-header {
        padding: 3.467vw 0;
    }

    .announcement-slider .swiper-slide a {
        font-size: clamp(12px, 3.2vw, 24px);
    }

    .menu-lang ul li a {
        font-size: clamp(12px, 3.2vw, 24px);

    }

    .wrap-menu-mobile {
        height: calc(100vh - 24.267vw);
    }

    .container-header {
        padding: 0 20px;
    }

    .site-brand {
        width: clamp(150px, 35.6vw, 267px);
    }

    .menu-mobile ul li>a {
        font-size: clamp(18px, 4.8vw, 36px);

    }

    .menu-mobile ul li .sub-menu a {
        font-size: clamp(14px, 3.733vw, 28px);


    }

    .lines {
        width: 6.667vw;
        height: 0.67vw;

    }


    .line-1 {
        -webkit-transform: translate3d(0, -2vw, 0);
        transform: translate3d(0, -2vw, 0);
    }

    .line-2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);

    }

    .line-3 {
        -webkit-transform: translate3d(0, 2vw, 0);
        transform: translate3d(0, 2vw, 0);
    }

    .hambuger-mobile {
        width: 6.667vw;
    }

    .menu-mobile ul li {
        padding-bottom: 7.733vw;
    }

    .lines {
        margin-left: -3.3vw;
    }

    .menu-mobile {
        padding: clamp(30px, 10.4vw, 78px) clamp(20px, 8vw, 60px);

    }

    .site-footer .container {
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .container {
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .footer-social .social-icons {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .copyright {
        margin-bottom: 10px;
    }

    .hero-video {
        height: clamp(400px, 157.33vw, 1180px);
    }

    .hero-slider .swiper-slide img {
        height: clamp(400px, 157.33vw, 1180px);
    }

    .hero-video-subtitle {
        flex-direction: column;
        gap: 5px;
        justify-content: start;
        align-items: start;
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        line-height: 1.2;
        margin-bottom: 3.2vw;

    }

    .hero-video-title {
        font-size: clamp(24px, 6.4vw, 48px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: bold;
        line-height: 1.2;


    }

    .button {
        font-size: clamp(14px, 3.733vw, 28px);

        font-family: "Montserrat";
        color: rgb(255, 255, 255);
        font-weight: 600;
        line-height: normal;
        padding: 3.07vw 4.4vw;
        border-radius: 50px;

    }

    .hero-slider .swiper-pagination-bullet {
        width: 1.87vw;
        height: 1.87vw;
        border-radius: 50%;
    }

    .hero-slider .swiper-pagination-bullet-active {
        width: 25.2vw;
        border-radius: 8px;
    }

    .hero-slider .swiper-pagination-bullet-active::after {

        border-radius: 8px;


    }

    .inner-hero-video {
        width: calc(100% - 16vw);
        left: 8vw;
        bottom: auto;
        top: 47%;
        transform: translateY(-50%);
    }

    .hero-slider .swiper-pagination {
        bottom: 9.33vw;
    }

    .product-highlight__title {
        font-size: clamp(18px, 4.8vw, 36px);
        margin-bottom: 0;
    }

    .product-highlight__items {
        gap: 10vw;
        margin-top: 9.6vw;
    }



    .product-highlight__bg svg {
        width: 100%;
    }

    .product-highlight__item .product-highlight__bg {
        bottom: -6px;
        z-index: -1;
        width: calc(100% + 5vw);
    }

    .wrap-testimonial-slider {
        margin: 0;
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .wrap-certification-slider {
        margin: 0;
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .wrap-supplements-paginations {
        padding: 0 clamp(20px, 8vw, 60px);

    }

    .btn-highlight__item {
        width: 3.47vw;
        /* right: 5px;
        top: 37%; */
        transition: all 0.3s ease;

    }

    .cont-product-highlight__item:first-child {
        display: block;
    }

    .wrap-product-highlight__info {
        display: block;
    }

    .btn-highlight__item.active {
        width: 5vw;
    }

    .wrap-product-highlight__info {
        max-width: 67.73vw;
    }

    .wrap-highlight__slider {
        min-height: 72.8vw;
        padding: 4vw 8vw 4vw 6.4vw;
        margin-bottom: 5.73vw;

    }

    .product-highlight__slider .swiper-slide img {
        width: 100%;
    }

    .wrap-img-highlight__slider {
        margin-top: 5.33vw;
    }

    .wrap-highlight__slider .swiper-product-btn {
        width: 9.33vw;
        height: 9.33vw;
    }

    .swiper-product-btn img {
        width: 2.53vw;
    }

    .wrap-highlight__slider .product-next {
        right: -5.33vw;
    }

    .wrap-highlight__slider .product-prev {
        left: -5.33vw;
    }

    .wrap-product-highlight__info {
        transform: translateY(calc(-11.73vw + 46px));
    }

    .product-highlight__name a {
        font-size: clamp(14px, 3.733vw, 28px);



    }

    .product-highlight__desc {
        font-size: clamp(12px, 3.2vw, 24px);
        margin-bottom: 3.73vw;
    }

    .btn-softgel {
        font-size: clamp(12px, 3.2vw, 24px);

    }

    .product-highlight__name {
        margin-bottom: 1.6vw;
    }

    .btn-softgel.active {
        padding: 2.4vw 5.6vw;
    }

    .btn-softgel {
        padding: 2.4vw 5.6vw 2.4vw 1.87vw;

    }

    .btn-softgel:first-child {
        padding: 2.4vw 5.6vw 2.4vw 5.6vw;

    }

    .why-choose__gallery .gallery-caption {
        padding: 0 0 0 4vw;
        min-height: auto;
        left: 5.33vw !important;
    }

    .why-choose__header .title {
        font-size: clamp(24px, 6.4vw, 48px);
        margin-bottom: 1.87vw;
    }

    .why-choose__header .subtitle {
        font-size: clamp(14px, 3.733vw, 28px);
        font-weight: 600;
    }

    .why-choose__header {
        margin: 0 8vw 6.67vw;
    }

    .product-highlight {
        padding: 8.67vw 0 34vw;
    }

    .img-why-choose {
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -23.6vw;
    }


    .img-why-choose video {
        width:calc(100% - 8vw) !important;
        margin: 0 auto;
    }

    .inner-choose-item {
        max-width: 100%;
        align-items: start;

    }

    .why-choose-text {
        text-align: left;
        margin: 0;
    }

    .why-choose-item:nth-child(even) .inner-choose-item {
        padding-left: 0;
    }

    .why-choose-icon {
        width: 11.87vw;
        height: 11.87vw;
        border: 0.27vw solid #000;
        padding: 2.4vw;
    }

    .why-choose-text {
        font-size: clamp(14px, 3.733vw, 28px);
        line-height: 1.15;
    }

    .inner-choose-item {
        gap: 2.67vw;
    }

    .why-choose__features {
        gap: 6vw 8vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: -3.2vw;
        align-items: start;
    }

    .quality-item .quality-image {
        min-height: 17.6vw;
        max-width: 13.87vw
    }

    .why-choose-item {
        width: 100%;
    }

    .why-choose-item:last-child {
        margin: 0;
    }

    .why-choose-bottom {
        padding-top: 8vw;
    }

    .why-choose-top {
        padding-bottom: 8vw;
    }

    .why-gallery-pagination {
        margin: 9.47vw 0 7.2vw;
    }

    .supplements-title {
        font-size: clamp(18px, 4.8vw, 36px);
        line-height: 1.2;
        margin-bottom: 8.53vw;
    }

    .supplements-title br {
        display: none;
    }

    .supplements-section {
        padding-top: 9.33vw;
        padding-bottom: 8.93vw;
    }

    .supplement-item {
        max-width: 100%;
    }

    .wrap-supplements-slider {
        margin: 0;
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .supplement-info h3 {
        font-size: clamp(14px, 3.733vw, 28px);

    }

    .supplement-info p {
        font-size: clamp(12px, 3.2vw, 24px);
    }

    .supplements-footer a {
        font-size: clamp(14px, 3.733vw, 28px);
        font-weight: 600;

    }

    .ingredient-item:last-child {
        padding-right: 4vw !important;
    }

    .supplement-image {
        margin-bottom: 5.87vw;
        max-width: 53.33vw;
    }

    .cert-item img {
        width: 85%;
    }

    .supplement-info h3 {
        margin-bottom: 1.6vw;
    }


    .wrap-supplements-paginations {
        margin: 7.6vw auto 7.33vw;
    }

    .testimonial-title {
        font-size: clamp(18px, 4.8vw, 36px);
        width: 100%;
        margin-bottom: 7.6vw;
    }

    .testimonial-title br {
        display: none;
    }

    .testimonial-navigation-sp {
        display: flex;
    }

    .testimonial-navigation-pc {
        display: none;
    }

    .testimonial-image img {
        width: 100%;
    }

    .testimonial-image {
        width: 23.33vw;
    }

    .testimonial-content {
        gap: 8vw;
        padding-bottom: 6vw;
        margin-bottom: 2.4vw;
    }

    .testimonial-text {
        width: calc(100% - 23.33vw - 8vw);
    }

    .testimonial-text h4 {
        font-size: clamp(12px, 3.2vw, 24px);
    }

    .testimonial-rating {
        font-size: 5.33vw;
        letter-spacing: 0.67vw;
    }

    .testimonial-text p {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.35;
        font-weight: 500;
    }

    .testimonial-product span {
        font-size: clamp(12px, 3.2vw, 24px);

    }

    .testimonial-product img {
        width: 10.67vw;
    }

    .testimonial-product {
        gap: 2.67vw;
    }

    .testimonial-item {
        padding: 6.67vw 4.8vw 4.53vw 5.33vw;
    }

    .testimonial-product {
        align-items: center;

    }

    .testimonial-product span {
        padding: 0;
    }

    .testimonial-count {
        font-size: clamp(12px, 3.2vw, 24px);
    }

    .testimonial-prev,
    .testimonial-next {

        width: 2.53vw;
    }

    .testimonial-navigation {
        gap: 4vw;
        margin: 6vw 0 0;
    }

    .testimonial-section {
        background: #ebe6dc;
        padding: 8.53vw 0 5.33vw;
        margin-bottom: 9.33vw;
    }

    .inner-latest-news {
        padding: 8vw 5.33vw 8.53vw 5.33vw;
    }

    .news-header {
        margin-bottom: 6vw;
    }

    .certification-header {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .certification-header h2 {
        padding-right: 0;
        font-size: clamp(18px, 4.8vw, 36px);
        padding-bottom: 8vw;
        position: relative;
        border: none;
    }

    .certification-header h2::after {
        position: absolute;
        content: '';
        width: 20.4vw;
        height: 0.27vw;
        bottom: 3.6vw;
        left: 50%;
        transform: translateX(-50%);
        background: #000000;
    }

    .certification-header p {
        padding: 0;
        font-size: clamp(14px, 3.733vw, 28px);
        text-align: center;
        font-weight: 600;
        max-width: 100%;
    }

    .latest-news {
        margin-bottom: 10.67vw;
    }

    .certification-slider-pc {
        display: none !important;
    }

    .certification-slider-sp {
        display: block;
    }

    .cert-group {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .cert-item {
        min-height: auto;
    }

    .certification-paginations {
        margin: 8vw auto 13.33vw;
    }

    .insta-center .subtitle {
        font-size: clamp(10px, 2.67vw, 20px);
        margin-bottom: 1.07vw;

    }

    .insta-center h2 {
        font-size: clamp(18px, 4.8vw, 36px);
        margin-bottom: 3.2vw;
    }

    .insta-center .cont {
        font-size: clamp(12px, 3.2vw, 24px);
        max-width: 100%;
        margin-bottom: 5.6vw;
        line-height: 1.3;
    }

    .insta-center {
        padding: 11.73vw 12vw 10.4vw;
    }

    .why-choose__header {
        transform: translateY(-12vw);
    }

    .softgel-number {
        font-size: clamp(15px, 4vw, 30px);
    }

    .softgel-text {
        font-size: clamp(10px, 2.67vw, 20px);
    }

    .wrap-softgel.active {
        width: 11.33vw;
        height: 11.33vw;
    }

    .softgel-badge {
        padding-bottom: 2.13vw;
        gap: 1.33vw;
        left: 0;
        top: 2vw;
    }

    .softgel-badge-2 {
        padding: 2.13vw 0 0;
    }

    .news-header h2 {
        font-size: clamp(18px, 4.8vw, 36px);
        padding-left: 0;

    }

    .inner-certification-popup {
        /* padding: 10.67vw 5.33vw !important; */
        padding: 0 !important;
    }

    .certification-popup .popup-body {
        padding: 10.67vw 5.33vw !important;
        max-height: 100vh;
        overflow: auto;

    }

    .certification-popup {}

    .certification-popup .popup-body .popup-left {
        width: 100%;
    }

    .certification-popup .popup-body .popup-right {
        width: 100%;
    }

    .certification-popup .popup-body {
        gap: 4.53vw;
    }

    .certification-popup .popup-close {
        width: 4.8vw;
        top: 4.27vw;
        right: 5.07vw;
    }

    .popup-body .popup-right .popup-title {
        font-size: clamp(18px, 4.8vw, 36px);

        font-family: "Montserrat";
        color: rgb(0, 48, 116);
        font-weight: 600;
        line-height: 1.222;
        margin-bottom: 2.4vw !important;


    }

    .popup-body .popup-right .popup-desc {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        line-height: 1.214;
        margin-bottom: 0;

    }

    .certification-popup .popup-body .popup-list li a {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "MiSans";
        color: rgb(0, 0, 0);
        line-height: 1;
        padding-bottom: 2.67vw;
        gap: 4.27vw;
        padding-left: 0;

    }

    .inner-certification-popup {
        min-height: 0;
        max-height: 100dvh;
        overflow-y: scroll;
    }

    .certification-popup .popup-body .popup-list li a img {
        width: 3.2vw;
    }

    .certification-popup .popup-body .popup-list {
        gap: 3.2vw;
    }

    .certification-btn-slider {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .certification-button-prev {
        left: 0;
    }

    .certification-button-next {
        right: 0;
    }

    .certification-popup .popup-body .popup-list {
        max-width: 100%;
        margin: 6.53vw 0 0;
    }

    .certification-popup .popup-body .popup-left img {
        border-width: 1.73vw 1.87vw;
    }

    .ifos-popup.certification-popup .popup-body .popup-left img {
        border-width: 1.73vw 1.87vw 2.67vw;
    }

    .wrap-certification-button {
        margin: 0;
    }

    .certification-popup {
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .certification-btn-slider img {
        width: 2.53vw;
        max-width: 100% !important;
    }

    .slider-popup-left .swiper-slide {
        padding: 0;
    }

    .certification-popup .popup-body .popup-left img {
        max-width: calc(100% - 22.4vw);
    }

    .post-sidebar {
        width: 100%;
        order: 2;
    }

    .post-content {
        width: 100%;
    }

    .is-sp {
        display: block;
    }

    .is-pc {
        display: none;
    }

    .post-category {
        font-size: clamp(10px, 2.67vw, 20px);
        margin-bottom: 2.67vw;
    }

    .post-content .post-title {
        font-size: clamp(18px, 4.8vw, 36px);
        max-width: 100%;
        line-height: 1.2;
        margin-bottom: 3.2vw;
    }

    .inner-post-meta span,
    .inner-post-meta span a {
        font-size: clamp(10px, 2.67vw, 20px);

    }

    .entry-content {
        font-size: clamp(12px, 3.2vw, 24px);
        line-height: 1.4;
        font-weight: 500;
    }

    .entry-content h2 {
        font-size: clamp(14px, 3.733vw, 28px);
        font-weight: 700;
        margin-bottom: 1.73vw;
        margin-top: 5.33vw;
    }

    .entry-content h3 {
        margin-bottom: 1.73vw;
        font-size: clamp(12px, 3.2vw, 24px);
    }

    .entry-content h4 {
        margin-bottom: 1.73vw;
        font-size: clamp(12px, 3.2vw, 24px);

    }

    .entry-content p {
        margin-bottom: 1.87vw;
    }

    .post-avatar {
        width: 10.67vw !important;
        height: 10.67vw !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .post-avatar img {
        border-radius: 50%;
        width: 100%;
    }

    .post-header .post-meta {
        align-items: center;
        margin-bottom: 4vw;
    }

    .inner-post {
        padding-top: 7.73vw;
    }

    .single-thumbnail {
        margin-bottom: 6.4vw;
        margin-top: 0;
    }

    .entry-content iframe {
        height: 47.07vw;
        margin-top: 6vw;
        margin-bottom: 6vw;
    }

    .entry-content img {
        padding: 4.93vw 0 0;
    }

    .share-post {
        display: none;
    }

    .inner-post {
        gap: 1.2vw;
    }

    .share-title {
        font-size: clamp(10px, 2.67vw, 20px);
        margin-bottom: 4.93vw;
    }

    .share-list {
        gap: 2.67vw;
        justify-content: center;
        border-bottom: 0.53vw solid #b29570;
        padding-bottom: 5.33vw;
        margin-bottom: 6vw;
    }

    .share-list li a {
        width: 9.07vw;
        height: 9.07vw;
        font-size: 4.27vw;
        border-radius: 3.33vw;
    }

    .back-btn {
        font-size: clamp(18px, 4.8vw, 36px);
        padding: 2.4vw 5.6vw;
        gap: 3.33vw;
    }

    .back-btn img {
        width: 2.53vw;
    }

    .share-box {
        padding: 6.53vw 4.53vw 8.4vw 4.27vw;
        margin-bottom: 0;
        /* margin-bottom: 6.93vw; */
        margin-top: 3vw;
    }

    .banner-link-single {
        margin-top: 6.93vw;
    }

    .single-post .inner-post {
        padding-bottom: 13.33vw;
    }

    .cs-hero-subheading,
    .cs-hero-product .cs-hero-heading,
    .cs-hero-product .cs-hero-desc {
        text-align: left;
    }

    .cs-hero-news .cs-hero-desc {
        max-width: 80%;
    }

    .cs-hero-product .cs-hero-heading {
        margin-bottom: 2px;
    }

    .cs-hero-product .cs-hero-desc {
        font-size: clamp(14px, 3.733vw, 28px);
        max-width: 42.13vw;
    }

    .cs-hero-subheading {
        font-size: clamp(10px, 2.67vw, 20px);
    }

    .cs-hero-product.cs-hero {
        padding: 12.93vw 0 14.27vw;
    }

    .product-filter-mobile {
        display: block;
        width: 100%;
        position: relative;
    }

    .product-filter-mobile::after {
        position: absolute;
        background-image: url('../images/arrows-right.svg');
        background-size: contain;
        content: '';
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        right: clamp(14px, 4.4vw, 40px);
        width: 2.533vw;
        height: 4vw;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .product-filter {
        display: none;
    }

    .product-header {
        flex-wrap: wrap;
        gap: 4.67vw;
        padding-bottom: 6.13vw;
    }

    .product-section {
        padding-top: 10.67vw;
    }

    .product-number {
        max-width: 100%;
        font-size: clamp(10px, 2.67vw, 20px);
        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        line-height: 1.2;
    }

    .product-item .product-title {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        line-height: 1.2;
        font-weight: 700;
    }

    .product-item .product-desc {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        line-height: 1.333;
        font-weight: 400;

    }

    .product-grid {
        gap: 9.33vw;
    }

    .product-item .product-badge {
        font-size: clamp(10px, 2.67vw, 20px);
        /* padding: 0.93vw; */
        top: -2.13vw;
        left: 2.13vw;
        width: 16vw;
    }

    .product-image {
        margin-bottom: 4vw;
    }

    .related-title {
        width: 100%;
        text-align: center;
        font-size: clamp(24px, 6.4vw, 48px);
        margin-bottom: 4.8vw;
    }

    .related-left {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 0 clamp(20px, 8vw, 60px);
        overflow-x: scroll;
        gap: 2.67vw;
        flex-direction: row;
        margin-bottom: 7.33vw;
    }

    .related-left .list-item-related {
        flex: 0 0 auto;
        margin: 0 !important;
    }

    .list-item-related .related-image {
        display: none !important;
    }

    .related-image-mb {
        display: none;
        width: 100%;
    }

    .related-image-mb img {
        display: block;
        margin: 0 auto;
        border-radius: 25px;
    }

    .wrap-related-image-mb {
        width: 100%;
        padding: 0 clamp(20px, 8vw, 60px);
        margin-bottom: 3.2vw;
    }

    .wrap-related {
        display: block;
    }

    .related-products {
        margin: 0;
        padding: 13.07vw 0 8vw;
    }

    .related-right {
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .related-button {
        border-width: 1px;
        font-size: clamp(14px, 3.733vw, 28px);
        padding: 3.07vw 9.33vw 2.93vw;

    }

    .related-subtitle {
        font-size: clamp(14px, 3.733vw, 28px);
        margin-bottom: 2vw;

    }

    .related-desc {
        font-size: clamp(12px, 3.2vw, 24px);
        margin-bottom: 6.67vw !important;
    }

    .slide-related-product {
        max-width: none;
    }

    .related-product .product-title {
        font-size: clamp(12px, 3.2vw, 24px);
        margin-bottom: 0;
    }

    .related-product .product-desc {
        font-size: clamp(10px, 2.67vw, 20px);
        font-weight: 500;
        padding: 0 0.8vw;
        line-height: 1.3;
    }

    .related-product-thumbnail {
        margin-bottom: 1.33vw;
    }

    .related-product {
        padding: 1.87vw 2.67vw 3.2vw;
    }

    .related-plus {
        font-size: 4.53vw;
        width: 8vw;
        height: 8vw;
        right: -6.67vw;

    }

    .breadcrumb-item,
    .breadcrumb-item a {
        font-size: clamp(10px, 2.67vw, 20px);
        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        line-height: 1.2;


    }

    .inner-product-gallery {
        flex-wrap: wrap;
        max-height: none;
        flex-direction: column-reverse;

        gap: 4vw;
    }

    .product-gallery {
        margin-bottom: 6.67vw
    }

    .product-thumbnail {
        height: 83.33vw;
        width: 100%;
    }

    .thumbnail-list {
        width: 100%;
        overflow-x: auto;

        flex-direction: row;
        gap: 2.27vw;
    }

    .img-thumbnail-list {
        width: 14.67vw;
        flex: 0 0 auto;
    }

    .thumbnail-list img {
        border-radius: 5px;
    }

    .breadcrumb-item+.breadcrumb-item:before {
        padding-right: 2.67vw;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 2vw;
    }

    .product-info {
        padding: 0;
    }

    .accordion-product-header img {
        width: 4.13vw;
    }

    .product-info .product-category {
        font-size: clamp(10px, 2.67vw, 20px);
        margin-bottom: 1.07vw;

    }

    .product-info .product-title {
        margin-bottom: 1.07vw;
        font-size: clamp(24px, 6.4vw, 48px);
    }



    .product-info .product-subtitle {
        font-size: clamp(14px, 3.733vw, 28px);
        margin-bottom: 2.4vw;
    }

    .product-info .product-tags {
        gap: 2.53vw;
        margin-bottom: 5.33vw;
    }

    .product-info .product-tags div {
        font-size: clamp(10px, 2.67vw, 20px);
        padding: 0.8vw 3.07vw 0.27vw;
        border-radius: 50px;
    }

    .product-info .highlight {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 3.2vw 2.67vw 3.47vw 4.67vw;
        margin-bottom: 5.07vw;
    }

    .product-info .highlight h2 {

        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(255, 255, 255);
        font-weight: 600;
        line-height: 1.214;
        max-width: 58.67vw;

    }

    .product-info .highlight h2 img {
        width: 4.13vw;

    }

    .product-features {
        padding-left: 4.27vw;
        display: none;
        border: none;
    }

    .product-features li::before {
        top: 1.47vw;
        left: -2.8vw;
        width: 1vw;
        height: 1vw;
    }

    .product-features li {
        font-size: clamp(10px, 2.67vw, 20px);
        margin-bottom: 1.6vw;

    }

    .frequency-label {
        font-size: clamp(10px, 2.67vw, 20px);
        max-width: 24vw;
        margin: 0;

    }

    .frequency-options {
        gap: 2.4vw;
    }

    .buy-button.button {
        width: 100%;
        background: #001c72;
        padding: 3.07vw;
        text-align: center;
        margin-bottom: 3.2vw;
    }

    .purchase-note {
        margin: 0;
        font-size: clamp(12px, 3.2vw, 24px);

    }

    .accordion-product-header {
        font-size: clamp(14px, 3.733vw, 28px);
        border-top: 0.27vw solid #000;
        padding: 3.87vw 0 3.2vw;
    }

    .accordion-product-content {
        padding: 0 0 3.2vw;
    }

    .product-purchase-top {
        gap: 2.67vw;
        margin-bottom: 5.33vw;
    }

    .frequency-options button {
        font-size: clamp(12px, 3.2vw, 24px);
        padding: 1.6vw 1.33vw 1.87vw;
    }

    .frequency-options button img {
        width: 4.27vw
    }

    .product-info .highlight img {
        transition: all 0.3s ease;
        width: 4.13vw;
    }

    .product-info .highlight.active img {
        transform: rotate(180deg);
    }

    .product-purchase {
        border-top: 0.27vw solid #000;
        padding-top: 5.33vw;
    }

    .accordion-product-content p {
        font-size: clamp(10px, 2.67vw, 20px);
    }

    .breadcrumb {
        margin: 6.67vw 0 6.4vw;
    }

    .quality-heading h2 {
        font-size: clamp(18px, 4.8vw, 36px);
        margin-bottom: 1.6vw;
    }

    .quality-heading p {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(117, 120, 123);
        line-height: 1.333;
        margin-bottom: 6vw;
    }

    .quality-item p {
        font-size: clamp(12px, 3.2vw, 24px);
        text-align: center;
    }

    .product-wrapper {
        margin-bottom: 8.53vw;
    }

    .quality-item {
        gap: 3.33vw;
    }

    .product-quality {
        padding-bottom: 10.67vw;
    }

    .key-title h2 {
        font-size: clamp(18px, 4.8vw, 36px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: 700;
        line-height: 1.167;
        margin-bottom: 1.87vw;

    }

    .key-title p {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(117, 120, 123);
        line-height: 1.333;
        max-width: 100%;
        margin-bottom: 4.67vw;
    }

    .ingredient-center {
        width: 100%;
        margin: -11.73vw auto 0;
    }

    .inner-ingredient h4 {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 1.87vw;


    }

    .inner-ingredient p {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        line-height: 1.333;


    }

    .inner-ingredient {
        max-width: 100%;
    }

    .ingredient-item {
        max-width: 76vw;
    }

    .product-key-ingredients .container {
        padding: 0;
    }

    .product-key-ingredients {
        padding-bottom: 10.67vw;
        padding-top: 8.27vw;
    }

    .ingredients-title {
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .ingredient-center {
        width: 100%;
        margin: -11.73vw auto 0;
        max-width: 100%;
        padding: 0 clamp(20px, 8vw, 60px);
    }

    .ingredients-content {
        padding-left: clamp(20px, 8vw, 60px);
        margin-top: -6.67vw;
    }

    .key-benefits {
        padding-top: 8vw;
        padding-bottom: 8vw;

    }

    .benefits-title h2 {
        margin-bottom: 1.07vw;
    }

    .benefits-title p {
        padding-bottom: 4.53vw;
        border-bottom: 0.27vw solid #000;
    }

    #benefit-mb-0 {
        display: block;
    }

    .benefit-mb-item .tab.active {
        background: #002081;

    }

    .benefit-mb-item .tab {
        width: 100%;
        font-size: clamp(14px, 3.733vw, 28px);

        font-family: "Montserrat";
        color: rgb(255, 255, 255);
        font-weight: 700;
        line-height: 1.2;
        background: #b29570;
        border: none;
        outline: none;
        margin-bottom: 2.67vw;
        padding: 3.33vw 0 2.93vw;
    }

    .wrap-benefit {
        padding-top: 1.33vw;
        padding-bottom: 5.33vw;
    }

    .benefit-content .image {
        width: 100%;
    }

    .benefit-content .text {
        width: 100%;
    }

    .benefit-content .text h3 {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1.6vw;

    }

    .benefit-content .text p {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        line-height: 1.333;
    }

    .benefit-content {
        gap: 4.8vw;
    }

    .science-driven-cont h3 {
        font-size: clamp(18px, 4.8vw, 36px);
        color: rgb(0, 28, 114);
        font-weight: bold;
        line-height: 1.167;
        margin-bottom: 1.6vw;
    }

    .science-driven-cont p {
        color: rgb(117, 120, 123);
        line-height: 1.333;
        font-size: clamp(12px, 3.2vw, 24px);
        font-weight: 500;
        margin-bottom: 2.67vw;
    }

    .science-driven-row:first-child {
        margin-bottom: 8.27vw;
    }

    .science-driven-cont ul li {
        margin-bottom: 2.13vw;
        padding-left: 7vw;
    }

    .science-driven-row:last-child .science-driven-cont {
        padding: 0;
    }

    .science-driven-section {
        padding: 11.33vw 0 8.53vw;
    }

    .science-driven-cont ul {}

    .science-driven-cont ul li {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: bold;
        line-height: 1.333;


    }

    .science-driven-cont ul li img {
        width: 3.87vw;
    }

    .science-driven-row {
        gap: 4.67vw;
    }

    .related-articles-header h2 {
        font-size: clamp(18px, 4.8vw, 36px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: bold;
        line-height: 1.556;
        text-align: center;

    }

    .related-articles-header {
        justify-content: center;
    }

    .article-thumb {
        width: 100%;
        margin-bottom: 1.87vw;
    }

    .article-content {
        width: 100%;
    }

    .related-articles-slider {
        margin: 0 !important;
    }

    .wrap-related-articles-paginations {
        padding-right: 0;
    }

    .related-articles-paginations {
        margin: 6.67vw auto 7.47vw;
    }

    .article-content .article-meta {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 1.6vw;
    }

    .article-content .article-title a {
        font-size: clamp(14px, 3.733vw, 28px);
        font-family: "Montserrat";
        color: rgb(0, 0, 0);
        font-weight: 600;
        margin-bottom: 2.93vw;
    }

    .article-content .article-title {
        margin-bottom: 0;
    }

    .article-content .article-author {
        font-size: clamp(12px, 3.2vw, 24px);
        font-family: "Montserrat";
        color: rgb(80, 80, 80);
        font-weight: 600;
        margin-bottom: 0;
    }

    .wrap-view-more-sp a {
        font-size: clamp(14px, 3.733vw, 28px);

        font-family: "Montserrat";
        color: rgb(0, 28, 114);
        font-weight: bold;
        text-decoration: underline;
        text-transform: uppercase;
        line-height: 1.2;
        display: block;
        text-align: center;
    }

    .related-articles {
        padding: 7.47vw 0 8.27vw;
    }

    .related-articles-header {
        margin-bottom: 5.6vw;
    }

    .related-single-products {
        padding: 9.6vw 0 8vw;
    }

    .quality-logos {
        gap: 4vw;
    }

    .alt-footer-newsletter,
    div.tnp-subscription,
    form.tnp-subscription,
    form.tnp-profile {
        max-width: 100% !important;
    }

    .form-footer form input {
        width: 100% !important;
        height: 10.667vw !important;
        font-size: clamp(12px, 3.2vw, 24px) !important;
        line-height: 1.58 !important;
        padding: 1.4vw 2.8vw 1.4vw 3.1vw !important;
    }

    .view-all {
        font-size: clamp(14px, 3.733vw, 28px);
    }

    .news-side .news-item {
        display: none;
    }

    .news-side .news-item:first-child {
        display: block;
    }

    .news-main .news-item span,
    .news-side .news-item span {
        font-size: clamp(12px, 3.2vw, 24px);



    }

    .news-main .news-item h3,
    .news-side .news-item h4 {
        font-size: clamp(14px, 3.733vw, 28px);
        list-style: 1.3;

    }

    .news-main .news-item p,
    .news-side .news-item p {
        font-size: clamp(12px, 3.2vw, 24px);



    }

    .alt-footer-newsletter {
        max-width: 100% !important;
    }

    .menu-lang li .arrow {
        margin-left: 2px;
    }

    .hero-slider .swiper-pagination {
        left: 8vw !important;
        bottom: 8.93vw !important;
    }

    .menu-mobile ul li.active .arrow img {
        transform: rotate(180deg);
    }

    .menu-mobile ul li.active>a,
    .menu-lang ul li.active>a {
        color: #c8913b;

    }

    .menu-header ul li .arrow {
        transition: all 0.3s ease;
    }

    .science-driven-cont ul li::after {
        width: 3.87vw;
        top: 1.73vw;
        height: 2.67vw;
    }

    .ingredients-content {
        gap: 4vw;
    }

    .product-purchase {
        margin-bottom: 6vw;
    }

    ul li .arrow {
        width: 2.93vw;
        display: inline-block;
    }
}

@media (max-width:576px) {
    .menu-header ul li .arrow svg {
        width: 100%;
    }

    ul li .arrow {
        width: 11px;
        display: inline-block;
    }

    ul li .arrow svg {
        width: 100%;
    }

}

@media (max-width:390px) {
    .why-choose-top::after {
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

    .frequency-options {}

    .frequency-label {
        max-width: 22vw;
    }


}