@media screen and (max-width: 1545px) {
    .element2, .element3 {
        display: none;
    }
    .quote-line1 {
        flex-direction: column;
    }
        .quote-line1 span {
            margin-left: 0px;
            width: 100%;
            text-align: center;
        }

    .list {
        background-image: unset;
        padding: 35px 15px;
    }
    .teasers {
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    .teaser-item {
        padding: 0px;
        width: 100%;
    }
        .teaser-item:first-child {
            margin-bottom: 25px;
        }
    .testimonials {
        margin: 45px 15px;
    }
    .slogan {
        margin: 70px 15px 0 15px;
        padding: 60px 15px;
    }

    .variants {
        margin: 45px 15px;
    }
    .sign-up {
        margin: 45px 15px;
        padding: 15px 15px 25px 15px;
    }
}
@media screen and (max-width: 1250px) {
    header {
        flex-direction: column;
        background-color: #c83c27;
        text-align: center;
        padding: 15px 0 25px 0;
        max-width: unset;
        height: auto;
    }
    .info {
        padding: 15px;
        margin: 0px;
    }
    .element1 {
        display: none;
    }

    .fact {
        flex-direction: column;
    }

        .fact span {
            padding: 20px 0;
        }


    .price {
        padding: 0 15px;
    }

    .price-item {
        margin: 0 10px;
    }

        .price-item img {
            max-width: 100%;
            height: 120px;
        }

        .price-item figure {
            height: 150px;
        }

    .compare {
        padding: 0 15px;
    }

    .compare-item img {
        max-width: 100%;
    }

    .mini-test {
        padding: 25px 15px;
    }

    .mini-test-container {
        max-width: unset;
    }

    .mini-test_item {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .mini-test_text2 span {
        font-size: 26px;
    }
    .mini-test_item:nth-child(2n) {
        margin-left: 0px;
    }

    .info-line1, .info-line2 {
        flex-direction: column;
    }

    .info-item {
        width: 100%;
        margin: 5px 0;
        justify-content: left;
        text-align: left;
        padding: 25px 15px;
    }

        .info-item figure {
            margin: 0 8px 0 0;
            min-width: 50px;
        }

        .info-item img {
            height: 50px;
        }

    .info-item1, .info-item3 {
        flex-direction: row-reverse;
    }
    .quote {
        padding: 0 15px;
    }
    .quote-container {
        margin: 0px;
    }
    .compare {
        margin-top: 50px;
    }
    .how {
        padding: 45px 15px 75px 15px;
    }
    .how-text {
        font-size: 48px;
    }
    .order-button {
        padding: 45px 15px 40px 15px;
    }
    .supplement, .supplement * {
        border-width: 2px !important;
    }
    .supplement-line2 {
        flex-direction: column;
    }
    .supplement-column2 {
        border-left: none;
        border-top: 7px solid #000;
    }
    .supplement-column1, .supplement-column2 {
        width: 100%;
    }
    .supplement-line1 span {
        font-size: 32px;
    }
    .annotation {
        display: block;
    }
    .annotation-container {
        flex-direction: column;
        justify-content: left;
    }
    .annotation-column1, .annotation-column2 {
        width: 100%;
        padding: 15px 15px 0 15px;
    }
    .slogan2 {
        padding: 45px 15px;
    }

}
@media screen and (max-width: 1050px) {
    .top-image img {
        max-width: 100%;
    }
    .mini-test_text2 {
        margin: 15px 0 0 0;
    }
    .features-text {
        flex-direction: column;
    }
        .features-text div:last-child {
            margin-left: 0px;
        }
            .features-text div:last-child span {
                text-align: center;
            }



    .testimonial-item {
        width: 450px;
    }
    .quote-line1 span {
        font-size: 32px;
        line-height: 38px;
    }
    .quote-line2 span {
        font-size: 32px;
    }
    blockquote {
        font-size: 26px;
    }
    blockquote:after {
        position: relative;
        float: right;
        top: unset;
    }
    .list {
        padding: 25px 15px;
    }
    .list-text {
        font-size: 32px;
        line-height: 38px;
    }
    .list-container ul li span {
        font-size: 18px;
        margin-left: 10px;
    }
    .price-container {
        flex-direction: column;
    }
    .price-item {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 15px 0;
    }
    .price-line1, .price-line2 {
        display: none;
    }
    .price-item figure {
        height: auto;
        margin: 25px 0;
    }
    .price-item p {
        margin: 0 0 15px 0;
    }
    
    .fact1-container {
        margin: 0px;
        padding: 0 15px;
    }
    .price-button-container {
        margin-top: 45px;
    }
}
@media screen and (max-width: 768px) {

    header div:last-child span {
        font-size: 18px;
    }
    .logo span:last-child {
        font-size: 24px;
    }
    .top-image {
        margin-top: 25px;
    }
    .top-slogan {
        padding: 15px;
        border-radius: 25px;
        margin: 0 15px;
    }
        .top-slogan span:first-child {
            font-size: 32px;
            line-height: 38px;
        }
        .top-slogan p {
            font-size: 18px;
        }


    .mini-test_text1 {
        font-size: 32px;
    }
    .mini-test_item span:last-child {
        font-size: 18px;
    }
    .mini-test_text2 span {
        font-size: 22px;
        line-height: 26px;
    }
    .fact {
        margin: 0 15px;
    }
        .fact img {
            max-width: 100%;
        }
        .fact span {
            font-size: 18px;
            line-height: 32px;
        }

    .features-container {
        flex-direction: column;
        margin-top: 25px;
    }
    .feature-item {
        width: 100%;
        padding-bottom: 25px;
        margin: 0 0 15px 0;
    }
    .feature-item:last-child {
        margin-bottom: 0px;
    }
    .features p {
        margin-top: 55px;
        padding: 0 15px;
        font-size: 18px;
    }
    .features-text div:first-child {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
        font-style: normal;
    }
    .features-text div:last-child span:last-child {
        font-size: 24px;

    }
    .quote-container {
        margin: 0px;
        padding: 25px 0;
    }
    .quote-line1 {
        text-align: center;
    }
        .quote-line1 img {
            width: 120px;
        }
        .quote-line1 span {
            display: block;
        }
    .quote-line2 {
        margin-top: 25px;
    }
    blockquote {
        margin: 50px 0 0 0;
        font-size: 18px;
        line-height: 32px;
    }

    .btn-order {
        padding: 20px 100px;
    }


    .price-button {
        padding: 20px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .slogan {
        padding: 15px;
    }
        .slogan span {
            font-size: 32px;
        }

    .info-item span {
        font-size: 18px;
    }
    .info-item p {
        font-size: 16px;
    }
    .btn-order {
        padding: 20px 35px;
        font-size: 26px;
    }
    .teasers {
        padding: 25px 0;
    }
    .teaser-item span {
        font-size: 18px;
    }
    .teaser-item {
        flex-direction: column;
    }
        .teaser-item span {
            padding-left: 0px;
        }
    .testimonials {
        padding: 25px 0px;
    }
    .testimonials-arrow_prev, .testimonials-arrow_next {
        display: none;
    }
    .testimonial-item {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
        .testimonial-item p {
            font-size: 18px;
            line-height: 32px;
        }
    .owl-dots {
        display: block;
    }
    .variants {
        padding: 25px 15px;
        margin: 15px;
    }
    .variants-text {
        font-size: 32px;
    }
    .variants table td {
        font-size: 24px;
    }
    .variants table td {
        font-size: 24px;
    }
    .arrow-cell {
        width: 50px;
    }
        .arrow-cell img {
            width: 25px;
        }
    .price-item, .price-button {
        border-width: 2px;
    }
    .price-item {
        padding-bottom: 15px;
    }
    .price-item span {
        font-size: 26px;
    }
        .price-item span:first-child {
            margin-top: 25px;
        }
    .price-item p {
        font-size: 26px;
    }
    .
    .price-button-container {
        margin-top: 25px;
    }
    .price-button {
        font-size: 26px;
    }

    .compare {
        flex-direction: column;
    }
    .compare-item img {
        width: 210px;
    }
    .compare-item span {
        font-size: 32px;
    }
    .compare-item:first-child {
        margin-bottom: 25px;
    }
    .compare-item:last-child {
        margin-left: 0px;
    }
    .how-text {
        font-size: 32px;
    }
    .how-container {
        margin-top: 45px;
    }
    .how-item {
        flex-direction: column;
        margin-bottom: 18px;
    }
        .how-item span {
            margin-left: 0px;
            text-align: center;
            font-size: 26px;
        }
    .supplement-line1 span {
        font-size: 26px;
    }
    .supplement-column2_line1, .supplement-column2_line2, .supplement-column2_line3 {
        padding: 15px;
    }
    .supplement-column2_line1, .supplement-column2_line3, .supplement-column2 {
        font-size: 14px;
    }
    .supplement-column2_line2 span {
        font-size: 18px;
    }
    .annotation-column1, .annotation-column2 {
        font-size: 16px;
    }
    .slogan2-container span {
        font-size: 24px;
    }
        .slogan2-container p {
            font-size: 24px;
        }
    .slogan-image {
        padding: 25px 15px;
    }
        .slogan-image span {
            font-size: 32px;
            margin-top: 25px;
        }
    .order-button span {
        font-size: 26px;
    }
    footer {
        padding: 25px 15px;
    }
    .footer-line5 {
        font-size: 18px;
    }
    .footer-line2 {
        margin-bottom: 25px;
    }
    .footer-line4 {
        margin-top: 15px;
    }
    .slogan figure {
        display: block;
    }
    .fact1-container p {
        font-size: 18px;
        line-height: 32px;
    }
    
    .features {
        padding: 45px 15px;
    }
    .supplement {
        margin-top: 45px;
    }
    .slogan2 {
        margin-top: 45px;
    }
    
    .sign-up input {
        width: 100%;
    }
}