@media only screen and (max-width: 1400px) {
    .list-done {
        top: 180px;
        left: 400px;
    }
    .first-bottle {
        top: 400px;
        left: 250px;
        width: 110px;
    }
    .first-img {
        top: 100px;
        left: 100px;
        width: 350px;
    }
}

@media only screen and (max-width: 1200px) {
    .list-done {
        top: 200px;
        left: 300px;
    }
    .first-bottle {
        top: 420px;
        left: 200px;
        width: 90px;
    }
    .first-img {
        top: 120px;
        left: 40px;
        width: 350px;
    }
    .list-done li img {
        width: 90px;
    }
    .header__warning {
        font-size: 12px;
    }
    .header__info_side span {
        font-size: 18px;
    }
    .header__btn {
        font-size: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .header__info {
        display: none !important;
    }
    .how {
        background: none;
    }
    .bottom_fix_btn {
        display: block !important;
        z-index: 10;
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .form-block {
        display: none !important;
    }
    .why h2 {
        font-size: 45px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 768px) {
    .why h2 {
        font-size: 40px;
        font-weight: 600;
    }
    .header__warning {
        padding-left: 250px;
        font-size: 11px;
    }
    .how-use__item img {
        width: 160px !important;
    }
}

@media only screen and (max-width: 576px) {
    .steps {
        display: none;
    }
    .header__warning {
        padding-left: 100px;
        font-size: 10px;
    }
    .first-bottle {
        display: none !important;
    }
    .list-done {
        top: 200px;
        left: 20px;
    }
    .why h2 {
        font-size: 35px;
        font-weight: 500;
    }
    .why p {
        font-size: 16px;
    }
    .how-use__titleMain {
        font-size: 35px;
        font-weight: 500;
    }
    .how-use__item img {
        width: 140px !important;
        margin: 0 auto;
    }
    .thanks {
        font-size: 0.7rem;
    }
    .thanks2 {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 414px) {
    .header::before {
        height: 70px;
        width: 70px;
    }
    .header__warning {
        padding-left: 50px;
    }
    .first-section,
    .form-section,
    .product-section,
    .thankyou {
        margin-top: 145px;
    }
    .first-img {
        display: none !important;
    }
}
