@media only screen and (max-width: 1700px) {
    .showcase-1 .wrap {
        align-items: center;
    }
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
    .slick-slider {
        padding: 0 50px;
    }
    .slick-slider.main-slider-testimonials {
        padding: 0 75px;
    }
    .slick-slider.section-studies-blocks {
        padding: 0 25px;
    }
    .what-else-logos {
        margin-top: 50px;
    }
    .section-slider-testimonials .right-area {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 1400px) {
    .section-32 .container .content-area {
        padding: 35px 30px;
    }
}
@media only screen and (max-width: 1200px) {
    .form-field .free-shipping span:first-of-type:before {
        margin-left: 0;
    }
    #nav-menu ul {
        column-gap: 20px;
    }
    .section-what-else-it-do .content-area {
        padding-left: 30px;
        padding-right: 30px;
    }
    h1 {
        font-size: 65px;
    }
    h2.h1 {
        font-size: 59px;
    }
    h2.large {
        font-size: 52px;
        line-height: 1.1em;
        font-weight: bold;
    }
    h2.med {
        font-size: 42px;
    }
    h2 {
        font-size: 37px;
    }
    h2 .large-inside {
        font-size: 67px;
        background: linear-gradient(90deg, rgba(255, 207, 154, 1) 21%, rgba(219, 30, 38, 1) 100%);
    }
    h3 {
        font-size: 29px;
    }
    h3.med {
        font-size: 32px;
        line-height: 1.2em;
        font-weight: bold;
    }
    h4 {
        font-weight: bold;
    }
    .section-slider-testimonials,
    h4 {
        font-size: 26px;
    }
    .comparison-title {
        font-size: 16px;
    }
    .section-26 .section-versus-block h2 {
        font-size: 18px;
    }
    .section-26 .label {
        font-size: 10px;
    }
    body {
        font-size: 17px;
    }
    .discover-cta-block,
    .content-block-has-icon,
    .intro2,
    .intro,
    .before-after-text-heading-block .right-content-wrap,
    .before-after-text-heading-block .left-content-wrap {
        font-size: 16px;
    }
    .section-what-scient-says {
        background-size: cover;
    }
    .section-what-scient-says .left-area {
        padding-bottom: 50px;
    }
    .four-ingridients .ingrident-box .image-block {
        flex: 0 0 35%;
    }
    .pricing-block-main .left {
        width: 550px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
    .pricing-block-main .right {
        width: 550px;
        max-width: 100%;
        margin: 0 auto;
    }
    .pricing-block-main .wrap {
        column-gap: 30px;
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (max-width: 1100px) {
    .header-logo img {
        width: 186px;
    }
    .btn {
        height: 48px;
        font-size: 14px;
        min-width: 100px;
        padding-left: 16px;
        padding-right: 16px;
        font-weight: bold;
    }
    .main-nav {
        position: absolute;
        width: 420px;
        background: #fff;
        top: 100%;
        right: 30px;
        padding: 30px;
        -webkit-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.06);
        display: none;
        max-width: 100%;
        margin-top: 5px;
    }
    .main-nav.active {
        display: block;
        z-index: 10;
        left: 30px;
        max-width: calc(100% - 60px);
    }
    .main-nav ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 20px;
    }
    .icon.nav-icon {
        display: inline-flex;
        padding: 0;
        margin: 0;
        cursor: pointer;
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        background: #f8d2d4;
        border-radius: 100%;
        margin-left: 8px;
    }
    .icon.nav-icon span,
    .icon.nav-icon span:before,
    .icon.nav-icon span:after {
        width: 26px;
        height: 2px;
        float: left;
        display: block;
        background: #17384d;
        position: relative;
        text-indent: -9000px;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }
    .icon.nav-icon span {
        margin: 9px 0;
    }
    .icon.nav-icon span:before,
    .icon.nav-icon span:after {
        content: "";
        position: absolute;
    }
    .icon.nav-icon span:before {
        top: -8px;
    }
    .icon.nav-icon span:after {
        bottom: -8px;
    }
    .icon.nav-icon.active span {
        background-color: transparent;
    }
    .icon.nav-icon.active span:before,
    .icon.nav-icon.active span:after {
        top: -2px;
    }
    .icon.nav-icon.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .icon.nav-icon.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        top: 8px;
    }
    .showcase-1 .wrap {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .showcase-1 .wrap .content-area {
        width: 100%;
        padding-top: 0;
    }
    .showcase-1 .wrap .image-area {
        width: 100%;
        text-align: center;
    }
    .discover-cta-gradient {
        padding: 50px;
    }
    .discover-cta-block .discover-cta-content {
        padding-left: 50px;
    }
    .section-21:after {
        height: calc(100% + 30px);
    }
    .section-studies {
        padding-top: 150px;
    }
}
@media only screen and (min-width: 900px) {
    .section-what-else-it-do .content-area,
    .section-img-with-text .content-area {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media only screen and (max-width: 900px) {
    .radio-input-setup,
    .pricing-block-main .wrap {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .radio-input-setup {
        margin-bottom: 30px;
    }
    .pricing-block-main .left,
    .pricing-block-main .right {
        width: 550px;
        margin: 0 auto;
        max-width: 100%;
    }
    .section-text-pills span {
        font-size: 12px;
        min-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-text-pills {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .desktop-image {
        display: none;
    }
    .mobile-image {
        display: flex;
        justify-content: center;
    }
    .showcase-1 .rating img {
        margin-right: 18px;
    }
    .showcase-1 .rating {
        font-size: 14px;
    }
    .showcase-1 .content {
        margin-bottom: 10px;
    }
    .btn.large-padding {
        padding-left: 26px;
        padding-right: 26px;
    }
    h1 {
        font-size: 51px;
    }
    h2.h1 {
        font-size: 42px;
    }
    h2.large {
        font-size: 42px;
        line-height: 1.1em;
        font-weight: bold;
    }
    h2.med {
        font-size: 30px;
    }
    h2 {
        font-size: 30px;
    }
    h2 .large-inside {
        font-size: 57px;
        background: linear-gradient(90deg, rgba(255, 207, 154, 1) 21%, rgba(219, 30, 38, 1) 100%);
    }
    h3 {
        font-size: 21px;
    }
    h3.med {
        font-size: 32px;
        line-height: 1.2em;
        font-weight: bold;
    }
    h4 {
        font-weight: bold;
    }
    .section-slider-testimonials,
    h4 {
        font-size: 24px;
    }
    .comparison-title {
        font-size: 14px;
    }
    .section-26 .section-versus-block h2 {
        font-size: 17px;
    }
    .section-26 .label {
        font-size: 7px;
    }
    .section-26 .label img {
        width: 7px;
    }
    body {
        font-size: 16px;
    }
    .discover-cta-block,
    .content-block-has-icon,
    .intro2,
    .intro,
    .before-after-text-heading-block .right-content-wrap,
    .before-after-text-heading-block .left-content-wrap {
        font-size: 15px;
    }
    .btn .icon img {
        width: 16px;
    }
    .showcase-1 .has-arrow-indicator:after {
        width: 71px;
        height: 35px;
        background-size: 71px;
        margin-left: 26px;
    }
    .with-arrow-bg span {
        display: block;
    }
    .showcase-1 .image-overlay {
        left: auto;
        right: -20px;
    }
    .with-arrow-bg span:after {
        width: 198px;
        height: 18px;
        background-image: url(images/h1-span-bg-1-mobile.png);
    }
    .showcase-1 .content-area h1 {
        margin-bottom: 20px;
    }
    .section-what-else-it-do .content-area,
    .section-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    #header .container {
        padding: 18px;
    }
    .section-what-scient-says .wrap,
    .section-img-with-text .container {
        flex-wrap: wrap;
    }
    .section-img-with-text .image-area,
    .section-img-with-text .content-area {
        padding: 0;
        width: 100%;
    }
    .section-what-scient-says .left-area,
    .section-what-scient-says .right-area,
    .section-slider-testimonials .left-area,
    .section-slider-testimonials .right-area,
    .grid-blocks .grid-block,
    .section-21 .header .left,
    .section-21 .header .right,
    .section-what-else-it-do .image-area,
    .section-what-else-it-do .content-area,
    .section-studies-block,
    .four-ingridients .ingrident-box {
        width: 100%;
    }
    .section-32 .container .wrap,
    .section-21 .header,
    .what-else-logos {
        flex-wrap: wrap;
    }
    .section-as-seen .container h3 {
        width: 100%;
        text-align: center;
        font-size: 30px;
    }
    .section-as-seen .container {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 10px;
    }
    .section-as-seen .container img:last-of-type {
        display: none;
    }
    .section-10,
    .section-next-section,
    .section-as-seen .container {
        padding-bottom: 35px;
    }
    .section-23.section-img-with-text .content-area .content,
    .section-11,
    .section-15,
    .custom-layout-3 .container .image-area,
    .section-next-section {
        padding-top: 35px;
    }
    .section-next-section h2 {
        padding-right: 76px;
    }
    .section-6.section-img-with-text.content-first .container,
    .section-img-with-text .container {
        flex-direction: column-reverse;
    }
    .section-img-with-text.content-first .container {
        flex-direction: column-reverse;
    }
    .section-31 .container,
    .section-img-with-text .container.the-main-content,
    .section-19.section-img-with-text .container,
    .layout-2.section-img-with-text .container {
        flex-direction: column;
    }
    .content h3,
    .content h4,
    .regular-p p,
    .content p,
    .section-img-with-text .content-area h2 {
        margin-bottom: 25px;
    }
    .content ul li {
        margin-bottom: 20px;
        background-size: 17px;
        padding-left: 27px;
        background-position: 0 3px;
    }
    .section-5 .image-area .mobile-image {
        margin-right: -15px;
    }
    .intro2,
    .intro {
        margin-bottom: 16px;
        padding: 0 10px;
        height: 35px;
    }
    .custom-image-setup-1 {
        margin-top: 0;
    }
    .custom-image-setup-1 img {
        margin: 0;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        margin-right: 25px;
    }
    .section-img-with-text.layout-2,
    .section-6.section-img-with-text .image-area {
        margin-top: 50px;
    }
    .section-img-with-text.layout-2 {
        margin-bottom: 20px;
    }
    .group-section-1 {
        background-image: url(images/group-section-1-mobile.png);
        background-size: 100%;
    }
    .steps-block + .steps-block {
        margin-top: 80px;
    }
    .steps-block + .steps-block .step-icon:before {
        bottom: 50px;
        height: 80px;
    }
    .custom-layout-3 .container {
        flex-wrap: wrap;
    }
    .custom-layout-3 img {
        border-radius: 10px;
    }
    .steps-block .step-icon {
        width: 89px;
        height: 89px;
        flex: 0 0 89px;
    }
    .steps-block {
        column-gap: 20px;
    }
    .steps-block .step-content h3 {
        font-size: 24px;
    }
    .steps-block .step-content {
        padding-top: 24px;
        width: calc(100% - 89px);
    }
    .content-layout-4 {
        margin-top: 30px;
    }
    .before-and-after h3,
    .font-22,
    .section-what-else-it-do,
    .section-reviews,
    .section-10,
    .content-layout-4,
    .section-17,
    .section-18 {
        font-size: 17px;
    }
    .content-layout-4 .content p {
        margin-bottom: 25px;
    }
    .content-block-has-icon {
        font-weight: bold;
        line-height: 1.2em;
        padding-left: 67px;
    }
    .content-block-has-icon img {
        width: 51px;
    }
    .section-21 .header,
    .section-10 {
        padding-top: 45px;
    }
    .section-10 .arrow-down {
        margin-bottom: -65px;
        margin-top: 35px;
    }
    .before-and-after .heading {
        padding: 15px 15px 10px 10px;
    }
    .before-and-after .name img {
        width: 60px;
    }
    .before-and-after .lost-value {
        height: 32px;
        font-size: 16px;
        min-width: 110px;
        padding-left: 30px;
        padding-right: 20px;
        background-size: 12px;
        background-position: 13px 8px;
    }
    .before-after-text-heading-block .content-wrap {
        text-align: left;
    }
    .before-after-text-heading-block .right-content-wrap,
    .before-after-text-heading-block .left-content-wrap {
        padding: 15px 10px 15px;
    }
    .before-after-image-block .right-content-wrap,
    .before-after-image-block .left-content-wrap {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 16px;
    }
    .before-after-image-block .left-content-wrap:after {
        margin-top: -32px;
        right: -22px;
        width: 45px;
        height: 45px;
        background-size: 45px;
    }
    .before-after-text-heading-block h4 {
        margin-bottom: 15px;
    }
    .before-and-after .container {
        border-radius: 20px;
    }
    .section-15 .logo-holder {
        font-size: 20px;
    }
    .section-15 .logo-holder img {
        width: 191px;
    }
    .section-15 {
        padding-bottom: 0;
    }
    .discover-cta-gradient {
        padding: 15px 20px;
        flex: 0 0 100%;
        border-radius: 20px 20px 0 0;
        background: linear-gradient(90deg, rgba(255, 207, 154, 1) 21%, rgba(219, 30, 38, 1) 100%);
    }
    .discover-cta-gradient h3 {
        display: none;
    }
    .discover-cta-block {
        align-items: center;
        justify-content: center;
    }
    .section-what-else-it-do .container,
    .discover-cta-block {
        flex-wrap: wrap;
    }
    .discover-cta-block .discover-3-bottles {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        padding: 0 20px 37px;
        max-width: 100%;
    }
    .discover-cta-gradient ul li .icon {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
    }
    .discover-cta-gradient ul li .icon img {
        max-width: 50px;
    }
    .discover-cta-gradient ul li:last-of-type {
        background: none;
        padding-bottom: 0;
    }
    .discover-cta-block .discover-cta-content {
        padding: 15px 10px;
        width: 100%;
        text-align: center;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
    .discover-cta-rating .discover-cta-rating-content {
        padding: 20px;
    }
    .discover-cta-rating .discover-cta-rating-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .discover-cta-rating .discover-cta-rating-title img {
        width: 102px;
    }
    .section-18,
    .section-17 {
        padding-bottom: 60px;
    }
    .section-18,
    .section-reviews {
        padding-top: 70px;
    }
    .slick-slider.main-slider-testimonials,
    .slick-slider {
        padding: 0 40px;
    }
    .slick-next {
        right: -8px;
    }
    .slick-prev {
        left: -8px;
    }
    .slick-prev,
    .slick-next {
        width: 37px;
        height: 37px;
    }
    .slick-prev:before,
    .slick-next:before {
        background-size: 12px;
    }
    .reviews .review-details,
    .reviews .review-content {
        padding: 20px;
    }
    .reviews .review-content p {
        margin-bottom: 20px;
    }
    .section-studies .header h2,
    .section-reviews .heading-text {
        margin-bottom: 40px;
    }
    .section-reviews .total-rating {
        width: 100%;
    }
    .section-burn-fat .fire-large {
        margin: 15px auto;
    }
    .equal-exercise-blocks .equal-exercise-block img {
        max-width: 70%;
        margin-bottom: 20px;
    }
    .equal-exercise-blocks:after {
        width: 52px;
        height: 52px;
        background-size: 52px;
        margin-top: -45px;
    }
    .equal-exercise-blocks {
        margin-bottom: 70px;
    }
    .section-19 .image-area {
        margin-bottom: 30px;
    }
    .what-else-logos:after,
    .what-else-logos .what-else-logo {
        display: none;
    }
    .section-what-else-it-do .image-area {
        padding: 20px 20px 5px;
        background-size: 100%;
    }
    .section-what-else-it-do .image-area .what-else-main-image {
        margin-top: 0;
    }
    .section-what-else-it-do .container:before {
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-top: 50px solid #fff;
        margin-left: -50px;
    }
    .what-else-logos,
    .section-what-else-it-do .content-area h3 {
        margin-top: 40px;
    }
    .what-else-logos {
        justify-content: center;
        width: 100%;
    }
    .section-what-else-it-do .content-area {
        padding-bottom: 30px;
        position: relative;
    }
    .section-what-else-it-do .content-area .what-else-logos h3 {
        margin-bottom: 0;
    }
    .section-what-else-it-do .content-area:after {
        width: 43px;
        height: 151px;
        content: "";
        display: block;
        background: url(images/what-else-arrow-mobile.png) no-repeat center;
        position: absolute;
        bottom: -75px;
        left: 50px;
    }
    .section-what-else-it-do .image-area .button .mobile-image {
        margin-top: 30px;
    }
    .section-21 .header .right h2 {
        margin: 30px 0 40px;
    }
    .section-21 .steps-block {
        margin-left: 0;
    }
    .section-21:after {
        background-position: bottom center;
        height: calc(100% + 50px);
    }
    .section-studies {
        padding-top: 80px;
    }
    .section-21 .header {
        padding-bottom: 10px;
    }
    .section-studies {
        background-size: 100%;
        padding-bottom: 80px;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
        background: #b2b2b2;
    }
    .slick-dots li.slick-active button {
        background: #000;
    }
    .section-img-with-text .container.the-main-content img {
        margin-right: -40px;
        max-width: calc(100% + 40px);
    }
    .group-section-4 {
        overflow: hidden;
    }
    .grid-blocks .grid-block:first-of-type {
        padding-top: 24px;
        border-radius: 20px 20px 0 0;
        margin-bottom: -1px;
    }
    .grid-blocks .grid-block:last-of-type {
        padding-top: 24px;
        border-radius: 0 0 20px 20px;
    }
    .grid-blocks .grid-block {
        padding-top: 0;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0;
        box-shadow: none;
        border-radius: 0;
        position: relative;
    }
    .grid-blocks {
        row-gap: 0;
    }
    .grid-blocks .grid-block + .grid-block:before {
        content: "";
        display: block;
        width: 100%;
        margin: 0 auto 20px;
        background: rgba(0, 0, 0, 0.2);
        height: 1px;
    }
    .section-table-comparison {
        padding-top: 95px;
        padding-bottom: 90px;
    }
    .flex-row-block .comparison-title {
        padding: 15px;
        flex: 0 0 48%;
    }
    .flex-row-block .comparison-title.first-title {
        font-weight: bold;
    }
    .flex-row-block .comparison-2,
    .flex-row-block .comparison-1 {
        padding: 5px;
        width: 25%;
    }
    .flex-row-block .comparison-1 .icon {
        margin-top: -5px;
        border-radius: 10px;
    }
    .table-comparison:before {
        top: -15px;
        bottom: -15px;
        border-radius: 10px;
        width: 25%;
        left: 48%;
    }
    .flex-row-block .comparison-1 img {
        width: 31px;
    }
    .flex-row-block .comparison-1.logo-icon .icon {
        padding: 5px;
        min-height: 38px;
        display: flex;
        align-items: center;
    }
    .flex-row-block .comparison-1.logo-icon img {
        width: 97px;
    }
    .flex-row-block .comparison-2.logo-icon img {
        width: 97px;
    }
    .flex-row-block .comparison-2 img {
        width: 21px;
    }
    .table-comparison {
        margin-top: 30px;
    }
    .section-26 .title {
        margin-bottom: 40px;
    }
    .section-26 .section-versus-block {
        padding: 10px 10px 20px;
    }
    .section-versus-images:before {
        width: 40px;
        height: 40px;
        background-size: 40px;
    }
    .section-versus-images {
        column-gap: 50px;
        margin-bottom: 45px;
    }
    .section-26 .section-versus-block .versus-image {
        margin-bottom: 10px;
    }
    .section-26 .section-versus-block h2 {
        margin-bottom: 0;
    }
    .blockquote {
        margin-top: 60px;
        padding-top: 70px;
        padding-left: 25px;
        background-size: 44px;
        padding-right: 0;
    }
    .section-slider-testimonials .wrap {
        flex-wrap: wrap;
    }
    .section-what-scient-says .wrap {
        margin-top: 30px;
    }
    .section-what-scient-says .content {
        padding: 20px;
    }
    .section-what-scient-says {
        background: url(images/what-does-science-say-mobile.png) no-repeat top center;
        background-size: 100% 100%;
    }
    .section-what-scient-says .left-area {
        padding-bottom: 300px;
    }
    .section-29 {
        padding-bottom: 40px;
        background: url(images/section-29-bg-mobile.png) no-repeat top center;
        background-size: 100% 100%;
    }
    .section-29 .mobile-image {
        margin-bottom: -225px;
    }
    .group-section-5 {
        padding-top: 185px;
    }
    .section-30 {
        background-size: 350px;
        background-position: -175px 0;
    }
    .section-30 .header {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .section-31 {
        padding-top: 30px;
        background: url(images/section-31-bg-mobile.png) no-repeat top right;
        padding-bottom: 40px;
    }
    .section-31 .font-17 {
        font-size: 13px;
    }
    .section-31 .image-area img {
        display: none;
    }
    .four-ingridients .ingrident-box {
        padding: 26px;
        column-gap: 20px;
    }
    .four-ingridients .ingrident-box .image-block {
        flex: 0 0 133px;
    }
    .four-ingridients .ingrident-box h3 {
        margin-bottom: 15px;
    }
    .four-ingridients .ingrident-box p:last-of-type {
        margin-bottom: 0;
    }
    .section-32 .container .content-area {
        width: 100%;
        max-width: 100%;
        padding: 30px;
    }
    .section-32 .container .wrap .image-area {
        width: 100%;
    }
    .section-32 .has-arrow-indicator:after {
        background: url(images/section-32-arrow-mobile.png) no-repeat;
        width: 70px;
        height: 128px;
        top: -70px;
        left: -76px;
        margin-right: -70px;
    }
    #footer .footer-top .logo {
        flex-wrap: wrap;
    }
    .section-32 .rating {
        margin-bottom: 10px;
    }
    .section-32 h2 {
        margin-bottom: 20px;
    }
    .section-32 .container {
        background: #d6d5d4 url(images/section-32-bg.png) no-repeat bottom center;
    }
    .section-32 .main-image img {
        margin-bottom: -110px;
    }
    .section-32 {
        padding-bottom: 110px;
    }
    .footer-resources {
        padding: 40px 20px;
    }
    #footer .footer-top {
        flex-wrap: wrap;
    }
    #footer .footer-top .footer-links {
        width: 100%;
        margin-top: 30px;
    }
    #footer .footer-top .logo {
        column-gap: 5px;
    }
    #footer .footer-top .logo img:first-of-type {
        width: 207px;
    }
    #footer .footer-top .logo img:last-of-type {
        width: 170px;
    }
    .footer-links ul {
        column-gap: 10px;
        font-weight: bold;
    }
    .btn-no-change.large-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .section-32 h3 {
        text-align: center;
    }
    .section-32 .has-arrow-indicator {
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }
    .header-top-links .btn {
        display: none;
    }
    .main-nav .mobile-only {
        display: block;
    }
    #nav-menu ul li a.btn {
        color: #fff;
    }
}
@media only screen and (max-width: 600px) {
    .radio-input-setup label {
        width: 100%;
    }
    .popup-content {
        padding: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .icon.nav-icon {
        margin-left: 6px;
    }
    .btn {
        font-size: 13px;
    }
    .header-top-links .btn {
        text-align: center;
        line-height: 1.3em;
    }
    .header-top-links .btn span {
        display: block;
    }
}
@media only screen and (max-width: 360px) {
    h1 {
        font-size: 36px;
    }
    h2.h1 {
        font-size: 30px;
    }
    h2.large {
        font-size: 30px;
        line-height: 1.1em;
        font-weight: bold;
    }
    h2.med {
        font-size: 24px;
    }
    h2 {
        font-size: 24px;
    }
    h2 .large-inside {
        font-size: 40px;
        background: linear-gradient(90deg, rgba(255, 207, 154, 1) 21%, rgba(219, 30, 38, 1) 100%);
    }
    h3 {
        font-size: 18px;
    }
    h3.med {
        font-size: 26px;
        line-height: 1.2em;
        font-weight: bold;
    }
    h4 {
        font-weight: bold;
    }
    .section-slider-testimonials,
    h4 {
        font-size: 22px;
    }
    .comparison-title {
        font-size: 14px;
    }
    .section-26 .section-versus-block h2 {
        font-size: 17px;
    }
    .section-26 .label {
        font-size: 7px;
    }
    .section-26 .label img {
        width: 7px;
    }
    body {
        font-size: 16px;
    }
    .discover-cta-block,
    .content-block-has-icon,
    .intro2,
    .intro,
    .before-after-text-heading-block .right-content-wrap,
    .before-after-text-heading-block .left-content-wrap {
        font-size: 15px;
    }
    .custom-image-setup-1 img {
        margin-right: 10px;
    }
    .four-ingridients .ingrident-box {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    .four-ingridients .ingrident-box .image-block img {
        max-height: 150px;
        width: 100%;
        object-fit: cover;
    }
}