@media screen and (max-width: 768px) {
    .container {
        padding: 0 25px;
        max-width: 100%
        }
    .container__block {
        flex-direction: column-reverse;
        align-items: start;
        gap: 0
        }
    .container__block .image {
        width: 180px
        }
    .header {
        transition: 0.4s all linear
        }
    .header.active {
        background: url(../img/mob-1.webp) top center/cover no-repeat
        }
    .header .row {
        padding: 15px 0;
        border-bottom: 2px solid rgba(255, 255, 255, 0.05)
        }
    .header .logo {
        margin: 0;
        height: 30px
        }
    .header ul.no {
        position: relative;
        padding: 0;
        background: none;
        flex-direction: row;
        gap: 20px
        }
    .header ul.no li {
        margin: 0
        }
    .header ul {
        position: absolute;
        top: -2000%;
        left: 0;
        padding: 25px;
        width: 100%;
        flex-direction: column;
        transition: 0.4s all linear;
        background: url(../img/mob-2.webp) top center/cover no-repeat
        }
    .header.active ul {
        top: 100%
        }
    .header ul li {
        text-align: left;
        align-self: flex-start;
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 27px
        }
    .burger {
        display: block;
        width: 40px;
        height: 40px;
        background: url(../img/burger.webp) center/contain no-repeat;
        outline: none;
        border: none;
        cursor: pointer;
        transition: 0.4s all ease-in-out
        }
    .burger.active {
        background: url(../img/close.webp) center/cover no-repeat;
        transition: 0.4s all ease-in-out
        }
    .inner .row {
        max-width: 100%
        }
    .inner .row h1 {
        margin: 0 0 25px 0;
        font-size: 66px;
        line-height: 75px;
        order: 1
        }
    .inner .row p {
        margin: 0 0 25px 0;
        font-size: 18px;
        order: 3
        }
    .inner .row .button {
        padding: 23px 73px;
        box-shadow: inset 0 4px 6px rgba(255, 255, 255, 0.31);
        border-radius: 19px;
        order: 2;
        margin-bottom: 20px
        }
    .inner .row .button span {
        font-size: 18px
        }
    .footer .row {
        flex-direction: column;
        padding: 30px 0;
        border-top: 2px solid rgba(255, 255, 255, 0.05)
        }
    .footer .logo {
        margin: 0;
        height: 20px;
        align-self: flex-start
        }
    .footer ul {
        /* margin: 43px 0 0 0; */
        }
    .footer ul li {
        width: 50%;
        text-align: left;
        align-self: flex-start;
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 27px
        }
    .content .block, .content .row {
        flex-direction: column;
        flex-wrap: nowrap
        }
    .content .head, .content .text, .content img {
        width: 100%
        }
    .content h2 {
        margin: 0 0 40px 0;
        font-size: 44px
        }
    .content img {
        margin: 0 0 40px 0;
        border-radius: 20px
        }
    .content .text {
        margin: 0 0 30px 0
        }
    .content p {
        margin: 0 0 30px 0;
        font-size: 16px;
        line-height: 26px
        }
    .content h3 {
        margin: 0 0 40px 0;
        font-size: 33px
        }
    .content ul, .content ol {
        margin: 0 0 30px 0;
        padding: 0 0 0 20px
        }
    .content ol li, .content ul li {
        font-size: 16px;
        line-height: 26px
        }
    td, th {
        font-size: 16px;
        line-height: 26px
        }
    .content .img-text {
        width: 100%
        }
    header {
        border-bottom: 1px solid rgba(27, 89, 146, 0.17)
        }
    header ul {
        border-top: 1px solid rgba(27, 89, 146, 0.17)
        }
    .flag {
        margin: 0 20px 0 0;
        width: 35px;
        height: 25px
        }
    .header__buttons {
        gap: 5px
        }
    .header__buttons a {
        font-size: 12px;
        padding: 5px 8px;
        border-radius: 100px
        }
    .content ul li a {
        font-size: 14px;
        line-height: 30px
        }
    .content ul li {
        margin: 7px 0
        }
    .faq__item {
        flex-direction: column
        }
    .faq__item h3 {
        width: 100%
        }
    .faq__content {
        width: 100%
        }
    .author-block-top {
        flex-direction: column;
        align-items: center
        }
    .author-block .intro .bg.author {
        width: 260px;
        height: 260px
        }
    .block-author {
        margin: 20px 0;
        padding: 24px 15px;
        border-radius: 30px;
        backdrop-filter: blur(80px)
        }
    }
@media screen and (max-width: 600px) {
    .container {
        padding: 0 15px
        }
    .header .logo {
        /* height: 15px; */
        }
    .header .burger {
        height: 30px;
        width: 30px
        }
    .header ul {
        padding: 29px 15px
        }
    .header ul li {
        margin: 0 0 20px 0;
        font-size: 14px;
        line-height: 160.02%
        }
    .inner .row h1 {
        margin: 0 0 25px 0;
        font-size: 48px;
        line-height: 87.02%;
        order: 1
        }
    .inner .row p {
        font-size: 14px;
        line-height: 160%;
        order: 3
        }
    .inner .row .button {
        width: 100%;
        padding: 18px;
        border-radius: 13px;
        order: 2;
        margin-bottom: 20px
        }
    .inner .row .button span {
        font-size: 14px
        }
    .content h2 {
        margin: 0 0 30px 0;
        font-size: 32px;
        line-height: 87.02%
        }
    .content h3 {
        margin: 0 0 30px 0;
        font-size: 22px;
        line-height: 87.02%
        }
    .content img {
        margin: 0 0 30px 0
        }
    .content .text {
        margin: 0 0 20px 0
        }
    .content p {
        margin: 0 0 20px 0;
        font-size: 12px;
        line-height: 19.2px
        }
    .content ol, .content ul {
        margin: 0 0 20px 0;
        padding: 0 0 0 20px
        }
    .content ol li, .content ul li, td {
        font-size: 12px;
        line-height: 19.2px
        }
    .footer ul {
        /* margin: 43px 0 0 0; */
        }
    .footer .logo {
        height: 15px
        }
    .footer ul li {
        margin: 0;
        font-size: 12px;
        line-height: 160%
        }
    .flag {
        width: 25px;
        height: 15px
        }
    .inner::before {
        background: url(../img/mob.webp) top/cover no-repeat
        }
    .footer .container {
        padding: 10px 15px;
        flex-direction: column;
        align-items: start
        }
    .footer__item {
        flex-direction: column;
        align-items: start;
        gap: 15px
        }
    }