@media (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --cont_padding: 20px;
        --font_size_title_l: 32px;
        --font_size_title: 28px;
        --font_size_title_s: 24px;
        --font_size_title_xs: 20px;
        --outside_gap: 60px;
        --outside_gap_s: 48px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion
    {
        gap: var(--inner_gap_s);
    }


    .accordion_item
    {
        .head
        {
            padding-inline: var(--inner_gap_xs);


            .number
            {
                width: 44px;

                font-size: 48px;
            }


            .title
            {
                width: calc(100% - 102px);

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


            .arr
            {
                width: 12px;
                height: 15px;
            }
        }


        .data
        {
            padding-block: var(--inner_gap_xxs) var(--inner_gap_s);
            padding-inline: var(--inner_gap_s);
        }
    }



    /*------------
        Header
    ------------*/
    header
    {
        .dates
        {
            order: 2;

            width: 100%;
            margin-top: var(--inner_gap_l);

            text-align: center;
        }
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        .desc
        {
            font-size: var(--font_size_l);
        }
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        .cont
        {
            padding-block: 148px 60px;
        }


        .title
        {
            br
            {
                display: none;
            }
        }


        .desc
        {
            width: 200px;
            max-width: 100%;
            margin-inline: auto;

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


        .btn
        {
            width: 300px;
            height: 64px;
            line-height: 36px;

            border-radius: 20px;
        }


        .image
        {
            bottom: 88px;

            width: calc(100% + 48px);
            margin-inline: -24px;
        }
    }



    /*-----------------
        Price timer
    -----------------*/
    .price_timer
    {
        .timer
        {
            gap: var(--block_padding);
        }
    }



    /*-----------
        Stats
    -----------*/
    .stats
    {
        .image
        {
            width: calc(100% + 120px);
            max-width: calc(100% + 120px);
            margin-inline: -60px;
        }


        .items
        {
            gap: var(--block_padding_l);
        }
    }



    /*--------------
        For whom
    --------------*/
    .for_whom
    {
        .list
        {
            .item
            {
                gap: var(--inner_gap_xxs);


                .thumb
                {
                    & + *
                    {
                        order: 2;

                        width: 100%;
                    }
                }
            }
        }
    }



    /*-------------
        Reviews
    -------------*/
    .reviews
    {
        .block_head
        {
            .title
            {
                span
                {
                    margin-left: 36px;
                }
            }
        }


        .swiper
        {
            width: 300px;
            max-width: 100%;
            margin-inline: auto;
            padding-inline: 0;


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



    /*-------------
        You get
    -------------*/
    .you_get
    {
        .row
        {
            .col
            {
                width: 100%;
                &:first-child{
                    order:1;
                }

                &:last-child{
                    order:0;
                }
            
            }

            
        }
    }



    /*-------------
        Reports
    -------------*/
    .reports
    {
        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-slide
                {
                    width: auto;
                }
            }


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



    /*------------------
        Reviews text
    ------------------*/
    .reviews_text
    {
        .block_head
        {
            .title
            {
                span
                {
                    margin-left: 60px;
                }
            }
        }


        .swiper
        {
            --spaceBetween: var(--inner_gap);


            .swiper-slide
            {
                gap: var(--inner_gap);
            }
        }


        .review
        {
            width: 300px !important;
        }
    }



    /*---------
        FAQ
    ---------*/
    .what_is_it
    {
        .block_head
        {
            .title
            {
                span
                {
                    margin-left: 60px;
                }
            }
        }


        .exp
        {
            margin-top: var(--inner_gap_l);
        }
    }



    /*-------------------
        Photo gallery
    -------------------*/
    .photo_gallery
    {
        .swiper
        {
            &:not(.swiper-initialized)
            {
                .swiper-wrapper
                {
                    gap: var(--spaceBetween-0);
                }


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


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



    /*----------------
        About info
    ----------------*/
    .about_info
    {
        .block_head
        {
            .title
            {
                span
                {
                    margin-left: 40px;
                }
            }
        }


        .row
        {
            align-content: center;
            align-items: center;
            flex-direction: column;
            gap: var(--inner_gap_l);

            text-align: center;
        }
    }



    /*-------------
        Tariffs
    -------------*/
    .tariffs
    {
        .grid_row
        {
            --items_per_line: 1;
        }


        .contacts
        {
            .btn
            {
                width: 260px;
                height: 64px;

                border-radius: 20px;
            }
        }
    }



    /*------------------
        About author
    ------------------*/
    .about_author
    {
        .info
        {
            .desc
            {
                width: 100%;

                font-size: var(--font_size);

                transform: none;
            }
        }


        .image
        {
            margin-top: 0;
        }
    }



    /*-------------
        Experts
    -------------*/
    .experts
    {
        .swiper
        {
            width: 300px;
            padding-inline: 0;


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


            .swiper-pagination
            {
                --swiper-pagination-bottom: -32px;
            }
        }
    }



    .based
    {
        .data
        {
            padding-top: 188px;


            ul
            {
                width: 100%;
            }


            .image1
            {
                top: 0;

                width: 148px;
            }


            .image2
            {
                top: 0;
                right: 0;
                left: auto;

                width: 160px;
            }
        }
    }
}