@media (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --cont_padding: 20px;
        --font_size_title_xl: 40px;
        --font_size_title_l: 35px;
        --font_size_title: 30px;
        --font_size_title_s: 25px;
        --font_size_title_xs: 20px;
        --border_radius_xl: 40px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion_item
    {
        .head
        {
            .title
            {
                font-size: calc(var(--font_size_l) - 1px);
                line-height: calc(100% + 8px);
            }
        }
    }


    .accordion_item + .accordion_item
    {
        margin-top: var(--inner_gap_xs);
        padding-top: var(--inner_gap_xs);
    }



    /*----------------
        Pagination
    ----------------*/
    .pagination
    {
        .more_btn
        {
            width: 100%;
        }


        .links
        {
            a.mob_hide
            {
                display: none;
            }
        }
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        .data
        {
            gap: var(--inner_gap_xxs);
        }
    }



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        .row
        {
            flex-wrap: wrap;

            gap: var(--inner_gap);
        }


        .date,
        .callback_btn
        {
            width: 100%;
        }

        .callback_btn{
            height: 65px;
        }
    }



    /*-------------
        Sidebar
    -------------*/
    aside
    {
        width: calc(100% + var(--cont_padding_double));
        max-width: calc(100% + var(--cont_padding_double));
        margin-inline: calc(var(--cont_padding) * -1);


        .block
        {
            .head
            {
                .title
                {
                    font-size: var(--font_size_title);

                    text-align: center;
                }


                .desc
                {
                    font-size: var(--font_size);

                    text-align: center;
                }
            }
        }
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        text-align: center;


        &.row
        {
            align-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-start;
        }


        .pre_title
        {
            font-size: 20px;
        }


        .title
        {
            font-size: var(--font_size_title);
        }
    }



    /*------------------
        Form elements
    ------------------*/
    .form
    {
        .columns
        {
            & > *
            {
                width: calc(100% - var(--form_columns_gap));
            }
        }


        .submit
        {
            padding-top: var(--inner_gap_xs);
        }
    }



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        img
        {
            min-height: 350px;

            object-fit: cover;
        }
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        padding-block: 60px 368px;


        .title,
        .desc
        {
            width: 452px;
        }


        .btns
        {
            .btn
            {
                height: 60px;
                padding-inline: var(--inner_gap_xl);


                &.primary
                {
                    width: 100%;
                }
            }
        }


        .messengers
        {
            margin-left: auto;


            a
            {
                width: 60px;
            }


            .tg_link
            {
                .icon
                {
                    width: 21px;
                    height: 18px;
                }
            }


            .vk_link
            {
                .icon
                {
                    width: 24px;
                    height: 15px;
                }
            }


            .max_link
            {
                .icon
                {
                    width: 20px;
                    height: 20px;
                }
            }
        }


        .bg
        {
            top: auto;
            right: 0;
            bottom: -100px;

            width: 100%;
            margin-right: 0;


            @media (max-width: 413px)
            {
                &
                {
                    bottom: -300px;
                }
            }
        }
    }



    /*----------------
        Stats info
    ----------------*/
    .stats_info
    {
        .data
        {
            gap: var(--inner_gap_xl);


            .sep
            {
                width: 100%;
                height: 1px;
            }


            .item
            {
                width: 100%;
            }


            .tablet_hide
            {
                display: block;
            }
        }
    }



    /*-------------
        Catalog
    -------------*/
    .catalog
    {
        .data
        {
            width: 100%;
            max-width: 100%;


            .category
            {
                .info
                {
                    padding: var(--inner_gap);
                }


                .name
                {
                    font-size: calc(var(--font_size_l) - 1px);
                }
            }
        }
    }



    /*--------------------
        More efficient
    --------------------*/
    .more_efficient
    {
        .cont
        {
            padding-inline: 0;
        }


        .data
        {
            padding-block: 168px var(--inner_gap_l);
        }


        .info
        {
            .contacts
            {
                width: 100%;
                padding-inline: var(--inner_gap_l);
            }
        }


        .grid_row
        {
            --items_per_line: 1;
        }


        .item
        {
            align-items: center;
            .desc
            {
                line-height: calc(100% + 8px);
                text-align: center;
            }
        }
    }



    /*------------
        Videos
    ------------*/
    .videos
    {
        & > .data
        {
            width: 100%;
            max-width: 100%;
        }
    }




    /*-----------------
        About block
    -----------------*/
    .about_block
    {
        .data
        {
            width: calc(100% + var(--cont_padding));
            max-width: calc(100% + var(--cont_padding));
            margin-right: calc(var(--cont_padding) * -1);
            margin-left: 0;
            padding-top: 80px;


            .link
            {
                a
                {
                    width: 100%;
                }
            }
        }


        .stats
        {
            width: 100%;
            padding-block: 0 140px;
            padding-inline: var(--inner_gap_l);


            .grid_row
            {
                --items_per_line: 1;
            }


            .item
            {
                align-content: center;
                align-items: center;

                text-align: center;
            }


            .item + .item
            {
                padding-top: var(--inner_gap_l);

                border-top: 1px solid #eaeaea;
            }


            .video_action
            {
                padding-bottom: 32px;


                .arrow
                {
                    right: var(--cont_padding_double);

                    width: 248px;
                }
            }
        }


        .boss
        {
            order: 2;

            width: 100%;
        }


        .video
        {
            width: 100%;
        }
    }



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



    /*-------------
        Reviews
    -------------*/
    .reviews
    {
        .head
        {
            .rating
            {
                margin-inline: auto;
                margin-top: 40px;
            }
        }


        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-wrapper
                {
                    gap: var(--spaceBetween-0);
                }
            }
        }
    }



    /*--------------
        Trust us
    --------------*/
    .trust_us
    {
        .logos
        {
            flex-direction: column;
            justify-content: flex-start;
        }
    }



    /*-------------------
        Delivery info
    -------------------*/
    .delivery_info
    {
        .item
        {
            padding-block: var(--inner_gap_l) 255px;
            padding-inline: var(--inner_gap_l);


            &.primary
            {
                padding-inline: var(--inner_gap_l);


                .desc
                {
                    width: 100%;
                }
            }


            .desc
            {
                width: 100%;
            }


            .image
            {
                top: auto;
                bottom: 0;

                height: 268px;
            }
        }
    }



    /*---------
        FAQ
    ---------*/
    .FAQ
    {
        & > .data
        {
            width: 100%;
            max-width: 100%;
        }


        .accordion
        {
            margin-inline: calc(var(--cont_padding) * -1);
        }


        .no_answer
        {
            .data
            {
                padding-bottom: 400px;
                padding-top: 50px;

                .title{
                    text-align: center;
                }


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

                .phone, .email{
                    margin-left: auto;
                    margin-right: auto;
                }
            }
            & .messengers {
                .label{
                    text-align: center;
                }
            }
        }
    }



    /*--------------
        Articles
    --------------*/
    .articles
    {
        .swiper-slide
        {
            width: 270px;
        }


        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        .data
        {
            width: 100%;
            max-width: 100%;
            padding-block: var(--inner_gap_l);
        }


        .grid_row
        {
            --items_per_line: 1;
        }


        .item
        {
            align-items: center;
            text-align: center;
            .icon{
                justify-content: center;
            }
            &.messengers
            {
                a
                {
                    height: 65px;
                    padding-inline: 30px;
                    width: 280px;
                }
            }
        }


        .btns
        {
            .grid_row
            {
                justify-content: center;
                --items_per_line: 1;
                --gap_x: var(--inner_gap);
                --gap_y: var(--inner_gap);
                margin-bottom: 30px;
            }


            .btn
            {
                height: 65px;
                width: 280px;
            }
        }
    }



    /*-------------------
        Photo gallery
    -------------------*/
    .photo_gallery
    {
        .swiper
        {
            .swiper-button-next,
            .swiper-button-prev
            {
                display: none;
            }
        }
    }



    /*----------------
        Requisites
    ----------------*/
    .requisites
    {
        .items
        {
            white-space: normal;


            .line
            {
                display: none;
            }


            .val
            {
                width: calc(100% - 88px);
            }
        }


        .address
        {
            font-size: var(--font_size);
        }
    }



    /*----------------
        About info
    ----------------*/
    .about_info
    {
        .image
        {
            border-radius: var(--border_radius);

            aspect-ratio: auto;


            img
            {
                min-height: 350px;
            }
        }
    }



    /*-------------
        History
    -------------*/
    .history
    {
        .data
        {
            width: 100%;
            max-width: 100%;
            padding-bottom: 180px;

            border-radius: var(--border_radius);
        }


        .bg
        {
            height: 172px;
        }
    }



    /*-----------------
        Our mission
    -----------------*/
    .our_mission
    {
        .cont
        {
            gap: var(--inner_gap_s);
        }


        .title,
        .title2
        {
            img
            {
                height: 44px;
            }
        }


        .title2
        {
            margin-bottom: var(--inner_gap);
        }


        .text
        {
            width: 100%;
            min-height: 0;
        }


        .image
        {
            width: 100%;
            height: 230px;
        }
    }



    /*-------------
        Founder
    -------------*/
    .founder
    {
        .cont
        {
            padding: 0;
        }


        .data
        {
            padding-block: var(--cont_padding_double);
            padding-inline: var(--cont_padding);

            border-radius: var(--border_radius);


            .title
            {
                font-size: var(--font_size_title);
            }


            .author
            {
                font-size: var(--font_size);
                line-height: calc(100% + 8px);


                .signature
                {
                    width: 168px;
                }
            }
        }


        .image
        {
            border-radius: var(--border_radius);
        }
    }



    /*----------
        Team
    ----------*/
    .team
    {
        .data
        {
            width: 100%;
            max-width: 100%;
        }


        .block_head
        {
            flex-direction: column;

            gap: var(--inner_gap_xs);
        }


        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*-------------------
        Category head
    -------------------*/
    .category_head
    {
        margin-bottom: 40px;


        .data
        {
            width: 100%;
            max-width: 100%;
            min-height: 0;
            padding-bottom: 325px;
        }
    }



    /*--------------
        Products
    --------------*/
    .content
    {
        .products
        {
            .grid_row
            {
                --items_per_line: 1;
            }
        }
    }



    /*------------------
        Product info
    ------------------*/
    .product_info
    {
        .images
        {
            width: 100%;
            margin-bottom: var(--inner_gap_xxl);


            .zoom
            {
                display: none;
            }


            .big
            {
                .swiper
                {
                    overflow: visible;

                    border-radius: 0;

                    &:not(.swiper-initialized)
                    {
                        .swiper-wrapper
                        {
                            gap: var(--spaceBetween-0);
                        }
                    }


                    .swiper-button-next,
                    .swiper-button-prev,
                    .swiper-pagination
                    {
                        display: none;
                    }


                    .swiper-slide
                    {
                        width: 310px;
                    }
                }


                .thumb
                {
                    border-radius: var(--border_radius);
                }
            }


            .thumbs
            {
                display: none;
            }
        }


        .data
        {
            .btns
            {
                .btn
                {
                    min-width: 100%;

                    font-size: var(--font_size);
                }
            }


            .manager
            {
                padding-bottom: 348px;


                .title
                {
                    text-align: center;
                }


                .info
                {
                    width: 100%;
                    padding: var(--inner_gap);


                    .phone
                    {
                        justify-content: center;
                        .messengers
                        {
                            width: auto;
                            margin-left: 0;
                        }
                    }

                    .email{
                        width: max-content;
                        margin: 0 auto;
                    }
                }


                .person
                {
                    right: auto;
                    left: auto;

                    margin-inline: auto;


                    .photo
                    {
                        width: 292px;
                    }

                    .post{
                        display: none;
                    }
                }
            }
        }
    }



    /*------------------
        Product data
    ------------------*/
    .product_data
    {
        .features
        {
            font-size: var(--font_size_s);
            line-height: calc(100% + 6px);

            gap: var(--inner_gap);


            & > *
            {
                align-content: flex-start;
                align-items: flex-start;
            }


            .label
            {
                width: 120px;

                white-space: normal;
            }


            .line
            {
                display: none;
            }


            .val
            {
                width: calc(100% - 120px - var(--inner_gap));
                min-width: 0;
                max-width: calc(100% - 120px - var(--inner_gap));
            }
        }


        .files
        {
            .grid_row
            {
                --items_per_line: 1;
            }
        }


        .questions
        {
            .item
            {
                padding: var(--inner_gap);

                font-size: var(--font_size);
            }
        }
    }



    /*-------------------
        Consult block
    -------------------*/
    .consult_block
    {
        .cont
        {
            padding: 0;
        }


        .data
        {
            padding-inline: var(--inner_gap);
        }
    }



    /*----------------------
        Other categories
    ----------------------*/
    .other_categories
    {
        .grid_row
        {
            display: grid;
            overflow: auto;

            width: calc(100% + var(--cont_padding_double));
            margin-block: 0;
            margin-inline: calc(var(--cont_padding) * -1);
            padding-inline: var(--cont_padding);

            gap: var(--inner_gap_xs);
            grid-auto-flow: column;
            grid-auto-columns: max-content;
            scroll-padding: 0 var(--cont_padding);
            scroll-snap-type: x mandatory;
            scrollbar-color: transparent transparent;
            scrollbar-width: thin;


            &::-webkit-scrollbar
            {
                display: none;

                width: 0;
                height: 0;

                background-color: transparent;
            }


            &::-webkit-scrollbar-thumb
            {
                background-color: transparent;
            }


            & > *
            {
                width: 260px;
                margin: 0;

                scroll-snap-align: start;
            }
        }


        .category
        {
            flex-direction: column;


            .thumb
            {
                width: 150px;
                margin-inline: auto;


                & + *
                {
                    align-content: center;
                    align-items: center;
                    flex: 1 0 auto;

                    width: 100%;

                    text-align: center;
                }
            }


            .link
            {
                margin-top: auto;
            }
        }
    }



    /*------------------
        Action block
    ------------------*/
    .action_block
    {
        .cont
        {
            &.row
            {
                padding-inline: 0;


                .data
                {
                    padding-inline: var(--inner_gap);
                }
            }


            &.l_w
            {
                .data
                {
                    width: calc(100% + var(--cont_padding_double));
                    margin-inline: calc(var(--cont_padding) * -1);
                    padding-inline: var(--cont_padding);
                }
            }
        }


        .data
        {
            .block_title
            {
                font-size: var(--font_size_title);

                text-align: center;
            }


            .block_desc
            {
                font-size: calc(var(--font_size) - 1px);
                line-height: calc(100% + 10px);

                text-align: center;
            }


            .grid_row
            {
                --items_per_line: 1;
            }


            .item
            {
                .title
                {
                    text-align: center;


                    br
                    {
                        display: none;
                    }
                }


                .phone,
                .email
                {
                    width: fit-content;
                    margin-inline: auto;
                }


                .messengers
                {
                    flex-direction: column;

                    width: fit-content;
                    margin-inline: auto;


                    a
                    {
                        width: 220px;
                    }
                }
            }


            .contacts
            {
                justify-content: center;

                row-gap: var(--inner_gap_xs);
                column-gap: var(--inner_gap);


                .label
                {
                    width: 100%;

                    font-size: var(--font_size);

                    text-align: center;
                }
            }
        }


        .subscribe
        {
            padding-block: 60px;

            .bg{
                background:url("https://test.atp.msk.ru/wp-content/themes/raten/images/bg_action_block_subscribe.png");
                background-size: 400%;
                img{
                    display: none;
                }
            }

            .info
            {
                .title
                {
                    font-size: var(--font_size_title_s);
                }

                .desc
                {
                    font-size: calc(var(--font_size) - 1px);
                    line-height: calc(100% + 10px);
                }
            }


            .form, form
            {
                width: 100%;
                .line
                {
                    width: 100%;
                }


                .input.wpcf7-email{
                    text-align: center;
                } 


                .submit
                {
                    width: 100%;
                }
            }
        }
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        .menu
        {
            gap: 10px;


            & > *
            {
                width: calc(50% - 5px);


                &:last-child
                {
                    width: 100%;
                }
            }


            a
            {
                display: flex;
                align-content: center;
                align-items: center;
                flex-wrap: wrap;
                justify-content: center;

                height: 55px;

                text-align: center;

                border-radius: 15px;
                background: #ebebeb;
            }
        }


        .messengers
        {
            align-content: center;
            align-items: center;
            flex-direction: column;

            width: 100%;
            gap:20px;
        }
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        padding-block: var(--block_padding) var(--inner_gap_l);
        padding-inline: var(--inner_gap_l);

        --modal_width: 350px;
    }

    .more_efficient {
        & .info {
            & .contacts {
                .manager{
                    flex-direction: column;
                    align-items: center;
                    gap: 15px;
                & .photo {
                        & + * {
                            width: 100%;
                            text-align: center;
                        }
                    }
                }

            }
        }
    }

    .why_we .title br{
        display: none;
    }

    .why_we {
        & .item {
            .top{
                flex-direction: column;
                align-items: center;
                text-align: center;
                .name{
                    width: 100%;
                }
            }   
            .desc{
                text-align: center;
            }     
        }
    }

    .delivery_info {
        & .item {
            .name {
                padding-top: 1lh;
                padding-left: 0;
            }
            .desc{
                padding-left: 0;
            }
        }
    }

    .FAQ {
        & .no_answer {
            & .messengers {
                & .items {
                    a {
                        justify-content: center;
                        
                        span {
                            width: max-content;
                        }
                    }
                }
            }
        }
    }

    .team {
        & .block_head {
            .desc {
                br{
                    display: none;
                }
            }
        }
    }


    .team {
        & .person {
            .info{
                text-align: center;
            }
        }
    }

    .action_block {
        & .data {
            & .info {
                .contacts
                {
                    display: none;
                }
            }
        }
    }

    .consult_block {
        & .data {
            .block_title {
                text-align: center;
                font-size: 26px;
            }

            .block_desc{
                text-align: center;
            }
        }
        .wpcf7-not-valid-tip{
            color:#fff;
        }
    }

    .catalog {
        & .data {
            & .block_head {
                .title {
                    width: 300px;
                }
            }
        }
    }

    .get_free {
        & .block_head {
            & .desc {
                b {
                    display: inline;
                }
            }
        }
    }


    .FAQ {
        & .top {
            & .contacts {
                & .messengers {
                    a {                        
                        width: 120px;
                        height: 50px;

                        &.vk_link {
                            .icon {
                                width: 22px;
                                height: 14px;
                            }
                        }

                        &.tg_link {
                            .icon {
                                width: 20px;
                                height: 18px;
                            }
                        }

                    }
                }
            }
        }
    }


    footer {
        .links {
            display: none;
        }

        .show_mob{
            display: flex !important;
            align-content: center;
            align-items: center;
            flex-direction: column;
            justify-content: flex-start;
            gap: 10px;
            margin-top: 30px;
        }
    }

    .filter{
        margin-bottom: 0;
    }

    aside{
        margin-top: 0;
    }
            
}