@media (max-width: 479px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 15px;
        --font_size_title: 26px;
    }



    /*------------
        Header
    ------------*/
    .mob_header .logo a,
    .mob_header .logo img
    {
        width: 128px;
    }


    .mob_header .contacts
    {
        padding: 0;

        background: none;
    }

    .mob_header .contacts .phone
    {
        font-size: 16px;
        line-height: 18px;
    }

    .mob_header .contacts .callback_btn
    {
        font-size: 13px;
        line-height: 15px;
    }


    .mob_header .mob_menu_btn
    {
        margin-left: 10px;
    }



    /*-------------
        Sidebar
    -------------*/



    /*---------------
        Page head
    ---------------*/
    .page_title
    {
        font-size: 28px;
        line-height: 30px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title
    {
        line-height: 30px;
    }


    .block_head .title.mini
    {
        font-size: 26px;
        line-height: 28px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .line.row .label
    {
        width: 100%;
        min-height: 0;
        margin-bottom: 7px;
    }

    .form .line.row .field
    {
        width: 100%;
    }


    .form .label.big
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 26px;
        line-height: 28px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        width: 287px;
        height: 251px;
        padding: 20px;
    }

    .main_slider .slide .title
    {
        font-size: 22px;
        line-height: 28px;
    }

    .main_slider .slide .desc
    {
        font-size: 16px;
        line-height: 22px;
    }

    .main_slider .slide .link
    {
        margin-top: 20px;
        padding: 14px 20px 15px;
    }


    .main_slider .slide .img
    {
        height: 360px;
    }

    .main_slider .slide .img:after
    {
        width: 114px;
        height: 114px;

        border-width: 57px;
    }


    .main_slider .count
    {
        display: none;
    }



    /*------------------
        Promo blocks
    ------------------*/
    .promo_blocks .item .thumb
    {
        height: 180px;
    }

    .promo_blocks .item .name
    {
        font-size: 24px;
        line-height: 30px;
    }

    .promo_blocks .item .desc
    {
        font-size: 15px;
        line-height: 21px;
    }



    /*-----------------
        Works types
    -----------------*/
    .works_types .type .name
    {
        padding: 10px 17px 10px;
    }



    /*------------------
        We guarantee
    ------------------*/
    .we_guarantee .item
    {
        font-size: 14px;
        line-height: 20px;
    }

    .we_guarantee .item .desc
    {
        text-align: center;
    }



    /*----------
        Calc
    ----------*/
    .calc .info .icon
    {
        display: none;
    }

    .calc .info .free
    {
        font-size: 17px;
        line-height: 23px;

        margin-top: 25px;
    }


    .calc .form .line.big_margin,
    .calc .form .line
    {
        margin-bottom: 17px;
    }

    .calc .form .bottom
    {
        padding-top: 8px;
    }


    .calc .form .bottom .total_price
    {
        width: 100%;
        margin-bottom: 10px;

        text-align: center;
    }

    .calc .form .bottom .submit
    {
        width: 100%;
    }



    /*---------------
        Our works
    ---------------*/
    .our_works .block_head.center
    {
        text-align: left;

        justify-content: flex-start;
    }

    .our_works .block_head.center .title:after
    {
        right: auto;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .info .sub_title
    {
        font-size: 17px;
        line-height: 23px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .item
    {
        font-size: 14px;
        line-height: 20px;
    }

    .advantages .item .desc
    {
        text-align: center;
    }



    /*-----------
        Certs
    -----------*/
    .certs .item
    {
        font-size: 13px;
        line-height: 17px;
    }

    .certs .item .thumb
    {
        padding: 10px;
    }



    /*---------------------
        Requisites info
    ---------------------*/
    .requisites_info .phone .number
    {
        font-size: 20px;
    }



    /*---------------
        Calc info
    ---------------*/
    .calc_info .head .free
    {
        font-size: 16px;
        line-height: 20px;

        padding-right: 15px;
    }


    .calc_info .form .variant,
    .calc_info .form .mini_modal_link
    {
        padding-left: 0;
    }

    .calc_info .form .mini_modal_link .placeholder
    {
        margin-left: 20px;
    }


    .calc_info .form .variant .check,
    .calc_info .form .mini_modal_link .check
    {
        display: none;
    }

    .calc_info .form .variant .name,
    .calc_info .form .mini_modal_link .name
    {
        font-size: 14px;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .info > *
    {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }


    .contacts_info #map
    {
        margin-top: 40px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .title
    {
        font-size: 28px;
        line-height: 30px;
    }



    /*-------------------
        Partners info
    -------------------*/
    .partners_info .info .title
    {
        font-size: 28px;
        line-height: 30px;
    }

    .partners_info .info .sub_title
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .work
    {
        padding: 40px 0;
    }



    /*------------------
        Product head
    ------------------*/
    .product_head .product_name
    {
        font-size: 28px;
        line-height: 30px;
    }

    .product_head .link
    {
        font-size: 15px;

        margin-top: 20px;
        padding: 13px 20px;
    }



    /*------------------------
        Pproduct equipment
    ------------------------*/
    .product_equipment table
    {
        width: 100%;
    }

    .product_equipment table td
    {
        font-size: 14px;
        line-height: 18px;
    }



    /*------------
        Footer
    ------------*/
    footer .phone .number
    {
        font-size: 20px;
    }

    footer .callback_btn
    {
        font-size: 14px;
    }


    footer .privacy_policy,
    footer .creator
    {
        width: 100%;
    }

    footer .creator
    {
        margin-top: 10px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        padding: 25px;
    }

    .modal_title
    {
        font-size: 24px;
        line-height: 28px;
    }
}