@media(max-width:1024px) {
    .os .shipping-text {
        font-size: 14px;
    }

    .os .option-info-wrapper .option-disclaimer .text-checkbox {
        font-size: 14px;
    }

    .os div.os-sales-options-wrapper {
        flex: initial;
        align-self: initial;
    }

    header {
        padding: 10px 0 5px 0;
    }

    .header-logo {
        max-width: 120px;
        margin-left: 20px;
    }

    /* Style the navigation menu */
    .topMobileNav {
        overflow: hidden;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 1;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 20px;
        height: 2px;
        background-color: #fbbc59;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3px, 4px);
        transform: rotate(-45deg) translate(-3px, 4px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -8px);
        transform: rotate(45deg) translate(-7px, -8px);
    }

    #mobileNavLinks {
        display: none;
        position: absolute;
        top: 0;
        width: 100%;
        background: white;
    }

        #mobileNavLinks a {
            color: #818180;
            padding: 14px 16px;
            border-bottom: 2px solid #818180;
            text-decoration: none;
            font-size: 16px;
            display: block;
            text-align: center;
        }

    .hero .hero-description {
        margin: 25px auto 20px
    }

    .header-logo {
        max-width: 120px
    }

    .header-link {
        display: none
    }

    .header-cta-button {
        display: none
    }

    .hero {
        padding-bottom: 30px;
        text-align: center
    }

        .hero img {
            width: 75%;
            margin: 19px auto;
        }

    .hero-title {
        font-size: 40px
    }

    .hero-description {
        max-width: 90%;
        margin: 25px auto 20px;
        font-size: 19px
    }

    .hero-button {
        max-width: 90%;
        margin: 0 auto
    }

    .differences .differences-banner {
        padding-top: 74%;
        background-image: url(https://cdn.kintsugihair.com/images/KeraNew/mobile/mobile-Kintsugi-KeraNew-open-bottle@2x.jpg);
        background-position: right top;
        background-size: cover;
        padding-left: 15px
    }

    .faq .differences-banner {
        padding-top: 74%;
        background-image: url(https://cdn.kintsugihair.com/images/KeraNew/mobile/mobile-Kintsugi-KeraNew-open-bottle@2x.jpg);
        background-position: right top;
        background-size: cover;
        padding-left: 15px
    }

    .carouselBackground {
        background-color: #efede7;
    }

    .carousel .slick-dots li.slick-active button:before {
        color: #fbbc59;
        opacity: 1;
        font-size: 12px;
    }

    .carousel .slick-dots li button:before {
        opacity: 0.5;
        font-size: 12px;
    }

    .carousel-inner .item {
        display: flex;
        height: 33% !important;
        width: 25% !important;
    }

    .carousel-inner .slick-list .slick-track {
        height: auto !important;
        width: 200% !important;
        margin-left: 3px;
    }

    .faq .faq-question .answer {
        margin-left: 0px;
    }

    .faqBuyNowButton {
        text-align: center;
    }

    .differences-banner-button {
        margin: 25px auto 45px
    }

    .results {
        padding: 0 0 230px 0;
        text-align: center
    }

    .results-list {
        display: inline-block;
        text-align: left;
    }

    .results .results-list .results-list-item {
        width: 48%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        font-size: 15px;
    }

    .results-img-compare-1 {
        max-width: 85%;
        margin-top: -270px
    }

    .results-statistics {
        margin-top: 210px
    }

        .results-statistics .container {
            flex-direction: column
        }

        .results-statistics .results-statistic {
            margin: 15px 0
        }

        .results-statistics small {
            margin-top: -30px;
            margin-bottom: 45px
        }

    .results-img-compare-2 {
        z-index: 1;
        max-width: 265px;
    }

    .ingredients .ingredients-content-wrapper {
        flex-direction: column
    }

    .desktop-ingredients-index-items {
        display: none
    }

    .mobile-ingredients-index-items {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin-bottom: 30px
    }

        .mobile-ingredients-index-items .ingredients-index-item {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 2px solid #a0a0a0;
            color: #979797;
            font-size: 34px;
            cursor: pointer
        }

            .mobile-ingredients-index-items .ingredients-index-item.active {
                background-color: #fbbc59;
                border-color: #fbbc59;
                color: #3d3935
            }

                .mobile-ingredients-index-items .ingredients-index-item.active:after {
                    border: 1px dashed #fbbc59
                }

            .mobile-ingredients-index-items .ingredients-index-item:after {
                content: "";
                position: absolute;
                bottom: -105px;
                height: 100px;
                border: 1px dashed #a0a0a0;
                z-index: 1
            }

        .mobile-ingredients-index-items .item-01 {
            grid-area: 1/1/2/2
        }

        .mobile-ingredients-index-items .item-04 {
            grid-area: 2/2/3/3
        }

        .mobile-ingredients-index-items .item-02 {
            grid-area: 1/3/2/4
        }

        .mobile-ingredients-index-items .item-05 {
            grid-area: 2/4/3/5
        }

        .mobile-ingredients-index-items .item-03 {
            grid-area: 1/5/2/6
        }

    .ingredients-index-legend {
        margin: 20px 0 0 !important;
        width: 100%
    }

    .ingredients-list-lines-image {
        display: none
    }

    .ingredients-list-details {
        padding: 0 15px
    }

        .ingredients-list-details .ingredient-01-item {
            margin: 15px 0
        }

        .ingredients-list-details .ingredient-image-list .ingredient-image {
            width: 90px;
            margin: 20px -8px 20px
        }

    .os .container {
        flex-direction: column
    }

    .os-product-text-img {
        object-fit: contain;
        width: 100%;
    }

    .option-info-wrapper .option-benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        text-align: left
    }

    .option-info-wrapper .option-quantities {
        flex-direction: column
    }

    .option-info-wrapper .btn-add-to-cart {
        width: 95%;
        padding: 10px 0;
    }

    .option-info-wrapper .option-disclaimer {
        width: calc(90% - 30px);
        padding-left: 30px
    }

        .option-info-wrapper .option-disclaimer .disclaimer-checkbox {
            left: -15px
        }

    .reviews {
        padding: 20px 0 0;
    }

        .reviews .text-reviews-wrapper .text-reviews {
            flex-direction: column
        }

        .reviews .review {
            flex-direction: column;
            align-items: center;
            margin-top: 60px
        }

    section#video-slider {
        width: 95%;
    }

    .slick-slide {
        height: initial;
    }

    .expectations {
        padding: 60px 0
    }

    .expectations-wrapper {
        flex-direction: column
    }

        .expectations-wrapper .expectations-image {
            max-width: 90%
        }

    .expectations-timeline .section-title {
        margin-top: 30px;
        margin-left: 15px
    }

    .expectations-timeline .expectations-timeline-ul {
        margin-left: 20px
    }

    .guarantee {
        flex-direction: column;
        padding: 45px 30px 120px;
        text-align: center
    }

    .guarantee-img {
        margin-bottom: 30px
    }

    .faq .faq-question .question-toggle-img {
        margin-right: -30px
    }

    .faq .question {
        padding-right: 30px
    }

    .faq .answer-supplement-image {
        max-width: 90%
    }

    footer .footer-text {
        padding: 10px 30px
    }

    .testimonialTitle {
        text-align: center;
        font-size: 30px;
        margin-top: 23px;
    }

    .testimonialContent {
        margin: 0px 12px;
        width: 95%;
        font-size: 18px;
    }

    .img-responsive {
        margin-right: 5px;
        width: 97%;
    }

    .reviewList .review_description {
        font-size: 20px;
        line-height: 30px;
        width: 90%;
        display: block;
    }

    .heroBanner-reviews img {
        width: 170px;
        margin: inherit;
        margin-right: 20px;
        height: 35px;
    }

    .heroBanner-reviews.scroll-link {
        width: 420px;
        margin: 0 auto;
        padding-top: 7px;
    }
}


@media(max-width:767px) {
    .heroBanner-reviews img {
        display: block;
        margin: 0 auto;
    }

    .heroBanner-reviews.scroll-link {
        display: contents;
    }

    .os .os-sales-options-wrapper .os-sales-options-reviews {
        display: grid;
    }

    .reviewList .item {
        display: block;
    }

    .reviewList .reviewer_details {
        width: 100%;
        position: relative;
    }

    .reviewList .review_content {
        width: 100%;
    }

    .reviewList .reviewer_name {
        position: absolute;
        left: 100px;
        top: 20px;
    }

    #pagination li {
        padding: 0px 5px;
    }

    #pagination ul {
        padding-left: 0px;
    }
}