@media print, (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_title: 30px;
    }


    .block
    {
        margin-bottom: 64px;
    }



    /*--------------
        Fancybox
    --------------*/
    .fancybox__slide
    {
        padding: 20px;
    }



    /*----------------
        Pagination
    ----------------*/
    .pagination .links a,
    .pagination .links .sep
    {
        font-size: 15px;
        line-height: 36px;

        width: 32px;
        height: 36px;

        border-radius: 6px;
    }


    .pagination .links .prev,
    .pagination .links .next
    {
        width: 120px;
        height: 44px;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        padding: 8px 0;
    }


    .mob_header .logo img
    {
        height: 52px;
    }



    /*-------------
        Sidebar
    -------------*/
    aside .links a
    {
        font-size: 16px;
        line-height: 22px;
    }



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        margin-bottom: 28px;
        padding-top: 20px;
    }


    .page_head .cont > .row
    {
        margin-top: 20px;
    }


    .page_title
    {
        line-height: calc(var(--font_size_title) + 4px);

        margin-top: 20px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .filter
    {
        width: 100%;
        margin-top: 16px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .submit_btn
    {
        padding: 16px 24px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block .big
    {
        font-size: 19px;
        line-height: 27px;
    }



    /*--------------
        Articles
    --------------*/
    .articles .grid
    {
        margin-bottom: -20px;
        margin-left: 0;

        --articles_gutter: 20;
    }

    .articles .grid > *
    {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }


    .articles .article.big_h,
    .articles .article
    {
        min-height: 0;
    }

    .articles .article .info
    {
        padding: 24px;
    }



    .banners .row > *,
    .banners .row > *.middle_w,
    .banners .row > *.big_w,
    .banners .row > *.bigest_w
    {
        width: calc(50% - 12px);
    }


    .banners .banner img
    {
        height: 264px;
    }



    /*------------------
        Article info
    ------------------*/
    .article_info .data
    {
        width: calc(100% + 48px);
        margin-right: -24px;
        margin-left: -24px;

        border-radius: 8px;
    }


    .article_info .data .image
    {
        border-radius: 0;
    }


    .article_info .data .back_link
    {
        width: 100%;
        padding: 15px 23px;
    }


    .article_info .data .socials
    {
        width: 100%;
        margin-top: 20px;

        justify-content: center;
    }



    /*------------
        Filter
    ------------*/
    .filter .item.big_w
    {
        width: calc(50% - 12px);
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        margin-bottom: 64px;
    }


    .contacts_info .data .info,
    .contacts_info .socials
    {
        padding: 24px;
    }


    .contacts_info .data .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .contacts_info .data .info .item,
    .contacts_info .socials .items a
    {
        font-size: 19px;
    }

    .contacts_info .data .info .items .icon,
    .contacts_info .socials .items .icon
    {
        width: 44px;
        height: 44px;
    }

    .contacts_info .data .info .items .icon + *,
    .contacts_info .socials .items a span
    {
        width: calc(100% - 64px);
    }



    .contacts_info .feedback
    {
        padding: 24px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .file .name
    {
        font-size: 16px;
        line-height: 22px;

        width: calc(100% - 148px);
    }


    .documents .file .download_link
    {
        width: 100px;
        margin-left: 16px;
    }

    .documents .file .download_link a
    {
        line-height: 14px;
    }



    /*----------------
        Error info
    ----------------*/
    .error_info
    {
        padding: 16px 0 80px;
    }


    .error_info .desc
    {
        font-size: 18px;
    }



    /*-------------------
        Matche before
    -------------------*/
    .matche_before .data
    {
        min-height: 0;
        padding: 100px 24px 40px;
    }


    .matche_before .league
    {
        font-size: 14px;

        top: 20px;
        right: 20px;
    }

    .matche_before .league .place
    {
        font-size: 13px;
        line-height: 15px;
    }


    .matche_before .team
    {
        width: 100%;
    }

    .matche_before .team .logo
    {
        width: 100%;
    }


    .matche_before .timer
    {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 24px;
        padding: 40px 40px 24px;
    }



    /*---------------------
        Matche finished
    ---------------------*/
    .matche_finished .data
    {
        min-height: 0;
        padding: 100px 24px 40px;
    }


    .matche_finished .league
    {
        font-size: 14px;

        top: 20px;
        right: 20px;
    }

    .matche_finished .league .place
    {
        font-size: 13px;
        line-height: 15px;
    }


    .matche_finished .team
    {
        width: 100%;
    }

    .matche_finished .team .logo
    {
        width: 100%;
    }


    .matche_finished .result
    {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 24px;
        padding-top: 40px;
    }



    /*-----------------
        Matche info
    -----------------*/
    .matche_info .team
    {
        width: 100%;
    }


    .matche_info .stats
    {
        width: 100%;
        margin: 32px 0;
    }

    .matche_info .stats .item
    {
        font-size: 14px;
        line-height: 20px;
    }

    .matche_info .stats .item + .item:before,
    .matche_info .stats .item + .item:after
    {
        width: 200px;
    }


    .matche_info .team .logo
    {
        width: 100%;
    }



    /*-----------------
        League info
    -----------------*/
    .league_info .data
    {
        height: auto;
        padding: 140px 24px 24px;
    }


    .league_info .logo
    {
        width: 80px;
        height: 80px;
    }


    .league_info .play_btn
    {
        top: 24px;
        right: 24px;
        bottom: auto;
        left: auto;

        width: 60px;
        height: 60px;
    }


    .league_info .info
    {
        width: 100%;
    }



    /*------------------
        League teams
    ------------------*/
    .league_teams .row > *
    {
        width: calc(33.333% - 12px);
    }


    .league_teams .team
    {
        padding: 20px 12px 16px;
    }

    .league_teams .team .logo
    {
        height: 80px;
    }



    /*-------------
        Profile
    -------------*/
    .profile .row
    {
        margin-left: 0;
    }

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


    .profile .item .bg
    {
        height: 92px;
    }



    /*----------------
        Statistics
    ----------------*/
    .statistics .leagues
    {
        flex-wrap: wrap;
    }

    .statistics .leagues > *
    {
        width: 50%;
    }


    .statistics .leagues .sep
    {
        display: none;
    }


    .statistics .leagues .roller
    {
        width: calc(50% - 2px);
        height: calc(50% - 2px);
    }



    /*---------------
        Team info
    ---------------*/
    .team_info .league
    {
        top: 20px;
        right: 20px;
    }



    /*-------------
        Players
    -------------*/
    .players .row
    {
        margin-left: 0;
    }

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



    .players .player
    {
        padding: 20px;
    }

    .players .player .photo
    {
        width: calc(100% - 144px);
    }

    .players .player .info
    {
        width: 144px;
    }



    /*----------------------
        Upcoming matches
    ----------------------*/
    .upcoming_matches .matche
    {
        padding: 76px 20px 32px;
    }


    .upcoming_matches .matche .title
    {
        font-size: 40px;

        left: 0;
    }


    .upcoming_matches .matche .team .logo
    {
        width: 140px;
        height: 140px;
    }

    .upcoming_matches .matche .team .name
    {
        font-size: 18px;
        line-height: 26px;
    }


    .upcoming_matches .matche .play_btn
    {
        width: 76px;
        height: 76px;
        margin: 32px 0;
    }

    .upcoming_matches .matche .play_btn .icon
    {
        width: 52px;
        height: 52px;
    }


    .upcoming_matches .stats .item .val
    {
        width: 140px;
    }



    .upcoming_matches .list
    {
        padding-right: 12px;
    }


    .upcoming_matches .list .league
    {
        font-size: 15px;
        line-height: 100%;
    }


    .upcoming_matches .list .teams
    {
        width: 100%;
        margin-top: 8px;

        order: 3;
    }

    .upcoming_matches .list .teams .team
    {
        font-size: 15px;

        width: calc(50% - 12px);
    }



    /*-------------
        Matches
    -------------*/
    .matches .filter .title
    {
        font-size: var(--font_size_title);

        padding-bottom: 4px;
    }


    .matches .filter .item
    {
        width: calc(50% - 12px);
    }



    .matches .cont > .row
    {
        margin-left: 0;
    }

    .matches .cont > .row > *
    {
        width: 100%;
        margin-left: 0;
    }



    /*------------------
        Leaderboard
    ------------------*/
    .leaderboard .leagues
    {
        flex-wrap: wrap;
    }

    .leaderboard .leagues > *
    {
        width: 50%;
    }


    .leaderboard .leagues .sep
    {
        display: none;
    }


    .leaderboard .leagues .roller
    {
        width: calc(50% - 2px);
        height: calc(50% - 2px);
        margin: 0;
    }



    .leaderboard .genders .btn
    {
        font-size: 15px;
        line-height: 21px;

        width: calc(33.333% - 3px);
    }



    /*------------
        Footer
    ------------*/
    footer .subscribe .title
    {
        font-size: 20px;
        line-height: 26px;

        width: 100%;
        margin-bottom: 20px;
    }


    footer .subscribe form
    {
        width: 100%;
    }


    footer .logo
    {
        display: none;
    }


    footer .contacts
    {
        width: 100%;
        margin-left: 0;

        justify-content: flex-start;
    }


    footer .menu
    {
        display: none;
    }


    footer .instagram_link,
    footer .copyright
    {
        margin-top: 0;
    }



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