@media (max-width: 1023px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {
        --aside_width: 70px;
    }



    /*---------------
        Header
    ---------------*/
    header
    {
        left: var(--aside_width);

        width: calc(100% - var(--aside_width));
        padding: 0 30px;
    }


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



    /*---------------
        Sidebar
    ---------------*/
    #menu
    {
        width: calc(100vw - var(--aside_width));
    }


    #menu .main_info
    {
        width: 100%;
        height: 35%;

        border-top: 3px solid #333;

        order: 3;
    }

    #menu .main_info .slogan
    {
        display: none;
    }

    #menu .products_cats > * + *
    {
        margin-top: 10px;
    }

    #menu .products_cats a
    {
        font-size: 28px;
        line-height: 28px;

        padding-left: 60px;
    }


    #menu .cats
    {
        width: 100%;
        height: 65%;

        border-left: none;
    }



    /*---------------
        Main section
    ---------------*/
    .phone_fixed
    {
        font-size: 16px;

        top: 22px;
        right: 20px;
    }

    .title_fixed,
    .slogan_fixed
    {
        display: none !important;
    }

    .portfolio_fixed
    {
        display: none !important;
    }

    .mob_portfolio_fixed
    {
        display: block;
    }


    .mob_portfolio_fixed
    {
        width: 200px;
    }



    .products
    {
        padding-right: 150px;
        padding-left: 30px;
    }

    .products .cats
    {
        width: 340px;
    }

    .products .cats > * + *
    {
        margin-top: 50px;
    }


    .products .product_rectangle,
    .products .product_info
    {
        top: 150px;

        width: 300px;
        height: 530px;
        margin-left: -160px;
    }

    .products .cats a.first_products_link_desctop
    {
        display: none;
    }
    .products .cats a.first_products_link_mobile
    {
        display: inline-block;
    }

    .products .product_info .link
    {
        display: flex;
    }

    .first_blocks_wrap
    {
        display: none;
    }

    .blocks_wrap
    {
        left: 0;

        width: 100%;
        padding-right: 70px;
        padding-left: 70px;
    }

    .blocks
    {
        margin: 0 -70px;
    }

    .blocks .block
    {
        min-width: 70px;
    }


    .blocks .block .intro
    {
        padding-bottom: 245px;
    }

    .blocks .intro .number
    {
        padding: 95px 0;
    }


    .blocks .block_content .custom_scroll
    {
        max-height: calc(100vh - 628px);
    }



    .about_block .col_left
    {
        width: 100%;
    }

    .about_block .col_right
    {
        width: 70%;
        margin-top: 35px;
    }


    .about_block .cats a
    {
        width: 66px;
        height: 66px;
        padding: 12px;
    }



    .news_block .block_head
    {
        margin-bottom: 50px;
        padding-bottom: 35px;
    }

    .news_block .flex
    {
        margin-bottom: -50px;
    }

    .news_block .flex > *
    {
        width: calc(50% - 20px);
        margin-bottom: 50px;
    }



    .about_packaging .col_left
    {
        width: 100%;
    }

    .about_packaging .col_right
    {
        width: 80%;
        margin-top: 35px;
    }


    .about_packaging .img
    {
        padding-bottom: 79%;
    }


    .about_packaging .cats
    {
        margin-top: 55px;
    }

    .about_packaging .cats a
    {
        width: 66px;
        height: 66px;
        padding: 12px;
    }



    .production_block .titles .next
    {
        padding-left: 28px;
    }

    .production_block .titles .next .arr:before
    {
        left: -28px;

        width: 44px;
    }


    .production_block .sub_cats .img
    {
        /*top: 100%;
        right: 0;
        bottom: auto;
        left: 0;

        margin-top: -21px;*/
    }



    .services_block .col_left
    {
        width: 100%;
    }

    .services_block .col_right
    {
        width: 100%;
        margin-top: 35px;
    }



    .contacts_block .info
    {
        width: 100%;
    }

    .contacts_block .info .links
    {
        margin-top: 20px;
    }

    .contacts_block .info .socials
    {
        position: relative;
        left: 0;
    }


    .contacts_block .map
    {
		width: 100%;
		margin-top: 30px;
		position: absolute;
		top: initial;
		bottom: 0;
		height: calc(100vh - 450px);
    }
	
	.contacts_block .tabs {
		display: flex;
	}
	.contacts_block .tabs__nav {
		display: flex;
		flex-direction: column;
		margin-bottom: 0px;
		width: 200px;
		margin-right: 30px;
		flex-shrink: 0;
	}
	.contacts_block .tabs__nav_item {
		margin-right: 0;
		padding: 15px 15px;
		margin-bottom: 5px;
		height: 40px;
	}
	.contacts_block .tabs__nav_item:last-child {
		margin-bottom: 0;
	}
	.contacts_block .tabs__content {
		min-height: 130px;
	}



    /*---------------
       Inner page
    ---------------*/
    .inner_page
    {
        padding: 85px 0 0 70px;
    }



    /*---------------
       Page head
    ---------------*/
    .breadcrumbs
    {
        display: none;
    }


    .page_head .back_link
    {
        line-height: 36px;

        position: relative;
        top: 0;
        right: 0;

        width: 100%;
    }

    .page_head .back_link .arr
    {
        position: absolute;
        top: 0;
        left: 0;

        margin: 0;
    }

    .page_head .back_link .arr:before
    {
        width: 126px;
    }



    /*---------------
       Catalog
    ---------------*/
    .catalog_products .item .name
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info
    {
        padding-top: 0;
    }


    .product_info .images
    {
        width: 100%;
        padding: 0 30px;
    }


    .product_info .info
    {
        width: 100%;
        margin-top: 30px;
    }

    .product_info .product_name
    {
        font-size: 24px;
        line-height: 28px;
    }



    /*------------
        Scopes
    ------------*/
    .scopes .grid
    {
        grid-auto-rows: 200px;
    }

    .scopes .item .main_cat
    {
        font-size: 17px;
        line-height: 21px;
    }



    /*---------------------
        Products slider
    ---------------------*/
    .products_slider .slider
    {
        padding-right: 150px;
    }
	
	.product_slider-nav button {
		top: 50%;
		margin-top: -15%;
	}


    /*-----------------
        Order block
    -----------------*/
    .order_block .info
    {
        width: 100%;
        max-width: 100%;
    }

    .order_block .info .exp
    {
        margin-top: 20px;
    }


    .order_block .form
    {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }



    /*----------------
        Scope info
    ----------------*/
    .scope_info .mob_tab_name
    {
		display: flex;
        font-size: 22px;
        line-height: 26px;
    }
	
	
	.scope_info .tab_content
    {
        display: none;
        visibility: visible;
        overflow: visible;

        height: auto;

        transition: opacity .5s linear;
        pointer-events: auto;

        opacity: 1;
    }
	.scope_info
    {
        margin: 0 30px;
        padding-top: 0;
    }
	.scope_info .tab_content > .scope_name + *
    {
        margin-top: 0;
    }
	.scope_info .scope_name
    {
        display: none;
    }



    /*--------------
        Articles
    --------------*/
    .articles .block_head
    {
        margin-bottom: 20px;
    }

    .articles .article .head .name
    {
        font-size: 18px;
    }
	
	.op_description {
		font-size: 20px;
		padding-bottom: 0;
	}
	.op_table {
		margin-top: 50px;
	}
	.op_table_name, .op_table_name2 {
		display: none;
	}
	.op_table_row {
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.op_table_row:last-child {
		margin-bottom: 0;
	}
	.op_table_row > div {
		position: relative;
		padding: 27px 0;
		text-align: center;
		justify-content: center;
	}
	.op_table_row > div:before {
		position: absolute;
		left: 10px;
		top: 10px;
		font-size: 7px;
	}
	.op_name:before {
		content: 'Наименование'
	}
	.op_caliber:before {
		content: 'Калибр'
	}
	.op_color:before {
		content: 'Цвет'
	}
	.op_adhesion:before {
		content: 'Тип адгезии'
	}
	.oc_stock:before {
		content: 'Свободный остаток, км'
	}
	.op_ingredients:before {
		content: 'Состав'
	}
	.op_thickness:before {
		content: 'Толщина, мкм'
	}
	.op_width:before {
		content: 'Ширина, мм'
	}
	.op_name, .op_ingredients {
		flex-basis: 100%;
	}
	.op_caliber,
	.op_color,
	.op_adhesion,
	.oc_stock,
	.op_thickness,
	.op_width {
		flex-basis: calc(50% - 3px);
	}
	.scope_section {
		flex-direction: column;
	}
	.scope_item {
		width: 90px;
		height: 90px;
	}
	.scope_icon {
		width: 35px;
		height: 45px;
	}
	.scope_wapper {
		margin-top: 40px;
		flex-wrap: wrap;
	}
	.op_advantages_wrapper {
		flex-direction: column;
	}
	.op_advantages_wrapper h2 {
		flex: 1 0 100%;
	}
	.op_advantages {
		width: 100%;
		margin-top: 10px;
	}
	.op_advantages_list {
		font-size: 12.5px;
	}



    /*------------------
        Article info
    ------------------*/
    .article_info .images
    {
        width: 100%;
        padding: 0 30px;
    }

    .article_info .info
    {
        width: 100%;
        margin-bottom: 30px;
    }



    /*---------------
        PopUp
    ---------------*/
    .fancybox-slide--html
    {
        padding: 30px;
    }

    .fancybox-slide--html .fancybox-close-small
    {
        width: 60px;
        height: 60px;
        padding: 10px;
    }



    .modal_head
    {
        width: 100%;
    }


    .modal_data
    {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
}