@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    body
    {
        font-size: 14px;
        line-height: 1.4;
    }

    .main__title
    {
        font-size: 32px;
    }



    .tab-btn_bord,
    .tab-btn_text
    {
        font-size: 16px;
    }


    .section-back__btn
    {
        width: 40px;
        height: 40px;
    }


    .modal-close__close
    {
        width: 40px;
        height: 40px;
    }


    .loader .block{
        padding: 100px 0;
    }

    .loader .title{
        font-size: 50px;
        line-height: 70px;
    }

    .loader__item.show{
        height: 70px;
    }
    /*---------------
        Header
    ---------------*/
    header .wrap_block
    {
        width: 240px;
        padding-right: 20px;
        padding-left: 20px;
    }

    header .menu__link
    {
        font-size: 18px;
    }
    /*---------------
        Main section
    ---------------*/
    .first-section .section-content__block
    {
        max-width: 420px;
    }


    .info-item
    {
        min-height: 40px;
        padding-left: 54px;
    }

    .info-item__number
    {
        width: 40px;
        height: 40px;
    }

    .info-item__name
    {
        font-size: 18px;
    }

    .info-item__desc
    {
        margin-top: 10px;
    }


    .text-block h2
    {
        font-size: 30px;

        margin-bottom: 30px;
    }

    .text-block picture
    {
        margin-bottom: 30px;
    }

    .text-block h3
    {
        font-size: 20px;
    }

    .review-video__name
    {
        font-size: 30px;
    }


    .faq-info
    {
        margin-top: 30px;
    }


    .modal-application
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .modal-success
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .modal__title
    {
        font-size: 32px;
    }

    .modal__subTitle
    {
        font-size: 18px;
    }
}