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


    .block
    {
        margin-bottom: 50px;
    }

    .block.bg
    {
        padding: 50px 0;
    }



    .content_flex .content
    {
        width: 100%;
    }



    /*------------
        Header
    ------------*/
    .mob_header
    {
        display: block;
    }


    header
    {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;

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

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

        background: #fff;
    }

    header.show
    {
        transform: translateX(0);
    }


    header .mob_scroll
    {
        display: flex;
        overflow: auto;

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

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

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

    header .cont,
    header .info
    {
        padding: 0;
    }



    header .city
    {
        width: 100%;
        padding: 15px 20px;

        border-bottom: 1px solid #ddd;
    }

    header .city .you_city
    {
        display: none;
    }

    header .city .mini_modal
    {
        width: 100%;
        padding: 20px;
    }

    header .city .mini_modal.active
    {
        top: 100%;
    }

    header .city #city_modal .list
    {
        column-gap: 20px;
    }

    header .city #city_modal .list button
    {
        font-size: 13px;
        line-height: 17px;
    }


    header .menu
    {
        width: 100%;
        padding: 15px 20px;
    }

    header .menu .item
    {
        width: 100%;
    }

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


    header .info,
    header .logo,
    header .slogan,
    header .phone,
    header .callback_btn,
    header .login_link,
    header .cart_link
    {
        display: none;
    }


    header .catalog
    {
        width: 100%;
        margin: 0;
        padding: 15px 20px 0;

        border-top: 1px solid #ddd;
    }


    header .catalog .mini_modal
    {
        position: relative;
        top: 0;

        display: none;

        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 20px;

        box-shadow: none;
    }

    header .catalog .mini_modal.active
    {
        top: 0;

        display: block;
    }


    header .catalog #catalog_modal .row
    {
        margin-bottom: 0;
        margin-left: 0;
    }

    header .catalog #catalog_modal .row > *
    {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }

    header .catalog #catalog_modal .row > * + *
    {
        margin-top: 25px;
    }


    header .catalog #catalog_modal .sub_cats
    {
        margin-top: 10px;
    }



    /*-------------
        Sidebar
    -------------*/
    aside
    {
        margin-bottom: 20px;

        order: 0;
    }

    .content + aside
    {
        margin-top: 40px;
        margin-bottom: 0;
    }



    aside .mob_filter_btn
    {
        display: block;
    }

    aside .filter
    {
        display: none;

        margin-top: 10px;
    }



    aside .garanti
    {
        display: none;
    }



    /*---------------
        Cats wall
    ---------------*/
    .cats_wall .row > *,
    .cats_wall .row > *.mini
    {
        width: calc(33.333% - 16px);
    }



    /*--------------
        Products
    --------------*/
    .products .links
    {
        margin-bottom: 5px;
        margin-left: -10px;
    }

    .products .links > *
    {
        margin-bottom: 10px;
        margin-left: 10px;
    }



    .products .row
    {
        margin-bottom: -20px;
        margin-left: -20px;

        --products_count: 3;
    }

    .products .row > *,
    .content .products .row > *
    {
        width: calc(33.333% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .products .links + .row > *:nth-last-child(1),
    .products.related .row > *:nth-last-child(1)
    {
        display: none;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .row
    {
        justify-content: flex-start;
    }

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


    .advantages .item
    {
        flex-wrap: nowrap;
    }

    .advantages .item .icon
    {
        margin: 0 14px 0 0;
    }

    .advantages .item .icon + *
    {
        width: 100%;

        text-align: left;
    }



    /*-----------------
        About block
    -----------------*/
    .about_block .info
    {
        width: 100%;
    }


    .about_block .feedback
    {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
        padding: 40px;
    }

    .about_block .feedback .desc
    {
        font-size: 16px;
        line-height: 22px;
    }

    .about_block .feedback .form
    {
        display: flex;

        width: 100%;
        margin-top: 25px;

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

    .about_block .feedback .form .line
    {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .about_block .feedback .form .submit
    {
        width: calc(50% - 10px);
    }

    .about_block .feedback .form .submit_btn
    {
        width: 100%;
    }

    .about_block .feedback .phone
    {
        margin-top: 18px;
    }



    /*--------------
        Articles
    --------------*/
    .articles .article
    {
        padding: 19px;
    }



    /*-------------------
        Checkout info
    -------------------*/
    .checkout_info
    {
        width: 320px;
        max-width: 100%;
        margin-left: auto;
    }



    /*--------------------
        Category links
    --------------------*/
    .category_links
    {
        margin-bottom: 7px;
        margin-left: -8px;
    }

    .category_links > *
    {
        margin-bottom: 8px;
        margin-left: 8px;
    }


    .category_links a
    {
        font-size: 13px;
        line-height: 17px;

        padding: 6px 15px 7px;
    }



    /*-------------------
        Products head
    -------------------*/
    .products_head
    {
        margin-bottom: 20px;
    }



    /*----------------------
        Delivery/Ppayment
    ----------------------*/
    .delivery_payment
    {
        padding-top: 12px;
    }

    .delivery_payment .tabs_wrap
    {
        margin: 0 -20px 25px;

        border-bottom: 2px solid #ddd;
    }

    .delivery_payment .tabs
    {
        font-size: 0;

        position: relative;

        display: block;
        overflow: auto;

        margin: 0 0 -2px;
        padding: 0 20px;

        white-space: nowrap;

        border: none;
    }

    .delivery_payment .tabs::-webkit-scrollbar
    {
        width: 0;
        height: 0;
    }

    .delivery_payment .tabs button
    {
        font-size: var(--font_size);

        display: inline-block;

        vertical-align: top;
    }

    .delivery_payment .tabs button + button
    {
        margin-left: 25px;
    }



    /*---------------------
        Payment methods
    ---------------------*/
    .payment_methods .method
    {
        padding: 20px 20px 25px;
    }

    .payment_methods .method .icon
    {
        margin-bottom: 20px;
    }

    .payment_methods .method .name
    {
        line-height: 21px;
    }

    .payment_methods .method .name small
    {
        line-height: 17px;
    }



    /*----------------------
        Delivery methods
    ----------------------*/
    .delivery_methods .method
    {
        padding: 20px;
    }

    .delivery_methods .method .desc
    {
        font-size: 14px;

        margin-top: 18px;
    }

    .delivery_methods .method .price
    {
        margin-top: 16px;
    }


    .product_info .discount
    {
        display: flex;

        margin-top: 30px;

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

    .product_info .discount .desc
    {
        width: 410px;
        max-width: 100%;
        margin-top: 0;
        margin-left: auto;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .data
    {
        width: 100%;
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        padding: 50px 0 40px;
    }


    footer .col_left
    {
        margin-bottom: 30px;
    }


    footer .contacts,
    footer .copyright
    {
        margin-left: 40px;
    }



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


    #checkout_modal
    {
        padding: 40px;
    }
}