@media (max-width: 479px)
{
    /*----------------
        Pagination
    ----------------*/
    .pagination .prev,
    .pagination .next
    {
        font-size: calc(var(--font_size) - 2px);
    }


    .pagination .mob_hide
    {
        display: none;
    }



    /*-----------------
        Breadcrumbs
    -----------------*/
    .breadcrumbs
    {
        line-height: calc(100% + 10px);
    }



    /*----------------
        Block head
    ----------------*/
    .block_head.with_slider .title
    {
        padding-right: 70px;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .bg
    {
        top: 0;
        left: 0;

        width: auto;
        height: 740px;
        margin-left: -40px;
    }


    .first_section .bg2
    {
        height: 412px;
    }


    .first_section .image
    {
        right: 32%;
        bottom: -40px;

        margin-top: 0;
    }


    .first_section .image .items
    {
        top: 60px;

        width: 200px;
    }


    .first_section .image .info
    {
        top: 320px;
    }


    .first_section .data .quote
    {
        width: 220px;

        font-size: 15px;
    }


    .first_section .data .quote .icon
    {
        width: 24px;
        height: 27px;
    }


    .first_section .data .title
    {
        font-size: calc(var(--font_size_title) - 5px);
    }


    .first_section .action .btn
    {
        width: 100%;
    }


    .first_section .action .btn br
    {
        display: none;
    }


    .first_section .action .btn span
    {
        max-width: calc(100% - 31px);
    }



    /*-----------------------
        We not do repairs
    -----------------------*/
    .we_not_do_repairs
    {
        padding-bottom: 0;
    }


    .we_not_do_repairs .images
    {
        width: 320px;
    }


    .we_not_do_repairs .images .image .img
    {
        height: 164px;
    }


    .we_not_do_repairs .images .image .name
    {
        font-size: calc(var(--font_size) - 2px);
    }


    .we_not_do_repairs .image1 .name
    {
        top: var(--cont_padding_half);
        left: var(--cont_padding_half);
    }


    .we_not_do_repairs .image1 .quote2
    {
        top: 53%;
        left: 45%;
    }


    .we_not_do_repairs .image2 .name,
    .we_not_do_repairs .image3 .name
    {
        bottom: var(--cont_padding_half);
        left: var(--cont_padding_half);
    }


    .we_not_do_repairs .image2 .man
    {
        left: 6%;

        width: 110px;
    }


    .we_not_do_repairs .image2 .quote1
    {
        top: 4%;
    }



    /*--------------
        For whom
    --------------*/
    .for_whom .info .item .thumb + *
    {
        width: 100%;
        margin-top: var(--cont_padding);
    }


    .for_whom .info .item .title
    {
        font-size: 20px;
    }


    .for_whom .condition
    {
        margin-top: var(--cont_padding);
    }



    /*--------------------
        Always problem
    --------------------*/
    .always_problem .data .problem
    {
        font-size: var(--font_size);
    }


    .always_problem .compare .with_us .image
    {
        right: -24px;
    }



    /*----------------
        What we do
    ----------------*/
    .what_we_do .item .image img
    {
        width: 248px;
    }



    /*--------------
        Why free
    --------------*/
    .why_free .info .we
    {
        padding: 18px 15px;

        line-height: calc(100% + 7px);
    }


    .why_free .info .we .icon
    {
        margin-inline: auto;
    }


    .why_free .info .we span
    {
        width: 100%;
        margin-top: 6px;
        padding-inline: var(--cont_padding);

        text-align: center;
    }


    .why_free .data
    {
        padding: var(--cont_padding);
    }


    .why_free .data .title
    {
        margin-bottom: 20px;

        font-size: 24px;

        text-align: center;
    }


    .why_free .data .items
    {
        gap: 30px;
    }


    .why_free .data .items .icon
    {
        margin-inline: auto;
        margin-bottom: 4px;
    }


    .why_free .data .items .icon + *
    {
        width: 100%;

        text-align: center;
    }


    .why_free .data .items br
    {
        display: none;
    }



    /*-----------------
        As a result
    -----------------*/
    .as_a_result .head .person
    {
        left: -60px;

        margin-top: 0;
        margin-bottom: -28px;
    }


    .as_a_result .data
    {
        position: relative;

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

        z-index: 3;
    }



    /*------------
        Result
    ------------*/
    .result .item1
    {
        min-height: 312px;
    }


    .result .item2,
    .result .item3
    {
        align-content: flex-start;
        align-items: flex-start;

        min-height: 224px;
    }


    .result .item3
    {
        min-height: 260px;
    }


    .result .item2 .image
    {
        right: 0;
        left: 0;

        width: 268px;
        margin-inline: auto;
    }


    .result .item3 .desc
    {
        width: 100%;
        margin-top: 0;
    }


    .result .item3 .image
    {
        left: var(--cont_padding);
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .tabs .btn
    {
        font-size: 14px;
        line-height: calc(100% + 3px);
    }



    /*------------------
        Action block
    ------------------*/
    .action_block .data
    {
        padding-inline: var(--cont_padding);
    }


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


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


    .action_block .image
    {
        width: 280px;
    }


    .action_block .image3 .quote
    {
        top: 13.204%;
        left: 50.525%;

        width: 148px;

        font-size: calc(var(--font_size) - 3px);
    }


    .action_block .bg
    {
        height: 196px;
    }



    /*------------------
        Project head
    ------------------*/
    .project_head .data
    {
        padding: var(--cont_padding_double) var(--cont_padding) 0;
    }



    /*---------------
        Case head
    ---------------*/
    .case_head .data
    {
        padding-block: var(--cont_padding) 224px;
    }


    .case_head .title
    {
        font-size: calc(var(--font_size_title_middle) - 6px);
    }


    .case_head .bg
    {
        height: 215px;
    }



    /*---------------
        Case info
    ---------------*/
    .case_info .gallery .row
    {
        margin-left: 0;
    }


    .case_info .gallery .row > *
    {
        width: 100%;
        margin-left: 0;
    }



    /*-----------------
        About head
    -----------------*/
    .about_head .sub_title
    {
        width: 100%;

        font-size: calc(var(--font_size) - 2px);
    }


    .about_head .btn
    {
        width: 290px;
        max-width: 100%;
    }


    .about_head .bg
    {
        position: relative;
        right: 0;

        width: calc(100% + 400px);
        height: auto;
        margin-inline: -200px;
        margin-top: -40px;
        margin-bottom: -200px;
    }


    .about_head .bg:before
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 70px;

        content: '';
        z-index: 2;

        background: linear-gradient(0deg, rgba(245, 245, 245, .00) 0%, #f5f5f5 100%);
    }


    .about_head .bg img
    {
        width: 100%;
        min-width: 0;
        height: auto;
    }



    /*---------------
        Service 1
    ---------------*/
    .service1 .item.mark
    {
        min-height: 360px;
    }


    .service1 .image
    {
        left: -64px;

        margin-top: 0;
    }



    /*---------------
        Service 2
    ---------------*/
    .service2 .bg
    {
        bottom: 0;
    }



    /*---------------
        Service 3
    ---------------*/
    .service3 .image
    {
        width: 280px;
    }



    /*---------------
        Service 4
    ---------------*/
    .service4
    {
        padding-bottom: 400px;
    }


    .service4 .bg
    {
        width: 360px;
    }



    /*----------------------
        Finished project
    ----------------------*/
    .finished_project .desc br
    {
        display: none;
    }



    /*-----------------
        Why it work
    -----------------*/
    .why_it_work .info .item
    {
        padding-top: 0;
    }


    .why_it_work .info .name
    {
        width: 100%;
        padding-block: 10px 6px;

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


    .why_it_work .info .desc,
    .why_it_work .info .desc ul li
    {
        width: 100%;

        font-size: calc(var(--font_size) - 1px);
    }



    /*-----------------
        About modal
    -----------------*/
    #about_modal .bottom p
    {
        width: 100%;
    }


    #about_modal .btn
    {
        justify-content: center;

        width: 100%;
        margin-top: 15px;
    }


    #about_modal .btn br
    {
        display: none;
    }



    /*-----------------
        Order modal
    -----------------*/
    #order_modal .modal_image .title
    {
        font-size: var(--font_size_title_small);
    }


    #order_modal .modal_image .sub_title
    {
        font-size: 16px;
    }

    .projects .swiper .project .thumb{
        aspect-ratio: 240 / 200;
    }

    .cases .swiper .case .thumb
    {
        aspect-ratio: 200 / 170;
    }

    .portfolio .tabs .btn span{
        max-width: 100px;
        display: inline-block;
    }

    .why_free{
        scroll-margin-top: 30px;
    }
}