@media only screen and (max-width: 912px) {
    #ads-fixed,  #discount3, #teaburn .container ul {
        display: none !important;
    }
    #teaburn .d-f {
        flex-direction: column;
    }
    #teaburn .w-6 {
        width: 100%;
    }

    /* offer */
    .offer .d-f .w-33 h3 {
        font-size: 2.5rem;
    }
    .offer a {
        font-size: 2.5rem;
    }
    

}

@media only screen and (max-width: 820px) {
    .offer .d-f .w-33 h3 {
        font-size: 2rem;
    }
    .offer .jb-6 .text-red {
        font-size: 40px;
    }
    .offer .jb-3 p {
        font-size: 1.5rem;
    }
    .offer a {
        font-size: 2rem;
    }
    .offer .w-33 .text-wrapper .w-6 p {
        font-size: 5rem;
    }
    .offer .jb-6 img {
        height: 8rem;
    }

}
@media only screen and (max-width: 720px) {
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    p, li {
        font-size: 18px;
    }
    .container {
        padding: 20px 10px;
    }
    #discount {
        display: none!important;
    }
    #how-does .card .d-f {
        flex-direction: column;
    }
    #how-does .card .d-f .w-3 {
        width: 100%;
    }
    #how-does .card .d-f .w-7 {
        width: 100%;
    }
    #how-does .card .h-card h3 {
        font-size: 24px;
    }
    #how-does .card3::after, #how-does .card1::after, #how-does .card2::after {
        background: none;
        width: 0;
        height: 0;
        left: 0;
        right: 0;
        top: 0;
    }
    #money-back .d-f {
        flex-direction: column-reverse;
    }
    #money-back .d-f .w-7 {
        width: 100%;
    }
    #money-back .d-f .w-3 {
        width: 100%;
    }
    /* offer */
    .offer  .w-5 {
        width: 100%;
    }
    .offer .text {
        height: 100px;
    }
    .offer .d-b > .d-f {
        flex-direction: column;
    }
    .offer .d-f .w-5 {
        width: 100%;
    }
    .offer .w-5 .h-offer {
        padding: 10px;
    }
    .offer .w-5 .c-offer p {
        font-size: 20px;
    }
    .offer .credit-card {
        margin-top: 20px;
    }
    .offer .d-n img {
        height: auto;
    }
    #ingredient .d-f {
        flex-direction: column;
        justify-content: center;
    }
    #ingredient .w-3 {
        text-align: center;
        width: 100%;
    }
    #ingredient .w-7 {
        width: 100%;
    }
    #ingredient .w-7 h3 {
        text-align: center;
    }
    #money-back .container {
        background: none;
        padding: 0;
    }
    #money-back .content h3 {
        font-size: 2rem;
    }
    #money-back .content-sub {
        padding: 170px 0 0 0;
    }
    #money-back .container .border {
        border: 5px solid #cea397;
        border-radius: 6px;
        margin: 50px auto 0;
        padding: 10px;
    }
    #money-back .w-3::after {
        right: 0;
    }
    #you-will a {
        font-size: 1.2rem;
    }
    .offer .credit-card p {
        font-size: 20px;
    }
    .offer .text h3 {
        font-size: 1.2rem;
    }

}