@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    .breadcrumbs
    {
        display: none;
    }



    .block_head
    {
        padding-bottom: 60px;
    }

    .block_head .logo
    {
        margin-bottom: 20px;
    }


    .block_head .title
    {
        font-size: 36px;
        line-height: 38px;
    }

    .block_head .title.small
    {
        font-size: 30px;
        line-height: 32px;
    }


    .block_head .desc,
    .block_head .desc2
    {
        font-size: 18px;
    }


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


    .block_head .links
    {
        margin-top: 30px;
    }

    .block_head .links .flex
    {
        width: 100%;
    }

    .block_head .links a
    {
        width: 100%;
        min-width: 0;
    }



    .form .columns > *.width1of3,
    .form .columns > *.width2of3
    {
        width: calc(50% - var(--columns_offset));
    }

    .form .agree
    {
        padding: 19px 0;
    }



    .pagination
    {
        margin-top: 40px;
    }

    .pagination a,
    .pagination .sep
    {
        font-size: 15px;

        margin: 0 2px;
    }

    .pagination .prev
    {
        margin-right: 8px;
    }

    .pagination .next
    {
        margin-left: 8px;
    }



    /*---------------
        Header
    ---------------*/
    header
    {
        border-bottom: 1px solid #707070;
    }

    header .cont
    {
        min-height: 63px;
    }


    header .logo
    {
        width: 100%;

        text-align: center;
    }

    header .logo a
    {
        display: inline-block;

        vertical-align: top;
    }

    header .logo img
    {
        height: 57px;
    }



    header .mob_menu_link
    {
        display: block;
    }


    header .menu
    {
        position: fixed;
        z-index: 99;
        top: 75px;
        left: 0;

        display: none;
        overflow: auto;

        width: 100%;
        height: calc(100vh - 75px);
        padding-bottom:30px;
        border-top: 1px solid #ccc;
        background: #fff;
    }

    header .menu .item
    {
        width: 100%;
    }

    header .menu .item + .item
    {
        margin-left: 0;
    }

    header .menu .item > a
    {
        font-size: 16px;

        position: relative;

        width: 100%;
        padding: 11px 20px;

        text-align: center;

        border-bottom: 1px solid #ccc;
    }

    header .menu .item > a.active
    {
        border-bottom: 2px solid #84744e;
    }



    .blog_header .mob_menu_link
    {
        display: block;
    }

    .blog_header .menu
    {
        position: absolute;
        z-index: 99;
        top: 100%;
        left: 0;

        display: none;

        width: 100%;

        border: none;
        border-top: 1px solid #146834;
        border-bottom: 1px solid #146834;
        background: #0b4a2a;
    }

    .blog_header .menu .item + .item
    {
        border-top: 1px solid #146834;
        border-left: none;
    }

    .blog_header .menu a
    {
        font-size: 16px;
        font-weight: 500;
        line-height: 64px;

        text-align: center;
    }


    .blog_header .logo a
    {
        font-size: 14px;
        line-height: 20px;
    }



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



    /*---------------
        Main section
    ---------------*/
    .main_slider .block_head
    {
        width: 100%;
        height: calc(100vh - 156px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .main_slider .block_head .title
    {
        font-size: 36px;
        line-height: 40px;
    }



    .contacts_main .cont
    {
        height: calc(100vh - 156px);
    }

    .contacts_main .item .block_head
    {
        width: auto;
    }



    .contacts_info
    {
        padding-top: 60px;
    }

    .contacts_info .block_head
    {
        padding-bottom: 40px;
    }


    .contacts_info .contacts
    {
        margin-bottom: 40px;
    }

    .contacts_info .contacts > * + *
    {
        margin-left: 25px;
    }

    .contacts_info .contacts .phone,
    .contacts_info .contacts .email
    {
        font-size: 19px;
    }

    .contacts_info .contacts .phone a
    {
        padding-left: 46px;
    }

    .contacts_info .contacts .email a
    {
        padding-left: 43px;
    }


    .contacts_info .adres .title
    {
        padding-bottom: 20px;
    }

    .contacts_info .adres .map
    {
        height: 360px;
    }



    .contacts_barber .data
    {
        padding: 60px 20px;
    }

    .contacts_barber .block_head
    {
        padding-bottom: 40px;
    }



    .history .head,
    {
        min-height: 500px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .history .head .block_head
    {
        width: auto;
    }


    .history .info_block .img
    {
        width: 100%;
        padding-bottom: 95%;

        order: 1;
    }

    .history .info_block .img img
    {
        width: 100%;
    }


    .history .info_block .block_head
    {
        width: 100%;
        padding: 50px 20px;

        order: 2;
    }

    .history .info_block .block_head .title
    {
        padding-bottom: 20px;
    }



    .history .bottom_block
    {
        min-height: 500px;
        padding-top: 35px;
        padding-bottom: 50px;

        align-items: flex-start;
        align-content: flex-start;
    }

    .history .bottom_block .block_head
    {
        width: 295px;
        max-width: 100%;

        text-align: left;

        justify-content: flex-start;
    }

    .history .bottom_block .block_head .title
    {
        margin-bottom: 20px;
    }



    .categories .head .img
    {
        margin-bottom: 60px;
    }


    .categories .category
    {
        min-height: 400px;
    }

    .categories .category .block_head,
    .categories .category .ingredients > *
    {
        width: 100%;
    }


    .categories .head + .info_block
    {
        border-top: none;
    }

    .categories .info_block .img
    {
        width: 100%;
        padding-bottom: 78%;

        order: 1;
    }

    .categories .info_block .img img
    {
        width: 100%;
    }

    .categories .info_block .block_head
    {
        width: 100%;
        padding: 50px 20px;

        order: 2;
    }

    .categories .info_block .block_head .title
    {
        padding-bottom: 20px;
    }



    .category_info.padding
    {
        padding-top: 50px;
    }


    .category_info .head
    {
        min-height: 400px;
    }

    .category_info .head .block_head,
    .category_info .head .ingredients > *
    {
        width: 100%;
    }



    .products .product
    {
        padding: 60px 20px;
    }

    .products .product .thumb img
    {
        max-height: 480px;
    }

    .products .product .name
    {
        font-size: 30px;
        line-height: 32px;
    }

    .products .product .details
    {
        margin-top: 20px;
    }



    .pro.padding
    {
        padding-top: 40px;
    }


    .pro .head
    {
        min-height: 320px;
        margin-bottom: 60px;
    }

    .pro .head .block_head
    {
        width: 100%;
        padding: 50px 20px;
    }

    .pro .head + .block_head
    {
        padding-bottom: 60px;
    }



    .events .main_event .info
    {
        width: 540px;
        padding: 50px 30px;
    }

    .events .main_event .date
    {
        font-size: 16px;
    }

    .events .main_event .date span
    {
        font-size: 26px;
    }

    .events .main_event .name
    {
        font-size: 30px;
        line-height: 32px;

        margin-bottom: 20px;
    }


    .events .flex
    {
        margin-bottom: -38px;
    }

    .events .flex > *
    {
        width: calc(100% - 30px);
        margin-bottom: 38px;
    }



    .events.empty .cont
    {
        height: calc(100vh - 157px);
    }



    .event_info
    {
        padding-bottom: 60px;
    }

    .event_info .head .info .title
    {
        font-size: 30px;
        line-height: 32px;
    }


    .event_info .bottom
    {
        margin-top: 40px;

        border: none;
    }

    .event_info .bottom .prev_link,
    .event_info .bottom .next_link
    {
        margin: 0;
    }



    .share
    {
        width: 100%;
        margin-top: 15px;

        order: 3;
        justify-content: center;
    }



    .blog
    {
        padding-bottom: 40px;
    }

    .blog .flex > *
    {
        width: calc(50% - 20px);
    }



    .blog_item
    {
        padding-bottom: 50px;
    }


    .blog_item .head
    {
        margin-bottom: 25px;
    }

    .blog_item .head .title
    {
        padding: 0;
    }

    .blog_item .head .title:before,
    .blog_item .head .title:after
    {
        display: none;
    }

    .blog_item .head .title h1
    {
        font-size: 26px;
        line-height: 28px;

        padding: 0;
    }


    .blog_item .img
    {
        margin-bottom: 40px;
    }


    .blog_share
    {
        margin-top: 40px;
        padding-top: 20px;
    }

    .blog_share > *:first-child
    {
        width: 100%;

        text-align: center;
    }

    .blog_share .flex
    {
        width: 100%;
        margin-top: 15px;

        justify-content: space-between;
    }

    .blog_share .sep
    {
        margin: 0 15px;
    }


    .blog_item .prev_next
    {
        margin-top: 40px;
    }

    .blog_item .prev_next a
    {
        font-size: 16px;
        line-height: 20px;

        padding: 15px 25px;
    }


    .blog_item .add_comment,
    .blog_item .comments
    {
        margin-top: 50px;
    }

    .blog_item .add_comment .title,
    .blog_item .comments .title
    {
        margin-bottom: 25px;
    }

    .blog_item .comments .comment + .comment
    {
        margin-top: 30px;
    }

    .blog_item .comments .comment .name,
    .blog_item .comments .comment .avatar
    {
        margin-bottom: 20px;
    }



    .academy .head
    {
        min-height: 320px;
        margin-bottom: 60px;
    }

    .academy .head .block_head
    {
        width: 100%;
        padding: 50px 20px;
    }

    .academy .head .block_head .desc
    {
        margin-top: 20px;
    }

    .academy .head + .block_head
    {
        padding-bottom: 60px;
    }



    .academy .info_block .img
    {
        width: 100%;
        padding-bottom: 78%;

        order: 1;
    }

    .academy .info_block .img img
    {
        width: 100%;
    }


    .academy .info_block .info
    {
        width: 100%;
        padding: 50px 20px;

        order: 2;
    }

    .academy .info_block .info ul li + li
    {
        margin-top: 15px;
    }



    .academy_contacts .head
    {
        min-height: 250px;
    }

    .academy_contacts .contacts_info .contacts
    {
        margin-bottom: 60px;
    }



    .feedback
    {
        padding: 60px 20px;
    }

    .feedback .title
    {
        font-size: 24px;
        line-height: 26px;

        margin-bottom: 30px;
    }



    .academy_calendar .head
    {
        min-height: 360px;
        margin-bottom: 60px;
    }



    .shedule
    {
        padding-bottom: 40px;
    }

    .shedule .month
    {
        width: 100%;
        padding: 30px;
    }

    .shedule .month .title
    {
        font-size: 26px;
        line-height: 28px;

        margin-bottom: 20px;
    }



    /*---------------
        Footer
    ---------------*/
    footer
    {
        padding: 15px 0;
    }

    footer .cont
    {
        text-align: center;

        justify-content: center;
    }

    footer .cont > * + *
    {
        margin-top: 10px;
    }


    footer .copyright
    {
        width: 100%;

        justify-content: center;
    }



    footer .socials
    {
        margin-right: 30px;
    }



    /*---------------
        PopUp
    ---------------*/
}