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



    /*--------------
        Fancybox
    --------------*/
    .fancybox__slide
    {
        padding: 24px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion_item .head
    {
        padding: 20px 60px;
    }


    .accordion_item .head .title
    {
        font-size: 16px;
    }

	.wrap{
		z-index: initial;
	}
	.bottom .categories .row > * {
		margin-bottom: 10px;
		margin-left: 30px;
		margin-right: 10px;
		width: 100%;
	}
	.bottom .categories a{
		padding: 10px;
		text-align: center;
	}
    /*------------
        Header
    ------------*/
    header
    {
        position: fixed;
        z-index: 101;
        top: 0;
        right: 100%;
        left: auto;

        width: 325px;
        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        margin: 0;
        padding: 0;

        transition: transform .3s linear;

        background: #fff;
    }

    header.show
    {
        transform: translateX(100%);
    }


    header .scroll
    {
        display: flex;
        overflow: auto;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;

        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        padding: 0;

        overscroll-behavior-y: contain;
    }

    header .scroll > *
    {
        width: 100%;
    }



    header .data
    {
        order: 2;

        margin-top: 40px;
        padding: 0 0 20px;
    }



    header .links
    {
        display: block;

        width: 100%;
    }


    header .links > * + *
    {
        margin-top: 16px;
        margin-left: 0;
    }


    header .links a
    {
        font-size: 16px;
    }


    header .logo,
    header .cart
    {
        display: none;
    }


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


    header .phone
    {
        width: 100%;
        margin-top: 12px;
        margin-left: 0;
    }


    header .menu
    {
        display: block;

        padding: 12px 0;
    }


    header .menu_item + .menu_item
    {
        margin-top: 10px;
        margin-left: 0;
    }


    header .menu_item > a
    {
        justify-content: flex-start;
    }


    header .menu_item .sub_menu,
    header .menu_item:hover .sub_menu
    {
        position: relative;
        top: 0;

        display: none;
        visibility: hidden;

        width: 100%;
        margin: 8px 0 0;
        padding: 0;

        pointer-events: auto;

        opacity: 1;
        border-radius: 0;
        background: none;
    }

    header .menu_item .sub_menu:before
    {
        display: none;
    }


    header .menu_item > a.touch_link + .sub_menu.show
    {
        display: block;
        visibility: visible;
    }


    header .sub_menu a
    {
        padding: 8px 15px;
    }

	.home header .bottom {
		display: block;
	}
	.bottom .categories .row > *{
		margin-left: 0;
        margin-right: 0;
	}
    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        display: block;
    }



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



    /*---------------
        Page head
    ---------------*/



    /*----------------
        Block head
    ----------------*/



    /*------------------
        Form elements
    ------------------*/



    /*----------------
        Typography
    ----------------*/



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .title
    {
        font-size: 44px;
    }


    .main_slider .desc
    {
        font-size: 16px;

        width: 400px;
        margin-top: 0;
    }



    /*--------------
        Products
    --------------*/
    .products .grid > *
    {
        width: calc(50% - 20px);
    }



    /*----------------
        About head
    ----------------*/
    .about_head .title
    {
        font-size: 44px;
    }


    .about_head .desc
    {
        font-size: 16px;

        width: 440px;
        margin-top: 24px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .row > *
    {
        width: calc(50% - 20px);
    }


    .advantages .item
    {
        padding: 23px;
    }


    .advantages .item .icon
    {
        height: 60px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .data
    {
        width: 100%;
    }


    .about_info .image
    {
        order: 2;

        width: 100%;
        height: auto;
        margin-top: 24px;
        padding-bottom: 42%;
    }


    .about_info .stats
    {
        order: 3;

        margin-top: 24px;
    }


    .about_info .stats .val
    {
        font-size: 52px;
    }


    .about_info .stats .name
    {
        font-size: 16px;
    }



    /*-------------
        Process
    -------------*/
    .process .item .icon
    {
        height: 60px;
    }



    /*----------
        Team
    ----------*/
    .team .person .photo
    {
        width: 112px;
        height: 112px;
    }



    /*--------------
        Partners
    --------------*/
    .partners .item
    {
        height: 112px;
    }



    /*-------------------
        Checkout info
    -------------------*/
    .checkout_info .total .title
    {
        font-size: 30px;

        margin-bottom: 28px;
    }


    .checkout_info .total .checkout_btn
    {
        height: 52px;
        margin-top: 28px;
    }



    /*---------------
        Cart info
    ---------------*/
    .cart_info .clear_btn
    {
        font-size: 12px;
    }


    .cart_info .clear_btn .icon
    {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }


    .cart_info .product .sticker
    {
        font-size: 12px;

        padding: 8px 12px;
    }


    .cart_info .product .thumb
    {
        width: 200px;
        min-height: 100px;
    }


    .cart_info .product .info
    {
        width: calc(100% - 200px);
        padding: 19px;
    }

    .cart_info .product .info > *:first-child
    {
        width: calc(100% - 305px);
    }


    .cart_info .product .name
    {
        font-size: 20px;

        margin-top: 12px;
    }


    .cart_info .product .price
    {
        font-size: 18px;
        line-height: 100%;
    }


    .cart_info .product .price .old
    {
        font-size: 15px;
    }


    .cart_info .product .amount
    {
       
    }


    .cart_info .product .amount .btn
    {
        
    }

    .cart_info .product .amount .btn.minus
    {
        
    }


    .cart_info .product .amount .input
    {
        font-size: 16px;

        height: 44px;
        padding: 0 31px 0 31px;
    }


    .cart_info .product .buy_btn
    {
        width: 48px;
        height: 44px;
    }

    .cart_info .product .buy_btn .icon
    {
        width: 25px;
        height: 25px;
    }


    .cart_info .product .delete_btn
    {
        width: 44px;
        height: 44px;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .image
    {
        width: 100%;
        min-height: 0;
        margin-bottom: 24px;
        padding-bottom: 64%;
    }


    .product_info .data
    {
        width: 100%;
    }



    /*-------------------
        Products head
    -------------------*/
    .products_head .filter_selected
    {
        display: none;
    }



    /*------------
        Footer
    ------------*/
    footer .cont
    {
        justify-content: flex-start;
    }



    footer .links
    {
        width: 33.333%;
        margin-bottom: 40px;
    }


    footer .contacts,
    footer .socials
    {
        width: 33.333%;
    }

    .mob_show{
        display: block !important;
        margin-bottom: 20px;
    }

    .product_name:not(.mob_show){
        display: none;
    }
}