@media (max-width: 767px)
{
    /*------------
        Header
    ------------*/
    header
    {
        border-bottom: 1px solid #262626;


        .logo
        {
            .square
            {
                display: none;
            }
        }


        .menu
        {
            position: absolute;
            top: 100%;
            left: 100%;

            align-content: flex-end;
            align-items: flex-end;
            flex-direction: column;

            width: 100%;
            padding: var(--inner_gap_l);

            transition: transform .2s linear;

            border-top: 1px solid #262626;
            background: var(--dark_color);

            gap: var(--inner_gap);


            &.show
            {
                transform: translateX(-100%);
            }
        }


        .mob_menu_btn
        {
            display: flex;
        }
    }



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        .page_title
        {
            font-size: var(--font_size_title);
        }
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        .grid_row
        {
            --items_per_line: 1;
        }


        .data
        {
            .map
            {
                height: 400px;
            }
        }
    }



    /*--------------
        Services
    --------------*/
    .services
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*------------
        Why we
    ------------*/
    .why_we
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*--------------
        Projects
    --------------*/
    .projects
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*---------------
        How works
    ---------------*/
    .how_works
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }

    /*---------------
        Articles
    ---------------*/
    .articles
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }

    /*---------------
        Why
    ---------------*/
    .why {
        .grid_row {
            --items_per_line: 1;
        }
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        .data
        {
            .grid_row
            {
                --items_per_line: 1;
            }
        }


        .logo
        {
            .square
            {
                display: none;
            }
        }


        .copyright
        {
            text-align: center;
        }
    }

    .article_info {
        & .data {
            .back_blog{
                margin-top: 18px;
                margin-bottom: 26px;
            }
        }
    }

    .page_head .title{
        font-size: 26px;
    }

    .page_head .page_desc br{
        display: none;
    }

    .about_me_wrap{
        flex-direction: column;
    }

    .about_me_left{
        width: 100%;
        text-align: center;
    }

    .about_me_wrap .text_block{
        width: 100%;
    }
    
}