@media only screen and (max-width: 1100px) {

    #page-404 .top-chart{
        display: none;
    }

    #page-404 .under{
        grid-template-columns: 1fr;
    }

    #page-404 .under .img{
        order: 1;
        text-align: center;
    }

    #page-404 .under img{
        width: 100%;
    }

    #page-404 .under{
        max-width: 500px;
        margin: 0 auto;
        gap: 35px;
    }

    #page-404 .under .text{
        order: 2;
    }

    .section-banner-partner p{
        margin-bottom: 0;
    }

    .section-banner-partner .banner-partner img{
        max-width: 500px;
        margin: 0 auto;
    }

    .section-banner-partner .top{
        margin-bottom: 0;
    }

    .section-banner-partner .title .img-title{
        display: block;
        margin-bottom: 30px;
    }

    .section-banner-partner .banner-partner{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .section-banner-partner{
        padding: 50px 0;
    }
    .section-banner-partner .img{
        display: none;
    }

    .section-material .text p{
        font-size: 24px;
        line-height: 28px;
    }

    .section-material .text .top{
        font-size: 16px;
        line-height: 22px;
    }

    .button-black-green{
        font-size: 16px;
        gap: 5px;
        padding: 2px 5px;
    }

    .button-black-green span{
        padding: 18px 50px;
    }
}

@media only screen and (max-width: 700px) {

    #page-tariff .tariff-progress .title{
        font-size: 18px;
    }

    #page-tariff .tariff-progress .title .name{
        font-size: 18px;
    }

    .tariff-progress .value span:last-of-type{
        font-size: 12px;
    }

    .tariff-progress{
        margin: 25px 0;
    }

    .tariff-progress .line-progress{
        height: 20px;
    }

    #block-cookie .container{
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding-bottom: 30px;
    }

    #page-instruction .grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #section-parnter-program .list-program{
        flex-wrap: wrap;
    }

    .section-footer .button-black-green{
        max-width: 240px;
        font-size: 14px;
    }

    .section-footer .button-black-green span{
        padding: 24px;
    }

    .section-footer .footer-block p{
        margin: 20px 8px;
        font-size: 14px;
        line-height: 16px;
    }

    .section-footer .footer-block h2{
        font-size: 30px;
        line-height: 34px;
    }

    .section-footer{
        padding: 55px 0 110px;
        background: url("/img/footer-bg-mob.jpg");
        background-position: bottom;
        background-size: cover;
    }

    .section-material .text p{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .section-material .text .top{
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 5px;
    }

    .section-material .material-block{
        grid-template-columns: 1fr;
        text-align: center;
        padding: 45px 0;
    }

    .section-material .text{
        padding: 0;
        margin-bottom: 120px;
    }

    .section-material {
        background: url(/img/materials/home-bg-mob.png);
        background-position: center;
        background-size: cover;
    }
}

@media only screen and (max-width: 500px) {
    #page-contact .section-title.title-partners .bg-inner img{
        width: 100%;
    }
}
