@media (max-width: 479px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_title: 24px;
    }


    .cont
    {
        padding: 0 20px;
    }



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


    .fancybox__content > .carousel__button.is-close
    {
        top: 29px;
        right: 24px;
    }



    /*-------------
        Sidebar
    -------------*/
    aside .links
    {
        padding: 20px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        margin-bottom: 32px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .swiper-slide
    {
        min-height: 320px;
        padding: 24px;
    }


    .main_slider .data
    {
        width: 200px;
    }


    .main_slider .pre_title
    {
        font-size: 15px;
    }


    .main_slider .title
    {
        font-size: 28px;
    }



    /*---------------------
        Mob. categories
    ---------------------*/
    .mob_categories
    {
        display: block;
    }



    /*----------------
        Categories
    ----------------*/
    .categories
    {
        display: none;
    }


    .categories .grid
    {
        display: block;
    }

    .categories .grid > * + *
    {
        margin-top: 20px;
    }


    .categories .category .thumb
    {
        height: 228px;
    }



    /*-------------
        Banners
    -------------*/
    .banners .banner
    {
        height: 168px;
    }


    .banners .banner .title
    {
        font-size: 21px;

        width: 172px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .item .number
    {
        font-size: 16px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }

    .advantages .item .number + *
    {
        max-width: calc(100% - 52px);
    }



    /*----------------
        About info
    ----------------*/
    .about_info .title
    {
        font-size: 40px;

        margin-bottom: 28px;
    }


    .about_info .images img.absolute
    {
        bottom: 20px;
        left: -20px;
    }



    /*---------
        FAQ
    ---------*/
    .FAQ .block_head
    {
        width: 100%;
    }


    .FAQ .accordion
    {
        width: 100%;
        max-width: 100%;
    }



    /*--------------
        Products
    --------------*/
    .products .swiper-slide
    {
        width: 220px;
    }


    .products .row,
    .content .products .row
    {
        margin-bottom: -24px;
        margin-left: -12px;
    }


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


    .products .product .stickers
    {
        top: 8px;
        left: 8px;
    }

    .products .product .stickers .sticker
    {
        font-size: 12px;
        line-height: 100%;

        padding: 8px 8px 7px;
    }


    .products .product .favorite_btn
    {
        top: 8px;
        right: 8px;
    }


    .products .product .info,
    .products.additional .product .info
    {
        padding: 12px;
    }


    .products .product .name,
    .products .product .price
    {
        font-size: 15px;
    }


    .products.additional .product .name
    {
        font-size: 13px;
    }



    .products.additional .swiper-slide
    {
        width: 112px;
    }



    /*-------------------------
        LK info - Addresses
    -------------------------*/
    .lk_info .addresses .row
    {
        margin-left: 0;
    }

    .lk_info .addresses .row > *
    {
        width: 100%;
        min-height: 200px;
        margin-left: 0;
    }



    /*----------------
        Order info
    ----------------*/
    .modal.order_info .features
    {
        width: calc(100% + 48px);
        margin: 28px -24px 0;
    }


    .order_info .features .item
    {
        padding: 10px 24px;
    }


    .order_info table
    {
        width: calc(100% + 48px);
        margin: 40px -24px -24px;
    }


    .order_info table td:first-child
    {
        padding-left: 24px;
    }

    .order_info table td:last-child
    {
        padding-right: 24px;
    }

    .order_info table td + td
    {
        padding: 0 24px;
    }



    /*---------------
        Cart info
    ---------------*/
    .cart_info table td.thumb
    {
        width: 80px;
    }


    .cart_info table td.name
    {
        width: calc(100% - 100px);
        padding-right: 32px;
    }


    .cart_info table td.model,
    .cart_info table td.points,
    .cart_info table td.amount,
    .cart_info table td.price,
    .cart_info table td.price.total
    {
        width: 50%;
        margin-top: 16px;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .images .stickers
    {
        top: 8px;
        left: 8px;
    }

    .product_info .images .stickers .sticker
    {
        font-size: 12px;
        line-height: 100%;

        padding: 8px 8px 7px;
    }


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


    .product_info .status,
    .product_info .amount .label,
    .product_info .increas_numbers .label
    {
        font-size: 13px;
    }


    .product_info .buy .buy_btn
    {
        width: calc(100% - 68px);
        max-width: calc(100% - 68px);
        height: 48px;
    }


    .product_info .buy .favorite_btn
    {
        width: 48px;
        height: 48px;
    }


    .product_info .compound .col
    {
        width: 100%;
        max-width: 100%;
    }


    .product_info .guarantee
    {
        padding: 20px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        padding: 24px;
    }


    .modal_title
    {
        padding-right: 40px;
    }


    .modal .form
    {
        margin-top: 28px;
    }
}