@media (max-width: 420px) {

}

@media (max-width: 404px) and (min-width: 385px) {

}
 

@media (max-width: 400px) {
    .header__top__subtitle {
        font-size: 34px;
    }
    .header__top__sub {
        font-size: 28px;
    }
    .header__button {
        width: 70%;
    }
    .header__main__text {
        font-size: 13px;
        line-height: 20px;
    }
    .garantia__block__main {
        padding: 0 10px;
    }
}

@media (max-width: 390px) {
    .mfr__block__submain__card {
        font-size: 15px;
        width: 85%;
    }
    .garantia__block__subtitle {
        gap: 10px;
        padding: 20px 10px;
    }
    .way__block__button {
        width: 70%;
    }
}

@media (max-width: 375px) {
    .name__block__black, .name__block__white, .name__block__green {
        font-size: 22px;
    }
    .main__cours__descr__block__title__name__numbername  {
        font-size: 14px;
    }
    .way__block__title {
        font-size: 13px;
        line-height: 20px;
    }
    .way__block__text {
        font-size: 13px;
        line-height: 18px;
    }
    .practic__block__card {
        padding: 15px 10px;
        gap: 15px;
    }
    .autor__card {
        padding: 10px;
        gap: 20px;
    }
    .autor__card__img img {
        width: 50px;
        height: 50px;
    }
    .autor__card__img {
        height: 65px;
    }
    .video-wrapper {
        padding-top: 85%;
    }
}

@media (max-width: 360px) {
        .header__top__subtitle {
        font-size: 30px;
    }
    .header__top__sub {
        font-size: 24px;
    }
    .header__button {
        width: 75%;
    }
    .header__main__text {
        font-size: 12px;
        line-height: 18px;
    }
    .header__main {
        width: 175px;
    }
    .mfr__block__submain__card {
        line-height: 20px;
    }
    .name__block__black, .name__block__white, .name__block__green {
        font-size: 20px;
    }
    .garantia__block__main__descr {
        font-size: 13px;
    }
    .garantia__block__main {
        gap: 15px;
    }
    .way__block__button {
        width: 75%;
    }
}


@media (max-width: 358px) and (min-width: 346px) {

}

@media (max-width: 345px) {
    .mobil_main_after, .mobil_main_befor {
    h2 {
        font-size: 20px;
    }
}
    .mfr__block__submain__card {
        font-size: 14px;
        width: 90%;
    }
    .main__cours__descr__block__title__name, .main__cours__descr__block__subtitle__content {
        width: 90%;
    }
    .way__block__title {
        padding: 30px 15px 10px 15px;
    }
    .way__block__text {
        padding: 10px 20px 40px 20px;
        line-height: 16px;
    }
    .practic__block__card__img {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .autor__card__text  {
        font-size: 13px;
        line-height: 18px;
    }
        .video-wrapper {
        padding-top: 95%;
    }
        .garantia__block__main__descr {
        font-size: 12px;
    }
}


@media (max-width: 332px) and (min-width: 326px) {

}