@media (max-width: 1229px)
{
    /*---------------
        Main styles
    ---------------*/



    /*---------------
        Header
    ---------------*/
    header .box_tel
    {
        display: block;
    }

    header .tel + .tel
    {
        margin-left: 0;
    }


    /*---------------
        Sidebar
    ---------------*/



    /*---------------
        Main section
    ---------------*/
    .news:before
    {
        height: 60%;
    }

    .news .item_news .name
    {
        font-size: 18px;
    }
    /*---------------
        Footer
    ---------------*/
    footer .box_left
    {
        width: 170px;
    }

    footer .box
    {
        width: 100%;
    }

    footer .contact
    {
        width: 100%;
        margin-top: 15px;
    }


    footer .box_right
    {
        width: calc(100% - 170px);
    }

    footer .box_flex .list
    {
        max-width: 160px;
    }
    /*---------------
        PopUp
    ---------------*/
}