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


    .content_flex .content
    {
        width: 100%;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion_item .head
    {
        padding: 24px 120px 24px 30px;
    }


    .accordion_item .head .title
    {
        font-size: 20px;
        line-height: 26px;
    }


    .accordion_item .head > .icon
    {
        right: 24px;

        width: 50px;
        height: 50px;
    }


    .accordion_item .head .tooltip .icon
    {
        width: 24px;
        height: 24px;
    }


    .accordion_item .data
    {
        padding: 50px 30px 30px;
    }



    /*------------
        Header
    ------------*/
    header .logo
    {
        width: calc(100% - 160px);

        border-right: 1px solid #fff;
    }


    header .links
    {
        display: none;
    }



    /*----------
        Menu
    ----------*/
    .menu
    {
        width: 480px;
    }


    .menu .scroll
    {
        padding: 132px 80px 40px;
    }



    /*-------------
        Sidebar
    -------------*/
    aside.bottom
    {
        margin-top: 60px;

        order: 2;
    }


    aside .links
    {
        padding: 40px 30px;
    }



    /*------------
        Filter
    ------------*/
    .filter
    {
        margin-bottom: 30px;
        padding-bottom: 30px;

        border-bottom: 1px solid rgba(0, 0, 0, .12);
    }



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        font-size: 15px;
        line-height: 23px;
    }


    .text_block.middle_w
    {
        font-size: 15px;
        line-height: 23px;

        padding-left: 30px;
    }


    .text_block h1
    {
        font-size: 36px;

        margin-bottom: 30px;
    }

    .text_block h2
    {
        font-size: 28px;

        margin-bottom: 24px;
    }

    .text_block h3
    {
        margin-bottom: 24px;
    }


    .text_block * + h3
    {
        margin-top: 50px;
    }

    .text_block * + h2
    {
        margin-top: 50px;
    }


    .text_block .table_wrap
    {
        margin-top: 40px;
        margin-bottom: 40px;
    }


    .text_block blockquote
    {
        font-size: 22px;
        line-height: 28px;

        margin-top: 40px;
        margin-bottom: 40px;
    }


    .text_block .slider
    {
        margin-top: 40px;
        margin-bottom: 40px;
    }


    .text_block ul li:before
    {
        top: 7px;
    }


    .text_block .message
    {
        font-size: 20px;
        line-height: 28px;

        padding-left: 30px;
    }

    .text_block.middle_w .message
    {
        margin-left: -30px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .cont
    {
        min-height: 620px;
        padding-top: 140px;
        padding-bottom: 180px;
    }


    .main_slider .data
    {
        position: relative;
        z-index: 3;

        width: 464px;
    }


    .main_slider .title
    {
        font-size: 36px;
        line-height: 40px;
    }


    .main_slider .img
    {
        position: absolute;
        right: 24px;
        bottom: 0;

        width: 50%;
        margin-top: 0;

        transform: none;
    }


    .main_slider .controls
    {
        width: auto;
        height: 80px;
        padding-right: 28px;

        border-radius: 0 40px 0 0;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .item .icon
    {
        width: 60px;
        height: 60px;
    }

    .advantages .item .icon + *
    {
        width: calc(100% - 76px);
    }


    .advantages .item .name
    {
        font-size: 17px;
        line-height: 21px;

        min-height: 60px;
    }



    /*---------------------
        Categories wall
    ---------------------*/
    .categories_wall
    {
        margin-bottom: 80px;
    }


    .categories_wall .category
    {
        padding: 60px 24px;
    }


    .categories_wall .category .links a
    {
        font-size: 15px;
        line-height: 23px;

        padding: 8px 24px;
    }


    .categories_wall .category.big .info
    {
        width: 232px;
    }

    .categories_wall .category.big .links
    {
        margin-left: 60px;
    }


    .categories_wall .category .img
    {
        max-width: 60%;
    }



    /*-----------------
        About block
    -----------------*/
    .about_block
    {
        margin-bottom: 80px;
    }


    .about_block .block_head
    {
        width: 100%;
        margin-bottom: 40px;
    }


    .about_block .accordion
    {
        width: 100%;
    }


    .about_block .accordion_item .head
    {
        min-height: 80px;
    }


    .about_block .accordion_item .head .title
    {
        font-size: 17px;
        line-height: 21px;
    }


    .about_block .accordion_item .head .arr
    {
        width: 50px;
        height: 50px;
    }



    /*-------------------
        Category info
    -------------------*/
    .category_info
    {
        --sidebar_width: 100%;
    }


    .category_info .content
    {
        width: 100%;
    }



    /*--------------
        Products
    --------------*/
    .products .tabs
    {
        display: block;
        overflow: auto;

        width: calc(100% + 48px);
        margin: 0 -24px 30px;
        padding: 0 24px;

        white-space: nowrap;

        scrollbar-color: transparent transparent !important;
        scrollbar-width: thin !important;
    }

    .products .tabs::-webkit-scrollbar
    {
        width: 0 !important;
        height: 0 !important;

        background-color: transparent !important;
    }

    .products .tabs::-webkit-scrollbar-thumb
    {
        background-color: transparent !important;
    }


    .products .tabs .btn
    {
        font-size: 15px;
        line-height: 21px;

        display: inline-block;

        max-width: none;
        margin: 0;
        padding: 12px 28px;

        vertical-align: top;
    }

    .products .tabs .btn + .btn
    {
        margin-left: 6px;
    }



    /*-------------------------
        Product simple head
    -------------------------*/
    .product_simple_head
    {
        margin-bottom: 60px;
    }


    .product_simple_head .product_name
    {
        font-size: 32px;

        width: 460px;
        padding: 40px 30px;
    }


    .product_simple_head .data
    {
        height: 320px;
    }


    .product_simple_head .controls
    {
        padding: 24px 30px;
    }


    .product_simple_info .col
    {
        width: 100%;
    }

    .product_simple_info .col + .col
    {
        margin-top: 50px;
    }



    /*-------------
        Manager
    -------------*/
    .manager
    {
        margin-top: 50px;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .images
    {
        width: 100%;
        padding-left: 110px;

        order: 2;
    }


    .product_info .images .thumbs
    {
        width: 100px;
    }


    .product_info .data
    {
        width: 100%;
        margin-bottom: 30px;
    }


    .product_info .data .product_name br
    {
        display: none;
    }


    .product_info .data .options
    {
        margin-top: 24px;
    }


    .product_info .data .prices,
    .product_info .data .buy
    {
        display: none;
    }


    .product_info .tabs_container
    {
        order: 3;
    }

    .product_info .tabs
    {
        margin-bottom: 30px;
    }


    .product_info .description .title,
    .product_info .features .title
    {
        font-size: 30px;
    }


    .product_info .features .label
    {
        width: 360px;
    }

    .product_info .features .val
    {
        width: calc(100% - 380px);
    }



    /*----------------
        Categories
    ----------------*/
    .categories
    {
        margin-bottom: 80px;
    }


    .categories .tabs
    {
        display: block;
        overflow: auto;

        width: calc(100% + 48px);
        margin: 30px -24px 0;
        padding: 0 24px 14px;

        white-space: nowrap;

        scrollbar-color: transparent transparent !important;
        scrollbar-width: thin !important;
    }

    .categories .tabs::-webkit-scrollbar
    {
        display: none;

        width: 0 !important;
        height: 0 !important;

        background-color: transparent !important;
    }

    .categories .tabs::-webkit-scrollbar-thumb
    {
        display: none;

        background-color: transparent !important;
    }


    .categories .tabs .btn
    {
        display: inline-block;

        max-width: none;
        margin: 0;

        vertical-align: top;
        white-space: normal;
    }

    .categories .tabs .btn + .btn
    {
        margin-left: 36px;
    }


    .categories .row > *
    {
        width: calc(33.333% - 8px);
    }



    /*------------------
        Action block
    ------------------*/
    .action_block .title
    {
        font-size: 36px;

        width: 100%;
    }


    .action_block .desc
    {
        width: 100%;
        margin-top: 24px;
    }



    /*----------------
        Price list
    ----------------*/
    .price_list .cont > * + *
    {
        margin-top: 50px;
    }


    .price_list .exp
    {
        font-size: 15px;
        line-height: 23px;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .data
    {
        width: 100%;
    }


    .contacts_info .data .item .val
    {
        font-size: 22px;
        line-height: 26px;
    }


    .contacts_info .info
    {
        width: 100%;
        margin-top: 60px;
    }



    /*---------------------
        About info head
    ---------------------*/
    .about_info_head .data .title
    {
        font-size: 80px;
    }


    .about_info_head .data .desc
    {
        font-size: 15px;
        line-height: 23px;

        width: 100%;
    }



    /*----------------------
        About advantages
    ----------------------*/
    .about_advantages .info
    {
        width: 100%;
        margin-bottom: 40px;
    }


    .about_advantages .items
    {
        width: 100%;
    }


    .about_advantages .row
    {
        margin-left: -40px;
    }

    .about_advantages .row > *
    {
        width: calc(50% - 40px);
        margin-left: 40px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .block_head
    {
        margin-bottom: 48px;
    }


    .about_info .gallery
    {
        width: 480px;
    }


    .about_info .link
    {
        font-size: 15px;
        line-height: 23px;

        top: -80px;
        left: 220px;

        width: 160px;
        height: 160px;
    }



    /*-------------
        Persons
    -------------*/
    .persons .row > *
    {
        width: calc(33.333% - 24px);
    }


    .persons .person .contacts
    {
        top: auto;
        bottom: 20px;
    }


    .persons .person .contacts a
    {
        color: #000;

        width: auto;
        padding-right: 16px;

        background: #fff;
    }

    .persons .person .contacts a span
    {
        opacity: 1;
    }


    .persons .person .name
    {
        font-size: 16px;
        line-height: 135%;
    }



    /*-------------
        History
    -------------*/
    .history
    {
        margin-bottom: 80px;
    }


    .history .years .swiper-slide
    {
        font-size: 90px;

        padding: 50px 0;
    }


    .history .data
    {
        margin-top: 50px;
    }


    .history .block_head
    {
        width: 100%;
        margin-bottom: 30px;
    }


    .history .text_block
    {
        width: 100%;
    }



    /*---------------
        Cart info
    ---------------*/
    .cart_info
    {
        margin-bottom: 80px;
    }


    .cart_info .product
    {
        padding: 9px;
    }


    .cart_info .product .info
    {
        width: calc(100% - 478px);
        margin-left: 20px;
    }


    .cart_info .product .name
    {
        font-size: 16px;
        line-height: 22px;
    }


    .cart_info .product .amount,
    .cart_info .product .price
    {
        margin-left: 20px;
    }


    .cart_info .product .amount
    {
        width: 140px;
    }


    .cart_info .product .amount .btn
    {
        line-height: 50px;

        width: 50px;
        height: 50px;
    }


    .cart_info .product .amount .input
    {
        height: 50px;
    }


    .cart_info .product .price .val
    {
        font-size: 16px;
        line-height: 22px;
    }


    .cart_info .product .delete
    {
        margin-left: 30px;
    }



    /*------------
        Footer
    ------------*/
    footer .links + .links
    {
        display: none;
    }
}