@media (max-width: 1024px) {
    footer {
        padding: 50px 0;
    }

    .soc-container__mobile {
        display: flex;
        margin: 50px auto;
    }

    .soc-container__web {
        display: none;
    }

    footer .container {
        display: flex;
        flex-direction: column;
    }

    .footer__connect {
        margin-right: 0;
        margin-bottom: 35px;
    }


    footer nav a, footer nav a:last-child {
        padding-bottom: 10px;
        border-bottom: 2px solid #383838;
    }

    .footer a:first-child {
        border-top: 2px solid #383838;
        padding-top: 10px;
    }

    .footer__permission {
        justify-content: center;
        text-align: center;

    }
}