@media (max-width: 767px)
{
    /*---------------
	    Main styles
	---------------*/
    :root
    {
        --aside_width: 257px;
        --font_size: 14px;
        --font_size_title: 26px;
    }


    .block_head
    {
        margin-bottom: 20px;
    }

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



    .block_head .all_link
    {
        line-height: 30px;

        padding-right: 40px;
    }

    .block_head .all_link:after
    {
        width: 30px;
        height: 30px;

        background-size: 13px auto;
    }



    .page_title
    {
        line-height: 30px;
    }



    .page_head .head
    {
        min-height: 140px;
    }

    .page_head .head .title
    {
        font-size: 36px;
        line-height: 40px;
    }



    .content .block_title
    {
        font-size: 22px;
        line-height: 26px;
    }



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

        --columns_offset: 20px;
    }

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

    .form .input
    {
        font-size: 13px;

        padding: 0 18px;
    }

    .form textarea
    {
        font-size: 13px;

        padding: 15px 18px;
    }


    .form .bottom .agree
    {
        width: 100%;
    }


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



    .text_block .bg
    {
        margin: 25px 0;
        padding: 20px 25px;
    }


    .text_block .slider_in_text
    {
        width: calc(100% + 40px);
        margin: 30px -20px;
    }


    .text_block .table_wrap
    {
        padding-bottom: 20px;
    }

    .text_block .table_wrap::-webkit-scrollbar
    {
        width: 7px;
        height: 10px;

        border-radius: 0;
        background-color: #eee;

        -webkit-appearance: none;
    }

    .text_block .table_wrap::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: #ffd12f;
    }

    .text_block table
    {
        width: 728px;
    }


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

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



    .slider_in_text .owl-carousel .owl-nav button,
    .gallery .owl-carousel .owl-nav button
    {
        width: 60px;
    }



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


    header .cert
    {
        display: none;
    }


    header .contacts
    {
        font-size: 11px;
        line-height: 19px;

        padding-top: 35px;

        background-position: 0 33px;
    }

    header .contacts .phone
    {
        font-size: 18px;
        line-height: 22px;
    }



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



    /*---------------
		Main section
	---------------*/
    .main_slider .slide .info
    {
        font-size: 15px;
        line-height: 25px;

        width: 100%;
        padding: 0 50px;

        text-align: center;
    }

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



    .promo .flex
    {
        --promo_count: 1;
    }

    .promo .text_block
    {
        font-size: 14px;
        line-height: 24px;
    }

    .promo .text_block p,
    .promo .text_block img,
    .promo .text_block ol
    {
        margin-bottom: 20px;
    }



    .advantages .item
    {
        line-height: 24px;
    }

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



    .advantages .flex
    {
        --advantages_count: 1;
        --advantages_offset: 20px;
    }



    .cats_wall .block_title
    {
        font-size: 36px;
        line-height: 40px;

        margin-bottom: 30px;
    }


    .cats_wall .item
    {
        font-size: 14px;
        line-height: 22px;
    }

    .cats_wall .item .thumb
    {
        width: 126px;
        height: 126px;
        margin-bottom: 15px;
        padding: 25px;
    }



    .articles .flex
    {
        --articles_count: 1;
    }

    .articles .flex .item
    {
        line-height: 22px;
    }



    .articles .masonry
    {
        --articles_count: 2;
    }

    .articles .masonry .item
    {
        width: calc(50% - 15px);
    }



    .products .product .thumb
    {
        width: 100%;
    }

    .products .product .info,
    .products .product .thumb + .info
    {
        width: 100%;
        padding: 0 20px 20px;

        text-align: center;
    }



    .contacts_info .info
    {
        margin-left: -20px;
        padding-bottom: 10px;
    }

    .contacts_info .info > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


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

    .contacts_info .info .email a
    {
        font-size: 15px;
        line-height: 21px;

        margin-top: 0;
    }



    .feedback
    {
        padding: 25px 30px;
    }


    .feedback .title
    {
        font-size: 22px;
        line-height: 24px;

        margin-bottom: 25px;
    }



    .contacts_map .tabs a,
    .contacts_path .tabs a
    {
        font-size: 16px;
    }

    .contacts_map .tabs > * + *,
    .contacts_path .tabs > * + *
    {
        margin-left: 30px;
    }


    .contacts_map .map_wrap
    {
        padding-bottom: 60%;
    }


    .contacts_path .tab_content.active
    {
        padding: 15px;
    }



    .dealers .item
    {
        padding: 20px 20px 5px;
    }

    .dealers .item + .item
    {
        margin-top: 20px;
    }



    .product_info .images
    {
        width: 100%;
        margin-bottom: 25px;

        order: 1;
    }

    .product_info .images .slide a
    {
        padding-bottom: 75%;
    }

    .product_info .images .thumbs
    {
        margin-top: 10px;

        --product_thumbs_count: 5;
        --product_thumbs_offset: 10px;
    }

    .product_info .images .thumbs a
    {
        padding-bottom: 15%;
    }


    .product_info .description
    {
        width: 100%;
    }



    .videos .flex
    {
        --videos_count: 3;
    }

    .videos .item
    {
        padding-bottom: 23%;
    }

    .videos .item:after
    {
        background-size: 30px auto;
    }



    .usage .head .info
    {
        width: 100%;
    }


    .usage .head .thumb
    {
        display: none;
    }



    .usage .gallery .thumbs
    {
        --gallery_thumbs_count: 6;
    }

    .usage .gallery .thumbs a
    {
        padding-bottom: 13.5%;
    }



    /*---------------
		Footer
	---------------*/
    footer .info .cont.flex > *
    {
        width: 100%;

        text-align: center;
    }

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



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

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

        margin-bottom: 25px;
    }
}