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


    .block
    {
        margin-bottom: 40px;
    }


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



    .page_head
    {
        margin-top: -10px;
    }



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

        width: auto;
        max-width: 100%;
        margin: 30px 0;
    }


    .text_block blockquote,
    .text_block q
    {
        font-size: 15px;
        line-height: 23px;
    }


    .text_block .quote
    {
        font-size: 15px;
        line-height: 23px;

        padding-left: 55px;

        background-position: 0 0;
    }



    .tabs a
    {
        font-size: 13px;
        line-height: 16px;
    }


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



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


    header .logo .name
    {
        font-size: 36px;
        font-weight: normal;
        line-height: 40px;
    }

    header .logo .desc
    {
        font-size: 15px;
        font-weight: 600;
        line-height: 17px;

        margin-left: 20px;
    }


    header .slogan
    {
        font-size: 14px;
    }



    /*---------------
		Sidebar
	---------------*/
    aside
    {
        margin-top: 40px;

        column-count: 1;
        column-gap: 0;
    }



    /*---------------
		Main section
	---------------*/
    .main_banner .data
    {
        padding: 35px;
    }

    .main_banner .info .title
    {
        font-size: 22px;
        line-height: 30px;
    }

    .main_banner .info .link
    {
        margin-top: 30px;
    }

    .main_banner .bg
    {
        display: none;
    }



    .posts .post + .post
    {
        margin-top: 40px;
    }

    .posts .post .cat
    {
        font-size: 13px;
    }

    .posts .post .name
    {
        font-size: 16px;
        line-height: 24px;
    }

    .posts .post .info
    {
        margin-left: -25px;
    }

    .posts .post .info > *
    {
        margin-left: 25px;
    }



    .videos .grid
    {
        grid-template-columns: repeat(2, 1fr);
    }



    .post_info .bottom
    {
        margin-top: 30px;
        padding-top: 20px;

        justify-content: center;
    }


    .post_info .share
    {
        width: 100%;
        margin-top: 15px;
    }

    .post_info .share img
    {
        margin: 0 auto;
    }



    .related_posts .item
    {
        font-size: 13px;
    }



    .content_subscribe .info
    {
        width: 100%;
        padding: 15px;
    }

    .content_subscribe .img
    {
        display: none;
    }



    .comments .comment-body
    {
        padding: 20px;
    }


    .comments .add_answer
    {
        padding: 25px;
    }


    .comments .add_answer .block_title,
    #respond .block_title
    {
        margin-bottom: 20px;
    }



    /*---------------
		Footer
	---------------*/
    footer .logo .name
    {
        font-size: 32px;
        font-weight: normal;
        line-height: 36px;
    }

    footer .logo .desc
    {
        font-size: 12px;
        line-height: 14px;
    }


    footer .menu
    {
        width: 100%;
        margin-top: 20px;

        text-align: center;

        column-count: 3;
        order: 5;
    }


    footer .menu,
    footer .requisites
    {
        line-height: 22px;
    }



    /*---------------
		PopUp
	---------------*/
}