@media only screen and (max-width: 600px) {
        .all-casino-news-item {
            width: 100%;
        }
    }
    
    @media only screen and (min-width: 601px) and (max-width: 991px) {
        .all-casino-news-item {
            width: calc(50% - 1rem);
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1487px) {
        .all-casino-news-item {
            min-width: 14.5rem;
            display: flex;
            flex-direction: column;
            flex: 0 1 32%;
            max-width: 32%;
        }
    }
    
    @media only screen and (min-width: 1488px) {
        .all-casino-news-item {
            min-width: 14.5rem;
            display: flex;
            flex-direction: column;
            flex: 0 1 24%;
            max-width: 24%;
        }
    }
    
    .linear_background {
        background: var(--bg-linear-two);
    }
    
    .all-casino-news-section {
        margin-top: 1rem;
    }
    
    .all-casino-news-container {
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        box-sizing: border-box;
    }
    
    .all-casino-news-item {
        height: 13.75rem;
        box-shadow: var(--box-shadows);
        border-radius: var(--border-15);
        margin-bottom: 1rem;
        background: rgb(204 191 13 / 51%);
        position: relative;
    }
    
    .all-casino-news-item picture {
        position: relative;
        margin: 0 auto;
        height: 50%;
        width: 100%;
        box-sizing: border-box;
    }
    
    .all-casino-news-item picture img {
        height: 60%;
        width: 100%;
        top: 25%;
        position: relative;
    }
    
    .all-casino-news-item-text {
        position: absolute;
        width: 100%;
        padding: 0.5rem 1rem;
        background: var(--card__bg);
        z-index: 1;
        bottom: 0;
        border-radius: 0 0 var(--border-15) var(--border-15);
        height: 5rem;
    }
    
    .hero-author {
        font-size: 1rem;
        line-height: 1rem;
        color: var(--cat-info-color);
        padding: 0.25rem 0.25rem 0.25rem 0;
        text-shadow: rgb(0 0 0 / 50%) 0px 1px 4px;
        background: rgba(0, 0, 0, .3);
        border-radius: var(--border-15);
        margin-top: 0.5rem;
    }
    
    .hero-author span {
        font-weight: 700;
        color: var(--nav-font-color);
    }