@media (max-width: 413px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {
        --font_size_title: 22px;
    }


    .cont
    {
        padding: 0 15px;
    }


    .block
    {
        margin-bottom: 40px;
    }


    .block_head
    {
        margin-bottom: 25px;
    }

    .block_head .title
    {
        line-height: 30px;
    }

    .block_head .title small,
    .block_head .title.mini small
    {
        font-size: 14px;
    }

    .block_head .title:before
    {
        margin-right: 15px;
    }

    .block_head .title:after
    {
        margin-left: 15px;
    }


    .page_title
    {
        line-height: 30px;

        margin-bottom: 20px;
    }



    .form .columns
    {
        margin-left: -15px;

        --columns_offset: 15px;
    }

    .form .columns > *
    {
        width: calc(100% - var(--columns_offset));
    }

    .form .line
    {
        margin-bottom: 15px;
    }

    .form .line.flex .label
    {
        width: 100%;
        min-height: 0;
        margin-bottom: 7px;
        padding: 0;
    }

    .form .line.flex .field
    {
        width: 100%;
    }

    .form .input,
    .form textarea
    {
        font-size: 13px;
    }

    .form .submit_btn
    {
        padding: 0 20px;
    }



    .text_block.border_bottom
    {
        padding-bottom: 40px;
    }

    .text_block h2
    {
        font-size: 20px;
        line-height: 30px;
    }

    .text_block h3
    {
        font-size: 18px;
        line-height: 28px;
    }

    .text_block h4
    {
        font-size: 16px;
        line-height: 26px;
    }


    .text_block .banner
    {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
    }

    .text_block .banner .info
    {
        font-size: 15px;
        line-height: 19px;

        min-height: 290px;
        padding: 50px 15px;
    }

    .text_block .banner .title
    {
        font-size: 26px;
        line-height: 36px;
    }

    .text_block .banner .link
    {
        min-width: 140px;
        margin-top: 20px;
        padding: 0 20px;
    }


    .text_block .slider_in_text
    {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
    }

    .text_block .slider_in_text .info
    {
        font-size: 15px;
        line-height: 19px;

        min-height: 290px;
        padding: 50px 15px;
    }

    .text_block .slider_in_text .title
    {
        font-size: 26px;
        line-height: 36px;
    }

    .text_block .slider_in_text .link
    {
        min-width: 140px;
        margin-top: 20px;
        padding: 0 20px;
    }


    .text_block .cols .col + .col
    {
        margin-top: 20px;
    }


    .text_block blockquote,
    .text_block q
    {
        padding: 12px 15px;
    }

    .text_block blockquote .title2,
    .text_block q .title2
    {
        font-size: 14px;
    }



    /*---------------
        Header
    ---------------*/
    header .info
    {
        padding: 10px 0;
    }


    header .logo a,
    header .logo img
    {
        height: 35px;
    }


    header .links > * + *
    {
        margin-left: 15px;
    }

    header .links .icon img
    {
        height: 25px;
    }


    #search_modal
    {
        right: -55px;

        width: 320px;
    }

    #search_modal:before
    {
        right: 69px;
    }


    header .mob_menu_link
    {
        width: 55px;
        margin-left: 0;
    }



    header.fixed .logo a,
    header.fixed .logo img
    {
        height: 37px;
    }


    header.fixed .links > * + *
    {
        margin-left: 15px;
    }

    header.fixed .links .icon
    {
        margin-right: 0;
    }


    header.fixed .search
    {
        margin: 0 0 0 15px;
    }

    header.fixed .search .link
    {
        width: 25px;
        height: 37px;
    }

    header.fixed .search .link:hover,
    header.fixed .search .link.active
    {
        background: url(../images/ic_search2.svg) 50% no-repeat;
    }

    header.fixed #search_modal
    {
        top: calc(100% + 7px);
        right: -55px;
    }



    /*---------------
        Sidebar
    ---------------*/
    aside .filter
    {
        padding: 15px;
    }


    aside .filter .title
    {
        font-size: 16px;
        line-height: 20px;

        margin: -3px 0;
    }

    aside .filter .reset_btn
    {
        top: 2px;
    }

    aside .filter .item .name
    {
        margin: 0 -15px;
    }

    aside .filter .data
    {
        margin: 0 -15px -1px;
        padding: 15px;
    }



    /*---------------
        Main section
    ---------------*/
    .main_slider .slide .info
    {
        width: 220px;
        min-height: 250px;
        padding: 50px 15px;
    }

    .main_slider .slide .info > * + *
    {
        margin-top: 10px;
    }

    .main_slider .slide .title
    {
        font-size: 25px;
        line-height: 27px;
    }

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

    .main_slider .slide .link
    {
        line-height: 38px;

        height: 40px;
        margin-top: 15px;
        padding: 0 25px;
    }



    .about .data .info .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .about .data .info .desc
    {
        font-size: 14px;
        line-height: 20px;
    }


    .about .data .logo
    {
        font-size: 20px;
        line-height: 28px;
    }

    .about .data .logo img
    {
        height: 122px;
    }



    .products .product,
    .content .products .product
    {
        padding: 10px;
    }

    .products .product .stickers
    {
        font-size: 8px;
        line-height: 16px;

        top: -1px;
        right: -1px;
    }

    .products .product .sticker
    {
        line-height: 17px;

        height: 16px;
    }

    .products .product .name
    {
        font-size: 13px;
        line-height: 19px;
    }

    .products .product .price
    {
        font-size: 18px;
    }

    .products .product .quike_buy_link
    {
        padding: 0 5px;
    }

    .products .product .quike_buy_link .icon
    {
        display: none;
    }


    .products .all a
    {
        font-size: 15px;
        line-height: 44px;

        width: 290px;
        height: 44px;
        padding: 0 15px;
    }



    .decorators_order .data .info .title
    {
        font-size: 28px;
        line-height: 30px;
    }

    .decorators_order .data .form
    {
        padding: 20px;
    }



    .main_article .info,
    .articles .article .info
    {
        padding: 15px;
    }

    .main_article .title,
    .articles .article .title
    {
        font-size: 12px;
    }

    .main_article .name,
    .articles .article .name
    {
        font-size: 14px;
        line-height: 22px;
    }


    .articles .flex
    {
        --articles_offset: 15px;
    }



    .main_article .all_link
    {
        line-height: 31px;

        margin-top: 15px !important;
        padding: 0 15px;

        letter-spacing: 0;
    }



    .subscribe .info
    {
        padding: 20px;
    }

    .subscribe .title
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 15px;
    }

    .subscribe .title small
    {
        font-size: 11px;
        line-height: 21px;
    }

    .subscribe .success
    {
        min-height: 150px;
    }



    .cart_info table td.image
    {
        width: 85px;
    }

    .cart_info table td.info
    {
        width: calc(100% - 100px);
    }

    .cart_info table td.info .name
    {
        padding-right: 25px;
    }

    .cart_info table td.price,
    .cart_info table td.amount
    {
        min-height: 60px;
    }

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

        width: 55px;
        height: 40px;
    }


    .cart_info table tfoot td
    {
        font-size: 20px;
        line-height: 24px;

        padding: 0 5px;
    }

    .cart_info .checkout_link
    {
        font-size: 16px;
        line-height: 46px;

        height: 44px;
    }



    .decorators .head
    {
        margin-bottom: 15px;
        padding-top: 60%;
    }

    .decorators .head .title
    {
        font-size: 22px;
        line-height: 30px;
    }



    .promo .flex
    {
        --promo_offset: 15px;
    }

    .promo .item
    {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;

        padding: 15px;
    }

    .promo .item .icon
    {
        height: 50px;
    }

    .promo .item .name
    {
        font-size: 17px;
        line-height: 21px;
    }



    .advantages .flex
    {
        margin-bottom: -30px;

        --advantages_offset: 15px;
    }

    .advantages .flex > *
    {
        margin-bottom: 30px;
    }

    .advantages .item
    {
        font-size: 12px;
        line-height: 18px;
    }

    .advantages .item > * + *
    {
        margin-top: 15px;
    }

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

    .advantages .item .icon img
    {
        max-width: 60px;
    }



    .decorators .send_project .title
    {
        font-size: 24px;
        line-height: 30px;
    }

    .decorators .send_project .form
    {
        padding: 20px;
    }



    .faq .accordion .item .title
    {
        font-size: 16px;
        line-height: 22px;
    }

    .faq .accordion .item .data
    {
        margin-top: 20px;
        margin-bottom: 25px;
        padding: 12px 15px;
    }


    .faq .columns .question,
    .faq .cols .question
    {
        font-size: 14px;

        padding: 12px 15px;
    }

    .faq .columns .answer,
    .faq .cols .answer
    {
        padding: 12px 15px;
    }


    .faq .add_question
    {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        padding: 40px 20px;
    }

    .faq .add_question .title
    {
        font-size: 20px;
        line-height: 26px;
    }

    .faq .add_question .title small
    {
        font-size: 12px;
        line-height: 18px;
    }



    .order_methods .title
    {
        font-size: 17px;
        line-height: 25px;
    }

    .order_methods .flex
    {
        margin-bottom: -30px;

        --order_methods_count: 2;
        --order_methods_offset: 15px;
    }

    .order_methods .flex > *
    {
        margin-bottom: 30px;
    }

    .order_methods .item > * + *
    {
        margin-top: 15px;
    }

    .order_methods .item .icon
    {
        width: 64px;
        height: 64px;
        padding: 18px;
    }



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

    .product_info .col_left > * + *,
    .product_info .information > * + *
    {
        margin-top: 15px;
    }

    .product_info .information .item
    {
        padding-left: 70px;
    }

    .product_info .information .icon
    {
        width: 55px;
    }

    .product_info .information .name
    {
        font-size: 14px;
        line-height: 18px;
    }


    .product_info .product_name
    {
        font-size: 22px;
        line-height: 30px;
    }

    .product_info .articul,
    .product_info .status
    {
        font-size: 13px;
    }

    .product_info .buy
    {
        padding: 20px;
    }


    .product_info .amount
    {
        margin-right: 0;
        margin-left: auto;
    }



    .reviews .flex
    {
        --reviews_count: 1;
        --reviews_offset: 15px;
    }

    .reviews .review
    {
        padding: 15px;
    }



    .projects .flex
    {
        --projects_count: 1;
    }

    .projects .project
    {
        font-size: 18px;
        line-height: 26px;
    }

    .projects .project .info
    {
        padding: 30px;
    }

    .projects .project .btn
    {
        font-size: 12px;
        line-height: 31px;

        height: 35px;
        margin-top: 15px;
        padding: 0 25px;
    }


    .projects .all a
    {
        font-size: 15px;
        line-height: 44px;

        width: 290px;
        height: 44px;
        padding: 0 15px;
    }



    .contacts_info .info
    {
        font-size: 14px;
        line-height: 20px;

        padding: 25px 15px;
    }

    .contacts_info .info > * + *
    {
        margin-top: 20px;
    }

    .contacts_info .info .name,
    .contacts_info .info .phone a
    {
        font-size: 18px;
    }


    .contacts_info .map
    {
        height: 290px;
        margin-top: 20px;
    }


    .contacts_info .schema
    {
        padding: 25px 0;
    }

    .contacts_info .schema .title
    {
        margin-bottom: 15px;
    }


    .contacts_info .schema .title,
    .contacts_info .feedback .title
    {
        font-size: 20px;
        line-height: 28px;
    }


    .contacts_info .feedback
    {
        padding: 25px 15px;
    }

    .contacts_info .feedback .form .agree
    {
        margin-bottom: 15px;
    }



    .stocks .stock:after
    {
        top: -3px;
        right: -3px;

        width: 60px;
        height: 61px;
    }

    .stocks .stock .info
    {
        padding: 30px 20px 20px;
    }

    .stocks .stock .name
    {
        font-size: 18px;
        line-height: 26px;
    }

    .stocks .stock .time
    {
        font-size: 13px;

        padding: 15px 20px;
    }

    .stocks .stock .timer
    {
        font-size: 17px;

        margin-top: 5px;
    }

    .stocks .stock .timer .hours,
    .stocks .stock .timer .minutes,
    .stocks .stock .timer .seconds
    {
        width: 54px;
    }

    .stocks .stock .timer span
    {
        line-height: 37px;

        width: 25px;
        height: 35px;
    }

    .stocks .stock .timer .sep
    {
        width: 15px;
    }

    .stocks .all a
    {
        font-size: 15px;
        line-height: 44px;

        width: 290px;
        height: 44px;
        padding: 0 15px;
    }




    .collections .content_flex .content
    {
        margin-bottom: -40px;
    }

    .collections .item.big
    {
        margin-bottom: 10px;
    }

    .collections .columns
    {
        column-gap: 10px;
    }

    .collections .columns > * + *
    {
        margin-top: 10px;
    }

    .collections .item .info
    {
        padding: 15px;
    }

    .collections .item .sticker
    {
        font-size: 9px;
        line-height: 19px;

        height: 19px;
        margin-bottom: 5px;
        padding: 0 6px;
    }

    .collections .item .name
    {
        font-size: 14px;
        line-height: 20px;
    }

    .collections .item .btn
    {
        font-size: 10px;
        line-height: 26px;

        height: 30px;
        padding: 0 10px;
    }



    .checkout .form .reset_btn
    {
        width: 100%;
        padding: 0 20px;
    }

    .checkout .form .block_title
    {
        font-size: 18px;
        line-height: 24px;
    }


    .checkout .form .delivery_method,
    .checkout .form .payment_method
    {
        margin-right: -17px;
        margin-left: -17px;
    }

    .checkout .form .delivery_method label,
    .checkout .form .payment_method label
    {
        font-size: 13px;
        line-height: 17px;

        letter-spacing: .05em;
    }

    .checkout .form .delivery_method label br,
    .checkout .form .payment_method label br
    {
        display: none;
    }

    .checkout .form .delivery_method label .exp,
    .checkout .form .payment_method label .exp
    {
        line-height: 18px;
    }


    .checkout .form .submit_btn
    {
        font-size: 16px;

        letter-spacing: .05em;
    }



    .all
    {
        margin-top: 30px;
    }

    .all > div:before
    {
        margin-right: 15px;
    }

    .all > div:after
    {
        margin-left: 15px;
    }



    /*---------------
        Footer
    ---------------*/
    footer .info .col_left,
    footer .info .col_center,
    footer .info .col_right
    {
        width: 100%;

        text-align: center;
    }

    footer .info .flex > * + *
    {
        margin-top: 20px;
    }


    footer .logo img
    {
        margin: 0 auto;
    }


    footer .socials
    {
        justify-content: center;
    }



    footer .menu
    {
        margin-left: -25px;
    }

    footer .menu a
    {
        margin-left: 25px;
    }



    /*---------------
        PopUp
    ---------------*/
    .fancybox-caption__body
    {
        font-size: 16px;
        line-height: 24px;
    }



    .modal .modal_title
    {
        font-size: 18px;
        line-height: 22px;

        min-height: 60px;
        padding: 19px 60px 15px 20px;
    }


    .modal table.product td.image
    {
        width: 75px;
    }

    .modal table.product td.info
    {
        width: calc(100% - 90px);
    }

    .modal table.product td.info .name
    {
        font-size: 15px;

        padding-right: 25px;
    }

    .modal table.product td.price,
    .modal table.product td.amount
    {
        min-height: 60px;
    }

    .modal table.product td.amount .input
    {
        font-size: 16px;

        width: 55px;
        height: 40px;
    }

    .modal table.product td.amount
    {
        margin-left: 0;
    }


    .modal .to_cart
    {
        font-size: 12px;
        line-height: 16px;

        padding-left: 88px;

        background-position: 20px 50%;
    }


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