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



    .block_head
    {
        margin-bottom: 25px;
    }



    .text_block
    {
        line-height: 22px;
    }

    .text_block.bg_white
    {
        margin-right: -20px;
        margin-left: -20px;
        padding: 25px 20px;
    }

    .text_block h2
    {
        font-size: 24px;
        line-height: 28px;

        margin-bottom: 15px;
    }

    .text_block h3
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 15px;
    }

    .text_block h4
    {
        font-size: 17px;
        line-height: 21px;

        margin-bottom: 15px;
    }


    .text_block ul,
    .text_block ol
    {
        padding-left: 0;
    }


    .text_block .faq .item
    {
        padding: 15px;
    }

    .text_block .faq .question
    {
        font-size: 17px;
        line-height: 21px;

        margin-bottom: 10px;
    }

    .text_block .faq .answer
    {
        line-height: 20px;
    }


    .text_block .minus
    {
        margin-bottom: 25px;
        margin-left: 81px;
        padding: 15px 20px 15px 25px;
    }

    .text_block .minus:before
    {
        left: -81px;
    }


    .text_block .plus
    {
        margin-right: 81px;
        margin-bottom: 25px;
        padding: 15px 25px 15px 20px;
    }

    .text_block .plus:before
    {
        right: -81px;
    }


    .text_block .message
    {
        padding: 12px 15px;
    }


    .text_block ul li:before
    {
        top: 2px;
    }

    .text_block ul li:after
    {
        top: 6px;
    }


    .text_block ul.columns
    {
        column-count: 1;
        column-gap: 0;
    }

    .text_block ul.columns:before
    {
        display: none;
    }

    .text_block ul.columns > * + *
    {
        margin-top: 5px;
    }



    .content_links .links
    {
        padding-left: 0;
    }



    .pagination
    {
        margin-top: 20px;
    }



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



    .buttonUp
    {
        right: 15px;
        bottom: 15px;
    }



    /*---------------
        Header
    ---------------*/



    /*---------------
        Sidebar
    ---------------*/
    aside
    {
        column-gap: 0;
        column-count: 1;
    }



    /*---------------
        Main section
    ---------------*/
     .bookmakers .table_wrap
    {
        margin-bottom: -10px;
    }

    .bookmakers table
    {
        margin-top: -10px;

        border-spacing: 0 10px;
    }

    .bookmakers table td.logo
    {
        width: 130px;
        min-width: 130px;
    }

    .bookmakers table td.apps,
    .bookmakers table td.comments
    {
        display: none;
    }

    .bookmakers table td.actions
    {
        width: 184px;
        min-width: 184px;
    }

    .bookmakers table td.actions a
    {
        width: 90px;
    }



    .forecasts .flex
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .forecasts .flex > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .forecasts .forecast .name
    {
        font-size: 15px;
        line-height: 19px;

        padding: 10px;
    }

    .forecasts .forecast .info > * + *
    {
        margin-left: auto;
    }

    .forecasts .forecast .coefficient
    {
        width: 100%;

        text-align: center;
    }



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



    .articles .list .search form .input,
    .articles .list .search form .submit_btn
    {
        height: 60px;
    }


    .articles .list .item .time
    {
        width: 50px;

        text-align: left;
    }

    .articles .list .item .info
    {
        width: calc(100% - 65px);
    }

    .articles .list .item .name,
    .articles .list .item .desc
    {
        padding-right: 0;
    }

    .articles .list .item .name
    {
        font-size: 15px;
    }



    .capper_info .data
    {
        padding: 0;
    }


    .capper_info .person
    {
        position: relative;

        display: flex;

        width: 100%;
        min-height: 100px;
        padding: 0;
        padding-left: 120px;

        text-align: left;

        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .capper_info .person .foto
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100px;
        height: 100px;
        margin: 0;
    }

    .capper_info .person .name
    {
        font-size: 20px;
        line-height: 22px;

        width: 100%;
    }

    .capper_info .person .name br
    {
        display: none;
    }

    .capper_info .person .sport
    {
        width: 100%;
    }


    .capper_info .stats
    {
        width: 100%;
        margin-top: 20px;
    }



    .capper_info .history table th,
    .capper_info .history table td
    {
        padding-left: 15px;
    }

    .capper_info .history table th:last-child,
    .capper_info .history table td:last-child
    {
        padding-right: 15px;
    }

    .capper_info .history table th
    {
        font-size: 12px;
    }



    .strategies .flex
    {
        margin-bottom: -20px;
        margin-left: 0;
    }

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

    .strategies .item .name
    {
        padding: 15px 20px;
    }



    .bookmakers_rating .text_block
    {
        font-size: 14px;
        line-height: 22px;

        padding: 25px 20px;
    }


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

    .bookmakers_rating .they_offer .item
    {
        font-size: 14px;
        line-height: 18px;
    }


    .bookmakers_rating .table_wrap
    {
        margin: 0;
    }

    .bookmakers_rating table thead
    {
        display: none;
    }

    .bookmakers_rating table tr
    {
        position: relative;

        display: flex;

        padding: 15px 20px 15px 66px;

        background: #fff;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .bookmakers_rating table tr + tr
    {
        margin-top: 10px;
    }

    .bookmakers_rating table td
    {
        display: block;
    }

    .bookmakers_rating table td.number
    {
        position: absolute;
        top: 0;
        left: 0;

        display: flex;

        height: 100%;

        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .bookmakers_rating table td.logo
    {
        width: 100%;
        min-width: 0;
        padding: 0;
    }

    .bookmakers_rating table td.bonus
    {
        font-size: 17px;
        line-height: 23px;

        margin-top: 10px;
        padding: 0;
        margin-bottom:0px;
    }

    .bookmakers_rating table td.rating,
    .bookmakers_rating table td.comments
    {
        margin-top: 10px;
        padding: 0;
    }

    .bookmakers_rating table td.actions
    {
        width: 100%;
        min-width: 0;
        margin-top: 10px;
        padding: 0;
    }

    .bookmakers_rating table td.actions a
    {
        font-size: 13px;

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



    .cappers_rating .table_head .title
    {
        font-size: 16px;
        line-height: 20px;
    }


    .cappers_rating .table_wrap
    {
        margin: 0 0 20px;
    }

    .cappers_rating table
    {
        width: 100%;

        border-spacing: 0;
    }

    .cappers_rating table thead
    {
        display: none;
    }

    .cappers_rating table tr
    {
        position: relative;

        display: flex;

        padding: 0 0 0 27px;

        background: #fff;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .cappers_rating table tr + tr
    {
        margin-top: 20px;
    }

    .cappers_rating table td
    {
        display: block;
    }

    .cappers_rating table td.number
    {
        position: absolute;
        top: 0;
        left: 0;

        display: flex;

        height: 44px;

        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .cappers_rating table td.logo
    {
        display: flex;

        height: 44px;
        padding: 5px 10px;

        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        order: 1;
    }

    .cappers_rating table td.rating
    {
        width: calc((100% - 98px) / 2);
        padding: 0 10px;

        order: 2;
    }

    .cappers_rating table td.check
    {
        width: calc((100% - 98px) / 2);
        padding: 0 10px;

        order: 3;
    }

    .cappers_rating table td.check > *
    {
        overflow: hidden;

        width: 33px;
        margin: 0 auto;
        padding-left: 0;

        text-indent: -9999px;
    }

    .cappers_rating table td.sport
    {
        margin-top: 10px;
        padding: 0;

        order: 4;
    }

    .cappers_rating table td.coefficient
    {
        display: none;
    }

    .cappers_rating table td.comments
    {
        margin-top: 10px;
        padding: 0;

        order: 5;
    }

    .cappers_rating table td.actions
    {
        margin-top: 10px;
        padding: 0;

        order: 6;
    }



    .forecast_info .bet
    {
        margin-top: 30px;
        padding: 15px;
    }

    .forecast_info .bet .type,
    .forecast_info .bet .coefficient,
    .forecast_info .bet .link,
    .forecast_info .bet .logo
    {
        width: 50%;
    }

    .forecast_info .bet .type,
    .forecast_info .bet .coefficient
    {
        line-height: 30px;
    }



    .forecast_info .promocode .data
    {
        padding: 0;
    }

    .forecast_info .promocode .logo + *
    {
        width: calc(100% - 156px);
        padding: 15px 30px;
    }

    .forecast_info .promocode .copy_link
    {
        font-size: 16px;
        line-height: 53px;

        width: 100%;
        height: 56px;
        padding: 0 20px;

        border-radius: 0;
    }



    .comments .comment
    {
        padding-left: 0;
    }



    .comment-respond form
    {
        padding: 15px;
    }



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



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



    .capper_info .history .table_wrap
    {
        margin: 0;

        border-top: 8px solid #243483;
    }

    .capper_info .history table thead
    {
        display: none;
    }

    .capper_info .history table tr
    {
        position: relative;

        display: flex;

        padding: 10px 0;

        border-bottom: 2px solid #dadada;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .capper_info .history table td
    {
        display: block;

        padding: 0;

        border: none;
    }

    .capper_info .history table td.event
    {
        width: calc(100% - 95px);
    }

    .capper_info .history table td.event .date,
    .capper_info .history table td.event .time
    {
        display: block;

        margin-top: 2px;
    }

    .capper_info .history table td.forecast
    {
        position: absolute;
        right: 95px;
        bottom: 15px;
    }

    .capper_info .history table td.result
    {
        width: 75px;
        padding: 0;

        text-align: center;
        white-space: normal;
    }

    .capper_info .history table td.result .val
    {
        margin: 0 auto 2px;
    }



    .all
    {
        margin-top: 25px;
    }



    /*---------------
        Footer
    ---------------*/
    footer
    {
        text-align: center;
    }


    footer .col_left
    {
        width: 100%;
    }


    footer .logo
    {
        width: 307px;
        max-width: 100%;
        margin: 0 auto;
    }


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



    footer .socials
    {
        width: 100%;
        margin-top: 15px;
    }

    footer .socials br
    {
        display: none;
    }

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

        justify-content: center;
    }


    footer .copyright
    {
        width: 100%;
    }


    footer .privacy_policy
    {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

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

    .list_bonuse.bonuses .item
    {
        padding: 20px;
    }

}