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


    body
    {
        letter-spacing: .025em;
    }


    .page_content > .cont
    {
        padding-top: 30px;
    }

    .page_content > .cont:before
    {
        left: 0;

        width: 100%;
    }


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


    .text_block h2
    {
        font-size: 22px;
        line-height: 32px;
    }

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

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


    .text_block * + h2,
    .text_block * + h3,
    .text_block * + h4,
    .text_block * + h5,
    .text_block * + h6
    {
        margin-top: 40px;
    }


    .text_block img.right,
    .text_block iframe.right,
    .text_block figure.right,
    .text_block img.left,
    .text_block iframe.left,
    .text_block figure.left,
    .text_block .img.right,
    .text_block .img.left
    {
        float: none;

        width: 100%;
        max-width: 100%;
        margin: 0 0 24px;
    }


    .text_block blockquote .title,
    .text_block q .title
    {
        font-size: 16px;

        margin-bottom: 10px;
    }


    .text_block .slider_in_text
    {
        background: none;
    }

    .text_block .slider_in_text .title
    {
        font-size: 30px;
        line-height: 34px;
    }


    .text_block .icon
    {
        display: none;
    }


    .text_block .method + .method
    {
        padding-top: 40px;
    }

    .text_block .method
    {
        margin-top: 40px;
        margin-bottom: 35px;
    }



    .form
    {
        --form_label_width: 135px;
    }

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

    .form .field.flex > *
    {
        width: calc(50% - 7px);
    }

    .form .field.flex > * + *
    {
        margin-left: 14px;
    }



    /*---------------
        Header
    ---------------*/
    header .logo a,
    header .logo img
    {
        height: 50px;
    }


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

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


    #search_modal
    {
        right: -28px;
    }


    header .mob_menu_link
    {
        width: 60px;
        margin-left: 5px;
    }



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



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

    .main_slider .slide .title
    {
        font-size: 28px;
        line-height: 30px;
    }

    .main_slider .slide .desc
    {
        font-size: var(--font-size);
    }



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

        --cats_wall_count: 2;
    }

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

    .cats_wall .flex > *:nth-last-child(1)
    {
        display: none;
    }



    .about .data
    {
        padding: 50px 20px;
    }



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

    .products .product .thumb
    {
        margin-bottom: 10px;
    }

    .products .product .name
    {
        font-size: 14px;
        line-height: 20px;
    }

    .products .product .quike_buy_link
    {
        font-size: 11px;

        margin-top: 10px;
        padding: 0 5px 0 37px;
    }



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

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

    .decorators_order .data .desc
    {
        font-size: 13px;
        line-height: 19px;
    }

    .decorators_order .data .desc br
    {
        display: none;
    }


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



    .main_article .thumb,
    .articles .article .thumb
    {
        min-height: 150px;
    }

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

    .main_article .info > * + *,
    .articles .article .info > * + *
    {
        margin-top: 15px;
    }

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


    .main_article .all_link
    {
        margin-top: 20px !important;
    }



    .subscribe .info
    {
        padding: 30px;
    }

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

    .subscribe .success
    {
        margin: 20px;
        padding: 20px;
    }



    .advantages .item
    {
        font-size: 13px;
        font-weight: 600;
        line-height: 19px;
    }

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

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



    .decorators .send_project .title
    {
        font-size: 28px;
        line-height: 36px;
    }

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



    .faq .add_question
    {
        padding: 40px;
    }

    .faq .add_question .title
    {
        font-size: 22px;
        line-height: 28px;
    }


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

        padding: 12px 90px 12px 20px;
    }

    .faq .columns .question:after,
    .faq .cols .question:after
    {
        right: 15px;
    }



    .product_info .information
    {
        padding: 15px;
    }



    .reviews .review .rating > *
    {
        width: 21px;
        height: 20px;

        background-size: 100% auto;
    }

    .reviews .review .rating > * + *
    {
        margin-left: 3px;
    }

    .reviews .review .title
    {
        font-size: 15px;
    }



    .projects .project
    {
        font-size: 13px;
        line-height: 21px;
    }

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

    .projects .project .btn
    {
        margin-top: 10px;
    }



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



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

        width: 80px;
        height: 81px;
    }

    .stocks .stock .info
    {
        padding: 25px;
    }

    .stocks .stock .name
    {
        font-size: 20px;
        line-height: 28px;
    }



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

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

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

    .collections .item .name
    {
        font-size: 18px;
        line-height: 24px;
    }

    .collections .item .btn
    {
        line-height: 31px;

        padding: 0 15px;
    }



    .checkout .form .reset_btn
    {
        padding: 0 25px;
    }


    .checkout .form .block_title
    {
        font-size: 20px;

        min-height: 48px;
        padding-right: 63px;
    }

    .checkout .form .block_title:before
    {
        font-size: 18px;
        line-height: 46px;

        width: 48px;
        height: 48px;
    }


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


    .checkout .total
    {
        font-size: 18px;
    }

    .checkout .total .val
    {
        margin-left: 15px;
    }



    .all a
    {
        min-width: 250px;
    }



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


    footer .socials a + a
    {
        margin-left: 10px;
    }


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

    footer .info .flex + .flex .col_left,
    footer .info .flex + .flex .col_center,
    footer .info .flex + .flex .col_right
    {
        width: 100%;

        text-align: center;
    }

    footer .info .flex + .flex > * + *,
    footer .info .flex + .flex .col_right
    {
        margin-top: 15px;
    }


    footer .download
    {
        justify-content: center;
    }



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


    .modal .modal_title
    {
        font-size: 20px;
        line-height: 24px;

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

    .modal .modal_data
    {
        padding: 20px;
    }


    .modal .form .bg
    {
        margin-right: -20px;
        margin-left: -20px;
        padding: 30px 20px 20px;
    }

    .modal .form .bottom .agree
    {
        width: 100%;
        max-width: 100%;
    }

    .modal .form .bottom .submit
    {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }


    .modal .to_cart
    {
        font-size: 13px;
        line-height: 17px;
    }
}