@media print,
(max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 14px;
        --font_size_title: 36px;
    }


    .cont
    {
        padding: 0 20px;
    }


    .swiper-button-next,
    .swiper-button-prev
    {
        bottom: 30px;

        width: 44px;
        height: 44px;
    }


    .swiper-button-prev
    {
        right: 104px;
        left: auto;
    }

    .swiper-button-next
    {
        right: 40px;
        left: auto;
    }


    .swiper-button-next .icon,
    .swiper-button-prev .icon
    {
        width: 18px;
        height: 18px;
    }


    .block
    {
        margin-bottom: 60px;
    }



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



    /*---------------
        Load more
    ---------------*/
    .load_more
    {
        margin-top: 30px;
    }



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


    .accordion_item .head .number
    {
        display: none;
    }


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


    .accordion_item .head .icon
    {
        right: 20px;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        padding: 12px 0;
    }


    .mob_header .location
    {
        display: none;
    }


    .mob_header .cart
    {
        margin-left: 20px;
    }


    .mob_header .mob_menu_btn
    {
        margin-left: 10px;
    }



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

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



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


    .block_head.with_slider
    {
        min-height: 44px;
        padding-right: 124px;
    }



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



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



    /*-----------------
        Main slider
    -----------------*/


    .main_slider .stickers
    {
        margin-bottom: 16px;
    }


    .main_slider .sticker
    {
        font-size: 12px;

        padding: 8px 16px;
    }


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


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

        width: 100%;
        margin-top: 0;
    }


    .main_slider .btn
    {
        width: 200px;
        height: 44px;
        padding: 12px 24px;
    }


    /*--------------
        Products
    --------------*/
    .products .categories a
    {
        padding: 10px 20px 10px 15px;
    }


    .products .categories .icon
    {
        margin-right: 4px;

        transform: scale(.8);
    }


    .products .swiper-slide
    {
        width: 260px;
    }


    .products .swiper-button-prev
    {
        right: 52px;
    }


    .products .grid
    {
        margin-bottom: -10px;
        margin-left: -10px;
    }


    .products .grid > *
    {
        width: calc(50% - 10px);
        margin-bottom: 10px;
        margin-left: 10px;
    }


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


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

        padding: 8px 16px;
    }


    .products .product .spiciness_indicator
    {
        right: 10px;
        bottom: 10px;

        padding: 8px 10px;
    }


    .products .product .spiciness_indicator > * + *
    {
        margin-left: 2px;
    }


    .products .product .spiciness_indicator .icon
    {
        width: 15px;
        height: 17px;
    }


    .products .product .info,
    .products.small .product .info
    {
        padding: 20px 15px 15px;
    }


    .products .product .name,
    .products.small .product .name
    {
        font-size: 18px;
        line-height: 100%;

        margin-top: 16px;
    }


    .products .product .desc,
    .products.small .product .desc
    {
        font-size: 13px;
        line-height: normal;
    }


    .products .product .buy_btn
    {
        width: 48px;
        height: 48px;
    }


    .products .product .price
    {
        font-size: 16px;
        line-height: 46px;

        height: 48px;
        padding: 0 16px 0 22px;
    }



    /*----------------
        About head
    ----------------*/
    .about_head .data
    {
        padding: 28px;
    }


    .about_head .title
    {
        font-size: 38px;
    }


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

        width: 100%;
        margin-top: 20px;
    }


    .about_head .btn
    {
        width: 200px;
        height: 44px;
        margin-top: 28px;
        padding: 12px 24px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .item
    {
        padding: 19px;
    }


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


    .advantages .item .name
    {
        font-size: 17px;
    }


    .advantages .item .desc
    {
        margin-top: 16px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .stats .row
    {
        margin-left: 0;
    }


    .about_info .stats .row > *
    {
        width: 100%;
        margin-left: 0;
    }


    .about_info .stats .item
    {
        padding: 19px;
    }


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


    .about_info .stats .name
    {
        font-size: 15px;

        margin-top: 8px;
    }



    /*-------------
        Process
    -------------*/
    .process .row
    {
        margin-left: 0;
        padding: 0;
    }

    .process .row:before
    {
        display: none;
    }


    .process .row > *
    {
        width: 100%;
        margin-left: 0;
    }


    .process .item
    {
        padding: 20px;
    }

    .process .item:after
    {
        display: none;
    }


    .process .item .name
    {
        font-size: 17px;
    }


    .process .item .desc
    {
        margin-top: 16px;
    }



    /*----------
        Team
    ----------*/
    .team .swiper-button-prev
    {
        right: 52px;
    }


    .team .person
    {
        padding: 19px;
    }


    .team .person .photo
    {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }


    .team .person .name
    {
        font-size: 17px;
    }


    .team .person .post
    {
        margin-top: 12px;
        padding: 10px 16px;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews .swiper-button-prev
    {
        right: 52px;
    }


    .reviews .review
    {
        padding: 19px;
    }


    .reviews .review .text
    {
        margin-top: 12px;
    }



    /*--------------
        Partners
    --------------*/
    .partners .swiper-button-prev
    {
        right: 52px;
    }


    .partners .item
    {
        height: 100px;
    }



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

        margin-bottom: 24px;
    }


    .checkout_info .total .checkout_btn
    {
        height: 48px;
        margin-top: 24px;
        padding: 12px 20px;
    }



    /*---------------
        Cart info
    ---------------*/
    .cart_info .clear_btn .icon
    {
        width: 16px;
        height: 16px;
    }


    .cart_info .product .stickers
    {
        top: 16px;
        left: 16px;
    }


    .cart_info .product .thumb
    {
        width: 100%;
        min-height: 0;
        padding-bottom: 48%;
    }


    .cart_info .product .info
    {
        width: 100%;
        padding: 20px 19px 19px;
    }

    .cart_info .product .info > *:first-child
    {
        width: 100%;
        margin-bottom: 20px;
    }


    .cart_info .product .name
    {
        font-size: 18px;
    }


    .cart_info .product .buy
    {
        width: calc(100% - 60px);
        justify-content: space-between;
    }



    /*-------------------
        Category info
    -------------------*/
    .category_info .categories a
    {
        padding: 10px 20px 10px 15px;
    }


    .category_info .categories .icon
    {
        margin-right: 4px;

        transform: scale(.8);
    }



    /*-------------------
        Products head
    -------------------*/
    .products_head .filter_btn
    {
        padding: 9px 13px;
    }


    .products_head .sort .nice-select .current
    {
        line-height: 42px;

        min-width: 180px;
        height: 44px;
        padding: 0 44px 0 12px;
    }


    .products_head .filter .line
    {
        width: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }


    .products_head .filter .checkbox div
    {
        line-height: 14px;

        padding: 12px;
    }



    /*------------
        Footer
    ------------*/
    footer .data
    {
        padding: 48px 0 40px;
    }


    footer .logo img
    {
        height: 24px;
    }



    footer .links,
    footer .contacts,
    footer .socials
    {
        width: 50%;
    }


    footer .payments
    {
        margin-left: auto;
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        width: 100%;
        padding: 40px;
    }


    .modal .btn
    {
        width: 280px;
        padding: 14px 24px;
    }
}