.post_top_sport {
    background: #01a0fc;
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    left: 10px;
    text-transform: uppercase;
    padding: 1px 5px;
    bottom: -5px;
    display: none;
}
.more_news {
    display: none;
}
.hide-desktop {
    display: none;
}
.header-search {
    display: none;
}
.button_open_close_nav {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
    position: absolute;
    width: 20px;
    height: 2px;
    transition-property: transform;
    background: #fff;
    top: 19px;
    display: none;
    margin-top: -2px;
    right: 20px;
    border: none;
}
.button_open_close_nav:before, .button_open_close_nav:after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background: #fff;
    right: 0px;
}
.button_open_close_nav:before {
    top: -6px;
    transition: top 75ms ease .12s, opacity 75ms ease;
}
.button_open_close_nav:after {
    bottom: -6px;
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55,.055,.675,.19);
}
header.active .button_open_close_nav::before,
.button_open_close_nav:active::before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0;
    background-color: #fff;
}
header.active .button_open_close_nav::after,
.button_open_close_nav:active::after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
    background-color: #fff;
}
header.active .button_open_close_nav,
.button_open_close_nav:active {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-45deg);
    background-color: #fff;
} 
@media (max-width: 1130px) {
    .wcont {
        width: auto;
    }
    .media_items {
        grid-template-columns: 1fr 1fr 1fr; 
    }
    .media_item_img img {
        width: 100%;
    }
    .scroll_shadow {
        position: relative; 
        width: 100%;
    }
    .scroll_shadow::after {
        content: '';
        position: absolute;
        display: block; 
        right: 0;
        top: 0;
        bottom: 0; 
        width: 50px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        z-index: 1;
        opacity: 0;
    }
    .scroll_shadow::before {
        content: '';
        position: absolute;
        display: block; 
        left: 0;
        top: 0;
        bottom: 0; 
        width: 50px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        z-index: 1;
        opacity: 0;
    }
    .block_trends { 
        white-space: nowrap;
        position: relative;
        width: auto;
        overflow: auto; 
        -ms-overflow-style: none;  
        scrollbar-width: none;
    } 
    .scroll_shadow[data-scroll_start="false"]::before{
        opacity: 1;
    }
    .scroll_shadow[data-scroll_end="false"]::after{
        opacity: 1;
    }
}
@media (max-width:1100px) {
    .content {
        flex-direction: column;
    }
    .center_column {
        max-width: none;
    }
    .center_column img {
        width: 100%;
    }
    .post_top__img,
    .post_top__img img {
        width: 100%;
    }
    .left_column, .right_column {
        width: auto;
    }
}
@media (max-width: 890px) {
    
    
    .hide-desktop {
        display: block;
    } 
    .hide-mobile {
        display: none;
    }
    .post_top__link {
        flex-direction: column;
    }
    .post_top__img {
        width: 100%;
        height: auto;
    }
    .post_top_sport {
        display: block;
    }
    .left_column .news_item:nth-child(n+12) {
        display: none;
    }
    .left_column .show_mob_left_column .news_item {
        display: block;
    }
    .content {
        flex-direction: column;
    }
    .left_column, .right_column {
        width: auto;
    }
    .more_news {
        display: inline-block;
    }
    .bets_widget__shadow {
        top: auto;
        bottom: 30px;
    }
    .blogs_item a {
        align-items: normal!important;
    }
    .wcont {
        width: auto;
    }
    .header.active {
        height: 100%;
    }
    .header-top {
        height: auto;
    }
    .header-bottom {
        height: 100%;
        padding: 20px 13px 205px;
        overflow: scroll;
        background-color: #fff;
        display: none;
    }
    .header.active .header-bottom {
        display: block;
    }
    .header-logo-nav .header-logo {
        margin: 0 100% 0 0
    }
    .header-logo-nav {
        display: block;
        width: 100%;
        position: relative;
    }
    .header-nav {
        grid-template-rows: auto auto;
        grid-auto-columns: 1fr;
        /* display: grid; */
        grid-column-gap: 15px;
        grid-row-gap: 5px;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        padding: 20px;
        font-size: 15px;
        display: none;
    }
    .header.active .header-nav {
        display: grid;
    }
    .header-nav a {
        border-left: solid 3px transparent;
        font-weight: 600;
    }
    .header-nav a.active {
        border-left: solid 3px #01a0fc;
        border-bottom: none;
    }
    .header-top .wcont {
        flex-direction: column;
    }
    .header-auth {
        position: absolute;
        background-color: #323641;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2; 
        display: none;
        padding-bottom: 132px;
    }
    .header.active .header-auth {
        display: block;
    }
    .header-auth-link {
        justify-content: space-between;
        width: 100%;
        padding: 10px;
    }
    .header-dropdown {
        display: none!important;
    }
    .header-nav-category .header-dropdown {
        display: block!important;
        position: relative;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        padding: 0;
    }
    .header-nav-category li>a {
        line-height: 20px;
    }
    .header-nav-category{ 
        padding-bottom: 120px;
    }
    .header-auth svg { 
        width: 29px;
        height: 29px;
    }
    .header-auth-link a {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
    }
    .header-nav-category ul {
        grid-template-rows: auto auto;
        grid-auto-columns: 1fr;
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 5px;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        padding: 20px;
        font-size: 15px;
    } 
    .header-nav-category li>a {
        color: #1f2229;
    }
    .header-search {
        display: block;
    }
    .main_content, .second_content {
        margin: 120px auto 0;
    }
    
    .footer {
        position: relative;
    }
    .footer_nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .footer_nav a { 
        font-size: 16px;
        line-height: 35px;
    }
    .footer .yearold {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .footer_soc_copy {
        flex-direction: column;
    }
    .footer_social {
        margin-bottom: 20px;
    }
    .footer_social a {
        display: inline-block;
        margin: 0 10px;
    }
    .footer_social svg {
        transform: scale(1.5);
    }
    .footer_copy_logo  {
        text-align: center;
    }
    .button_open_close_nav {
        display: block;
    }
    .header-nav-category .active .header-dropdown {
        display: block !important;
        visibility: visible;
        z-index: 1;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s, 0s, .1s;
        box-shadow: 0 3px 90px #00000024;
        padding: 0;
        margin-top: 5px;
        position: relative;
    }
    .header-nav-category .header-dropdown a {
        color: #323641;
    }
    .center_column {
        margin: 0;
    }
    .section_blogs .header-bottom {
        background-color: #fff!important;
    }
    .bread_sort {
        flex-direction: column;
    }
    .sort_content,
    .filter_search_content {
        margin-top: 10px;
    }
    .event_title, .blog_autor_title {
        width: auto;
    }
    .search_block,
    .event_header {
        padding: 20px 20px 0 20px;
    }
    .videos_item__img {
        width: 100%;
    }
}

@media (max-width: 880px) {
    .section_block_default .d-flex.justify-content-around  {
        flex-direction: column;
    }
    .section_block_default .contacts-depart {
        margin-bottom: 20px;
        text-align: center;
    }
    .change_lang2 {
        display: block;
    }
    
    
    .block_rating_page { 
        grid-template-columns: 1fr 1fr!important;
        margin-bottom: 20px;
    }
    .block_rating_page__item {
        grid-area: span 1 / span 1!important; 
    }
}
@media (max-width: 750px) {
    .media_items {
        grid-template-columns: 1fr 1fr; 
    }
    .post_full .feed_text img {
        width: 100%!important;
        height: auto!important;
    }
    .post_full {
        padding-right: 10px;
    }
    .center_column {
        margin: 0;
    }
    .h-mob {
        display: none;
    }
}
@media (max-width: 550px) {
    .media_items {
        grid-template-columns: 1fr; 
    }
    .posts_item a {
        align-items:normal!important;
        flex-direction: column;
    }
    .posts_item  .post_item__img {
        width: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .event_title, .blog_autor_title {
        font-size: 28px;
    }
    .event_nav {
        align-items: end;
    }
    .team-head .stat-main .stat-players {
        flex-direction: column; 
    }
    .team-head .stat-main .stat-players .sportsman {
        padding-top: 0;
    }
    .team-head .stat-main .match-score {
        height: 96px;
    }
    .block_rating_page { 
        grid-template-columns: 1fr!important;
        margin-bottom: 20px;
    }
    .block_rating_page__item {
        grid-area: span 1!important; 
    }
}
@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    } 
    .show-mobile {
        display: flex !important;
        justify-content: center;
    }
}
.hide-mobile {
    display: block;
}
.show-mobile {
    display: none;
}