@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    .cont
    {
        padding: 0 15px;
    }

    /*---------------
        Header
    ---------------*/
    header
    {
        padding-top: 20px;
    }

    header .logo
    {
        max-width: calc(100% - 190px);
    }

    header .link
    {
        font-size: 12px;
        line-height: 50px;

        padding: 0 10px;
    }

    /*---------------
        Main section
    ---------------*/
    .first_section
    {
        padding: 120px 0 80px;
    }

    .first_section .title
    {
        font-size: 50px;
    }


    .vacancy
    {
        padding: 80px 0;
    }

    .vacancy .items
    {
        margin-top: 10px;
    }

    .vacancy .item
    {
        width: 100%;
    }


    .section_team
    {
        padding: 80px 0;
    }

    .team
    {
        margin-top: 10px;
    }

    .team .item
    {
        width: calc(50% - 20px);
    }


    .join_section
    {
        padding: 80px 0;
    }


    .video
    {
        margin-top: 50px;
    }


    .more_all
    {
        margin-top: 50px;
    }

    .more_all a
    {
        font-size: 12px;
        line-height: 50px;
    }


    /*---------------
        Footer
    ---------------*/
    footer .logo
    {
        width: 100%;
    }

    footer .phone
    {
        width: 100%;
        margin-top: 30px;

        text-align: center;
    }
}