@media(max-width: 1440px){
    .about-name{
        margin: unset !important;
        font-size: 30px !important;
    }
    .about-page .bx-breadcrumb{
        max-width: 100vw !important;
        width: 100% !important;
    }

    .about-hero .years-card{
        display: unset !important;

    }
    .about-page .years-left{
        font-size: 80px !important;
        line-height: 140px !important;
        font-weight: 700 !important;
        padding: 0 18px !important;
    }

    .about-page .years-right{
        font-size: 18px !important;
        line-height: 100% !important;
        font-weight: 300 !important;
        padding: 0 24px 18px 24px !important;
    }

    .about-page .years-card{
        bottom: unset !important;
        width: 90vw !important;
        left: unset !important;
        right: unset !important;
        margin: -5vh 0 0 5vw !important;

    }

    .about-page .about-content{
        padding: 30vh 0 0 0;
    }
    .about-page .about-content .about-text{
        max-width: 90vw;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        padding: 0 0 10vh 0;
    }

    .about-page .years-right {
        max-width: 100vw !important;
    }

    .about-page .contact-section .section-title,
    .about-page .certificates-section .section-title,
    .about-page .reviews-section .section-title{
        font-size: 24px !important;
        text-align: center !important;
    }

    .about-page .section-title{
        max-width: unset !important;
        padding: unset !important;
    }

    .about-page .reviews-widget{
        max-width: 90vw;
    }

    .about-page .contact-info,
    .about-page .download-buttons{
        max-width: unset !important;
    }

    /* меняем местами кнопки и сертификаты*/
    /*.certificates__header{*/
    /*    order: 2;*/
    /*}*/

    /*.certificates__viewport{*/
    /*    order: 1;*/
    /*}*/

}
@media (max-height: 825px) and (max-width:375px) {
    .about-page .about-content {
        padding: 40vh 0 0 0;
    }
}