@media (max-width: 374px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {
        --font_size: 14px;
        --font_size_title: 24px;
    }



    .block_head .title
    {
        line-height: 28px;
    }



    .form .rate .name
    {
        width: 100%;
        margin-bottom: 5px;
        padding: 0;
    }

    .form input[type=checkbox] + label
    {
        font-size: 13px;
        line-height: 18px;
    }


    .form .submit .exp
    {
        font-size: 13px;
        line-height: 18px;
    }



    /*---------------
        Header
    ---------------*/
    header .logo img
    {
        height: 55px;
    }


    header .phone
    {
        margin-top: 30px;
    }

    header .phone a
    {
        font-size: 16px;
        line-height: 30px;

        padding-left: 40px;

        background-size: auto 100%;
    }


    header .mob_menu_link
    {
        position: absolute;
        top: -5px;
        right: 5px;

        margin: 0;
    }



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



    /*---------------
        Main section
    ---------------*/
    .first_section .info
    {
        width: 270px;
    }

    .first_section .title
    {
        font-size: 22px;
        line-height: 30px;
    }



    .courses .course .info
    {
        font-size: 14px;

        padding: 15px;
    }



    .shedule .tabs
    {
        margin-bottom: 15px;
    }

    .shedule .tabs button
    {
        font-size: 16px;
        line-height: 26px;
    }


    .shedule .course .head
    {
        font-size: 15px;

        padding: 10px 15px;
    }

    .shedule .course .info
    {
        padding: 15px;
    }

    .shedule .course .name
    {
        font-size: 17px;
        line-height: 21px;
    }



    .teachers .teacher
    {
        font-size: 14px;
        line-height: 20px;
    }


    .teachers .owl-carousel .owl-nav button.owl-prev
    {
        left: -25px;
    }

    .teachers .owl-carousel .owl-nav button.owl-next
    {
        right: -25px;
    }

    .teachers  .owl-carousel .owl-nav button
    {
        width: 74px;
        height: 18px;
        margin-top: -9px;

        background-size: 44px 200%;
    }



    .reviews .review .text
    {
        line-height: 20px;
    }

    .reviews .review .author
    {
        font-size: 15px;
        line-height: 19px;
    }

    .reviews .review .date
    {
        font-size: 13px;
        line-height: 19px;
    }


    .reviews .add_review .title
    {
        font-size: 22px;
        line-height: 24px;

        margin-bottom: 20px;
    }



    .certs
    {
        height: 380px;
    }

    .certs .or
    {
        font-size: 14px;
        line-height: 20px;

        width: 54px;
    }

    .certs .flex a
    {
        max-width: calc(50% - 27px);
    }



    .it_will_work .info .name
    {
        font-size: 17px;
        line-height: 21px;
    }



    /*---------------
        Footer
    ---------------*/
    footer .flex + .flex
    {
        margin-top: 18px;
    }



    footer .logo > * + *
    {
        display: none;
    }


    footer .phone
    {
        margin-top: -15px;
    }

    footer .phone a
    {
        font-size: 16px;
        line-height: 30px;

        padding-left: 40px;

        background-size: auto 100%;
    }


    footer .socials a + a
    {
        margin-left: 7px;
    }


    footer .link
    {
        margin-top: 20px;
    }

    footer .copyright,
    footer .link
    {
        font-size: 13px;
        line-height: 18px;
    }


    footer .link + .link
    {
        margin-top: 10px;
    }



    /*---------------
        PopUp
    ---------------*/
    .modal
    {
        padding: 40px 20px 30px;
    }

    .modal_title
    {
        line-height: 28px;
    }


    #success_modal .title
    {
        font-size: 18px;
        line-height: 24px;
    }
}