@media (max-width: 1023px)
{
    /*---------------
	    Main styles
	---------------*/
    :root
    {
        --aside_width: 257px;
        --font_size: 15px;
        --font_size_title: 28px;
    }



    .block_head .title
    {
        line-height: 32px;
    }


    .block_head .all_link
    {
        line-height: 32px;

        padding-right: 42px;
    }

    .block_head .all_link:after
    {
        width: 32px;
        height: 32px;

        background-size: 14px auto;
    }



    .page_head
    {
        margin-bottom: 20px;
    }

    .page_head .head
    {
        min-height: 160px;
    }

    .page_head .head .title
    {
        font-size: 40px;
        line-height: 45px;
    }



    .page_title
    {
        line-height: 32px;
    }



    .content_flex .content,
    .content_flex aside.big + .content
    {
        width: 100%;
    }

    .content .block_title
    {
        font-size: 26px;
        line-height: 30px;
    }



    /*---------------
		Header
	---------------*/
    header .info
    {
        padding: 20px 0;
    }


    header .slogan
    {
        display: none;
    }



    header .contacts .phone
    {
        font-size: 20px;
        line-height: 24px;
    }



    header .mob_menu_link
    {
        display: block;
    }


    header .menu
    {
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 100vh;
        margin: 0;
        padding: 20px;

        background: #ffd12f;
    }

    header .menu .item > a
    {
        min-height: 44px;
    }


    header .menu .item .sub_menu,
    header .menu .item:hover > .sub_menu
    {
        position: relative;
        top: 0;

        display: none;
        visibility: hidden;

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

        opacity: 0;
    }

    header .menu .item > a.sub_link + .sub_menu.show
    {
        display: block;
        visibility: visible;

        opacity: 1;
    }


    header .menu .sub_menu.level3
    {
        left: 0;

        min-height: 0;
        padding: 20px;

        box-shadow: none;
    }



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



    /*---------------
		Sidebar
	---------------*/
    aside,
    aside.big
    {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;

        border-bottom: 1px solid #ddd;
    }

    aside:after
    {
        display: none;
    }



    aside .links
    {
        display: none;

        margin-top: 20px;
    }

    aside .links > * + *
    {
        margin-top: 10px;
    }

    aside .mob_links_link
    {
        display: block;
    }



    aside .mob_cats_link
    {
        display: block;
    }

    aside .cats
    {
        display: none;

        margin-top: 20px;
    }



    /*---------------
		Main section
	---------------*/
    .main_slider .slide .cont
    {
        min-height: 400px;
    }

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

    .main_slider .slide .link
    {
        margin-top: 30px;
    }



    .promo .flex
    {
        --promo_count: 2;
    }

    .promo .flex > *.advantages
    {
        width: calc(100% - var(--promo_offset));
    }



    .cats_wall
    {
        padding: 50px 0;
    }

    .cats_wall .flex
    {
        justify-content: center;
        --cats_count: 3;
    }



    .articles .flex
    {
        --articles_offset: 30px;
    }



    .contacts_info .download
    {
        top: -48px;
    }


    .contacts_info .info
    {
        display: flex;

        width: 100%;
        margin-left: -30px;

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

    .contacts_info .info > *
    {
        width: calc(33.333% - 30px);
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .contacts_info .info > * + *
    {
        margin-top: 0;
    }



    .contacts_info .feedback
    {
        width: 100%;
    }



    .contacts_map .tabs a,
    .contacts_path .tabs a
    {
        font-size: 20px;
    }

    .contacts_map .tabs > * + *,
    .contacts_path .tabs > * + *
    {
        margin-left: 40px;
    }


    .contacts_path .title
    {
        font-size: 26px;
        line-height: 30px;

        margin-bottom: 12px;
    }

    .contacts_path .tab_content.active
    {
        padding: 20px;
    }



    .dealers .item .name
    {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }



    .usage .gallery + .gallery
    {
        margin-top: 50px;
    }



    /*---------------
		Footer
	---------------*/



    /*---------------
		PopUp
	---------------*/
}