@media (max-width: 479px)
{
    /*---------------
	    Main styles
	---------------*/
    .page_title
    {
        font-size: 20px;
    }



    /*---------------
		Header
	---------------*/
    header
    {
        margin-bottom: 15px;
    }

    header .city
    {
        width: calc(100% - 140px);
        margin-bottom: 10px;
    }

    header .city .nice-select
    {
        display: inline-block;

        width: auto;

        vertical-align: top;
    }


    header .phones
    {
        margin-right: 0;
        margin-bottom: 0;
    }


    header .socials
    {
        display: flex;

        margin-left: 0;
    }

    header .langs
    {
        margin-left: 0;
    }

    header .callback_link
    {
        margin-right: 0;
        padding: 0 10px;
    }


    header .logo
    {
        margin-left: -10px;
    }

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



    header .menu
    {
        top: 70px;
    }



    /*---------------
		Sidebar
	---------------*/
    aside > *
    {
        width: calc(100% - 15px) !important;
        margin-bottom: 15px !important;
    }


    aside .subscribe,
    aside .articles .item .info
    {
        padding: 20px;
    }



    /*---------------
		Main section
	---------------*/
    .main_slider .slide
    {
        height: 285px;
    }

    .main_slider .slide .info
    {
        padding: 30px 20px;
    }

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

    .main_slider .slide .title b
    {
        font-size: 36px;
        line-height: 40px;
    }



    .content .sale_link .percent
    {
        font-size: 80px;
        line-height: 80px;
    }

    .content .sale_link .name
    {
        font-size: 20px;

        padding: 0 15px;
    }



    .products .tabs
    {
        padding: 0 20px;
    }

    .products .block_title.big
    {
        font-size: 22px;
    }



    .order_block .info
    {
        font-size: 14px;
    }

    .order_block .info .title
    {
        font-size: 24px;
    }



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

    .form .submit_btn
    {
        width: 100%;
    }

    .form .input
    {
        padding: 0 15px;
    }
    #comment .field {
        width: 100%;
    }
    #comment .submit {
        margin: 0 auto;
    }



    .text_block .block_title,
    .text_block h1
    {
        font-size: 24px;
        line-height: 26px;

        margin-bottom: 20px;
    }



    .article_info .date
    {
        position: relative;
        top: 0;
        left: 0;

        display: inline-block;

        margin-bottom: 15px;

        vertical-align: top;
    }

    .article_info h1
    {
        padding: 0;
    }



    .text_block img.left,
    .text_block img.right
    {
        max-width: 100%;
        margin: 0 0 20px;
    }



    .calc_info
    {
        margin-bottom: 40px;
        padding: 30px 20px;

        background: #f5f5f5;
    }

    .calc_info .block_title
    {
        font-size: 26px;

        margin-bottom: 20px;
    }

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


    .calc_info .form .total_weight
    {
        font-size: 22px;
    }

    .calc_info .form .product .name
    {
        width: 100%;
        margin-bottom: 15px;
    }

    .calc_info .form .product .price
    {
        width: 100%;

        text-align: left;
    }

    .calc_info .form .product .link
    {
        margin-top: 20px;
    }



    .cart_info table td.info + td.price
    {
        clear: both;
    }

    .cart_info table td.price,
    .cart_info table td.amount
    {
        width: 33.333%;
    }

    .cart_info table td.price
    {
        font-size: 20px;
    }


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

        text-align: center;
    }

    .cart_info table tfoot td .update_link
    {
        display: block;

        margin-right: 0;
        margin-bottom: 10px;
    }



    .checkout .form .label_content
    {
        padding-top: 0;
    }

    .checkout .form .submit_btn
    {
        width: 100%;
    }



    .cats_wall2 .item_wrap
    {
        width: 100%;
    }



    .products .item_wrap
    {
        width: 100%;
    }
    .product_info .data {
        margin-bottom: 40px;
    }



    .conditions_info .tabs li,
    .product_info .tabs li
    {
        width: 100%;
    }

    .conditions_info .tabs li + li,
    .product_info .tabs li + li
    {
        margin-top: 6px;
    }



    .text_block .noty
    {
        margin: 20px 0;
        padding: 15px;
    }


    .text_block .resume_link
    {
        line-height: normal;

        height: auto;
        padding: 15px 20px;
    }



    .contacts_info .item .info
    {
        padding: 15px 20px;
    }

    .contacts_info .item .phones
    {
        font-size: 16px;
    }



    .jobs,
    .jobs > .item
    {
        margin-bottom: 30px;
    }



    .price_lists .btns a
    {
        padding: 0 15px;
    }



    .product_info .data .buy,
    .product_info .data .info
    {
        width: 100%;
    }



    /*---------------
		Footer
	---------------*/
    footer .col.center
    {
        width: 100%;
        margin-top: 30px;
    }



    /*---------------
		PopUp
	---------------*/
    .modal,
    #success_modal
    {
        padding: 30px 20px;
    }

    .modal_title
    {
        font-size: 20px;
        line-height: 22px;
    }


    .modal .form
    {
        padding: 20px;
    }

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

    .modal .form .submit_btn
    {
        width: 100%;
    }



    .modal .product td
    {
        display: block;

        width: 100%;

        text-align: center;
    }

    .modal .product .image
    {
        width: 100%;
    }

    .modal .product td + td
    {
        margin-top: 10px;
    }

    .modal .product .name
    {
        padding: 0;

        text-align: center;
    }

    .modal .product .amount
    {
        padding: 0;
    }

    .modal .product .amount .box
    {
        display: inline-block;

        vertical-align: top;
    }


    .modal .more
    {
        padding: 0;

        text-align: center;
    }


    .modal .links
    {
        margin-top: 30px;
    }

    .modal .links a
    {
        width: 100%;
        max-width: 100%;
    }

    .modal .links a.cart_link
    {
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .product_info .data .info {
        min-height: 435px;
    }
}