@media print, (max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --sidebar_width: 100%;
        --font_size: 15px;
        --font_size_title: 30px;
    }


    .content_flex .content
    {
        width: 100%;

        order: 2;
    }


    .block.big_margin
    {
        margin-bottom: 60px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion .accordion_item + .accordion_item
    {
        margin-top: 2px;
    }


    .accordion .accordion_item .head .title
    {
        font-size: 16px;
        line-height: 22px;
    }

    .accordion .accordion_item .head .icon
    {
        top: 6px;
    }



    /*------------
        Header
    ------------*/
    header
    {
        padding: 8px 0 12px;
    }



    header .search
    {
        max-width: calc(100% - 348px);
    }



    header .menu
    {
        position: fixed;
        z-index: 101;
        top: 52px;
        right: 0;

        display: block;

        width: 240px;
        margin: 0;
        padding: 24px;

        transition: transform .3s linear;
        transform: translateX(100%);

        border-radius: 5px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0,0,0,.3);
    }

    header .menu.show
    {
        transform: translateX(-24px);
    }


    header .menu .item + .item
    {
        margin-left: 0;
    }

    header .menu .item > a
    {
        font-size: 17px;
        line-height: 33px;

        text-align: right;
    }


    header .mob_menu_btn
    {
        display: flex;
    }



    /*-------------
        Sidebar
    -------------*/
    aside
    {
        margin-top: 40px;

        order: 3;
    }


    aside.mob_first
    {
        margin-top: 0;
        margin-bottom: 24px;

        order: 1;
    }



    aside .mob_filter_btn
    {
        display: block;
    }


    aside .filter
    {
        display: none;

        margin-top: 8px;
        padding: 20px;

        border-radius: 5px;
    }

    aside .filter .title
    {
        display: none;
    }


    aside .filter .spoler_btn
    {
        font-size: 15px;
        line-height: 29px;
    }



    aside .companies
    {
        padding: 20px;
    }


    aside .companies .list
    {
        display: flex;

        margin-bottom: -20px;
        margin-left: -20px;

        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        flex-wrap: wrap;
    }

    aside .companies .list > * + *
    {
        margin-top: 0;
    }


    aside .companies .company
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
        padding: 16px 20px;
    }

    aside .companies .company .name
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*---------------
        Page head
    ---------------*/
    .breadcrumbs + *
    {
        margin-top: 20px;
    }


    .page_title
    {
        line-height: calc(var(--font_size_title) + 4px);
    }



    /*----------------
        Block head
    ----------------*/
    .block_head.big_margin
    {
        margin-bottom: 24px;
    }


    .block_head .all_link
    {
        width: 100%;
        margin-top: 12px;
        margin-left: 0;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .cont
    {
        min-height: 0;
        padding-top: 48px;
        padding-bottom: 0;
    }


    .first_section .info
    {
        width: 100%;
    }

    .first_section .info .title
    {
        font-size: 32px;
        line-height: 38px;
    }

    .first_section .info .title span
    {
        font-size: 22px;
        line-height: 28px;
    }


    .first_section .info ul
    {
        margin-top: 24px;
        margin-left: 24px;
    }


    .first_section .info .order_demo_btn
    {
        width: 220px;
        margin-top: 32px;
    }


    .first_section .img
    {
        position: relative;
        right: 0;
        bottom: 0;

        width: auto;
        max-width: 75%;
        height: auto;
        margin-top: -88px;
        margin-left: auto;
    }



    /*------------------
        Search block
    ------------------*/
    .search_block.big_pad,
    .search_block.full_w
    {
        padding: 60px 24px;
    }


    .search_block .logo.big
    {
        display: none;
    }



    /*-------------------
        Search result
    -------------------*/
    .search_result
    {
        font-size: 15px;
        line-height: calc(100% + 6px);
    }



    /*-------------
        IP info
    -------------*/
    .ip_info .data .col_left
    {
        display: flex;

        width: 100%;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }


    .ip_info .data .name
    {
        font-size: 26px;
        line-height: 30px;

        width: 100%;
    }

    .ip_info .data .name br
    {
        display: none;
    }


    .ip_info .data .status
    {
        margin-top: 12px;
        margin-right: 32px;
    }


    .ip_info .data .info
    {
        width: 100%;
        margin-top: 20px;
    }

    .ip_info .data .info .col > *.date
    {
        margin-top: 20px;
    }



    .ip_info .data .requisites,
    .ip_info .data .register_info,
    .ip_info .supervisor
    {
        width: 100%;
        margin-top: 40px;
    }


    .ip_info .data .requisites .title,
    .ip_info .data .register_info .title
    {
        font-size: 24px;
        line-height: 28px;

        margin-bottom: 16px;
    }



    .ip_info .supervisor .block_title
    {
        font-size: 24px;
        line-height: 28px;

        margin-bottom: 20px;
    }


    .ip_info .supervisor .item .name
    {
        font-size: 18px;
        line-height: 22px;
    }

    .ip_info .supervisor .item .desc,
    .ip_info .supervisor .item .features
    {
        line-height: 21px;
    }



    /*----------
        Demo
    ----------*/
    .demo
    {
        padding: 52px 0;
    }


    .demo .title
    {
        line-height: calc(100% + 6px);

        width: 364px;
    }


    .demo .logo
    {
        height: 148px;
    }



    /*---------------
        Materials
    ---------------*/
    .materials .row
    {
        margin-left: -20px;
    }

    .materials .row > *
    {
        width: calc(33.333% - 20px);
        margin-left: 20px;
    }


    .materials .item .name
    {
        font-size: 18px;
        line-height: 22px;
    }


    .materials .bg
    {
        display: none;
    }



    /*-------------
        Tariffs
    -------------*/
    .tariffs
    {
        padding: 48px 0;
    }


    .tariffs .row
    {
        margin-left: -20px;
    }

    .tariffs .row > *
    {
        width: calc(33.333% - 20px);
        margin-left: 20px;
    }


    .tariffs .tariff .name
    {
        font-size: 22px;
    }

    .tariffs .tariff .price
    {
        font-size: 20px;
    }


    .tariffs .tariff .features
    {
        padding: 16px;
    }

    .tariffs .tariff .features > *
    {
        padding-left: 32px;

        background: url(../images/logo.svg) 0 1px/24px auto no-repeat;
    }


    .tariffs .tariff .order_btn
    {
        width: 156px;
        height: 40px;
        margin: 12px auto 20px;
    }


    .tariffs .bg
    {
        display: none;
    }



    /*------------------
        Article info
    ------------------*/
    .article_info .article_title
    {
        line-height: calc(100% + 6px);
    }



    /*------------------
        Company info
    ------------------*/
    .company_info .data .col_left
    {
        display: flex;

        width: 100%;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }


    .company_info .data .name
    {
        font-size: 26px;
        line-height: 30px;

        width: 100%;
    }

    .company_info .data .name br
    {
        display: none;
    }


    .company_info .data .status
    {
        margin-top: 12px;
        margin-right: 32px;
    }


    .company_info .data .desc
    {
        width: 100%;
        margin-top: 20px;
    }



    .company_info .cols .col .title,
    .company_info .cols .col .title
    {
        font-size: 24px;
        line-height: 28px;

        margin-bottom: 16px;
    }


    .company_info .contacts .map
    {
        height: 189px;
        margin-top: 20px;
    }


    .company_info .quads .item.row
    {
        flex-wrap: wrap;
    }

    .company_info .quads .item.row b
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px;
    }



    /*------------
        Bosses
    ------------*/
    .bosses .now,
    .bosses .former
    {
        padding: 28px 0;
    }


    .bosses .item .head .title
    {
        font-size: 20px;
        line-height: 24px;

        padding-right: 28px;
    }

    .bosses .item .head .icon
    {
        width: 28px;
    }


    .bosses .item .data
    {
        width: calc(50% - 32px);
    }


    .bosses .item .person + .person,
    .bosses .item .hide
    {
        margin-top: 16px;
    }



    /*---------------------------
        Financial performance
    ---------------------------*/
    .financial_performance .block_title
    {
        font-size: 23px;
        line-height: 29px;
    }


    .financial_performance .data
    {
        width: 100%;
    }


    .financial_performance .chart
    {
        width: 100%;
        margin-top: 24px;
    }



    /*---------------
        Error info
    ---------------*/
    .error_info .logo img
    {
        width: 260px;
    }

    .error_info .logo .name
    {
        font-size: 60px;
    }

    .error_info .logo .desc
    {
        font-size: 24px;

        margin-bottom: 20px;
    }


    .error_info .info .desc
    {
        font-size: 17px;
        line-height: 23px;
    }


    .error_info .info .links a
    {
        width: 260px;
    }



    /*----------------
        Fizik info
    ----------------*/
    .fizik_info .info
    {
        width: calc(100% - 168px);
        margin-left: auto;
    }

    .fizik_info .info .name
    {
        font-size: 20px;
        line-height: 24px;
    }

    .fizik_info .info .inn
    {
        font-size: 16px;
        line-height: 22px;
    }


    .fizik_info .pluses
    {
        width: 100%;
        margin-top: 20px;
        margin-left: 168px;
    }

    .fizik_info .pluses > *
    {
        background-position: 0 2px;
    }



    .fizik_info .entrepreneur
    {
        margin-top: 24px;
    }



    /*---------------
        Companies
    ---------------*/
    .companies .company .name
    {
        font-size: 23px;
        line-height: 29px;
    }


    .companies .company .features
    {
        margin-top: 20px;
        margin-bottom: -12px;
        margin-left: -28px;
    }

    .companies .company .features .item
    {
        max-width: calc(100% - 28px);
        margin-bottom: 12px;
        margin-left: 28px;
    }

    .companies .company .features .item.default_w,
    .companies .company .features .item.middle_w
    {
        width: auto;
        margin-left: 28px;
    }



    /*-----------
        Today
    -----------*/
    .today
    {
        padding: 52px 0;
    }


    .today .row
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .today .row > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .today.companies .company .name
    {
        font-size: 19px;
        line-height: 23px;
    }

    .today.companies .company .features
    {
        margin-bottom: -8px;
    }

    .today.companies .company .features .item
    {
        margin-bottom: 8px;
    }



    /*------------
        Footer
    ------------*/
    footer .cont
    {
        justify-content: space-between;
    }


    footer .col_left
    {
        display: flex;

        width: 100%;
        margin-bottom: 28px;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }


    footer .socials,
    footer .copyright
    {
        margin-top: 0;
        margin-left: 0;
    }


    footer .links,
    footer .contacts
    {
        margin-left: 0;
    }



    footer .contacts .phone a
    {
        font-size: 20px;
        line-height: 26px;
    }

    footer .contacts .phone a .icon
    {
        width: 24px;
        height: 24px;
    }


    footer .contacts .email a
    {
        font-size: 16px;
        line-height: 22px;
    }

    footer .contacts .email a .icon
    {
        width: 24px;
        height: 19px;
    }
}