@media only screen and (max-width: 912px) {
    #ads-fixed,  #discount3, #arcticblast .container ul {
        display: none !important;
    }
    #arcticblast .d-f {
        flex-direction: column;
    }
    #arcticblast .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 .credit-card p {
        font-size: 1.2rem;
    }
    .offer .fb .plus {
        padding: 10px;
    }
}
@media only screen and (max-width: 720px) {
    .d-b {
        display: none;
    }
    .offer .d-n {
        display: block !important;
        flex-direction: column;
        padding-bottom: 0px;
    }
    .offer .container > .d-f {
        margin-top: -80px;
    }
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    p, li {
        font-size: 18px;
    }
    .container {
        padding: 20px 10px;
    }
    #discount {
        display: none!important;
    }
    .d-b > .d-f {
        flex-direction: column;
    }
    .d-b > .d-f .w-33 {
        width: 100%;
    }
    .offer .text {
        height: 100px;
    }
    .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;
    }
    #you-will a {
        font-size: 1.2rem;
    }
    .offer .credit-card p {
        font-size: 1.2rem;
    }

}
@media only screen and (max-width: 540px) {
    .offer .credit-card p {
        font-size: 1.5rem;
    }
    .offer .fb {
        flex-direction: column;
    }
    .offer .fb .w-4, .offer .fb .w-5 {
        width: 100%;
    }
}
@media only screen and (max-width: 490px) {
    .offer .credit-card p {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 767px) {
            .atc-flex {
              flex-wrap: wrap;
              flex-direction: column !important;
              align-items: center;
            }

            .atc-card:nth-child(3) {
              order: 2 !important;
              margin: 10px 0;
            }

            .atc-card:nth-child(1) {
              order: 3 !important;
            }

            .atc-card:nth-child(2) {
              order: 1 !important;
            }

            .atc-card {
              width: 100%
            }
          }

          @media only screen and (max-width: 991px) {
            .container {
              width: 100%;
            }

            .atc-card {
              width: 100%;
            }

            .atc-card img {
              width: 100%;
            }
          }