.about {
    max-width: 1024px;
    width: 100%; /* адаптивність */
    padding: 0 15px; /* відступи для мобільних */
}

/* Для мобільних телефонів */
@media (max-width: 767px) {
    .header {
        margin-bottom: 0 !important; /* прибираємо відступ знизу хедера */
    }

    .about {
        margin-top: 0;       /* прибираємо додатковий верхній відступ контейнера */
        padding-top: 0;      /* якщо є паддінг зверху */
        padding-left: 25px;  /* можна залишити трохи для тексту */
        padding-right: 20px; /* можна залишити трохи для тексту */
    }

    .about br {
        display: none; /* прибираємо <br>, які додають зайву відстань */
    }
        .container p,
        .container li {
            font-size: 14px;     /* зменшений шрифт для мобільних */
            line-height: 1.6;
        }
}