@media screen and (max-width: 1024px) {
    .container {
        max-width: 1024px;
        width: 95%;
        margin: 0 20px;
    }

    .footer-def4 {
        display: block;
    }

    img.hhhk-profile-img {
        width: 100%;
    }

    .hjh22k {
        display: block;
        margin: 0;
    }

    .hhhqhq {
        margin-bottom: 50px;
    }

    .jhh455q {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 992px) {
    .container {
        max-width: 992px;
        width: 95%;
        margin: 0 20px;
    }

    .nav-links {
        display: none;
    }

    .mobile-menu-ddq23 {
        display: block;
        cursor: pointer;
    }

    .hhh45q {
        border-top: 1px solid #fff;
        padding: 10px 0;
        margin: 10px 0;
        border-bottom: 1px solid #fff;
    }

    .mobile-search {
        background-color: var(--color-red);
    }

    .rs-games-all {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .footer-def4 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .game-news-socal {
        grid-column: span 1;
        padding: 50px 20px;
        border-top: 1px solid white;
    }

    .game-area {
        display: block;
    }

    .right-sied {
        margin-top: 20px;
        margin-bottom: 20px;
        border: none;
    }

    .grid-game-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .lb-728-top {
        display: block;
        margin: 20px 64px;
    }

    .lb-728 {
        display: none;
    }

    .game-info {
        display: block;
    }

    .hjh22k {
        display: block;
        margin: 0;
    }

    .hhhqhq {
        margin-bottom: 50px;
    }

    .jhh455q {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        max-width: 768px;
        margin: 0 auto;
        width: 95%;
    }

    .rs-games-all {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .jd78 {
        display: block;
    }

    .ewq785 {
        border-right: none;
    }

    .gamecat {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* @media screen and (max-width: 576px) {
    body {
        background-color: aqua;
    }
} */

@media screen and (max-width: 448px) {

    .rs-games-all {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-def4 {
        display: block;
    }

    .about-game {
        margin: 0 10px;
    }

    .about-game p, .newslatter p {
        width: 100%;
    }

    .rrtt7 {
        width: 180px;
    }

    .jd78 {
        text-align: center;
    }

    .about-cat {
        margin: 0 20px;
    }

    .gamecat, .game-total {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .game-news-socal {
        padding: 50px 0;
        margin: 0 20px;
        border-top: 1px solid white;
    }

    .hhhh3 {
        display: block;
    }

    .mmov5 {
        width: 300px;
    }

    .step-links a {
        padding: 5px 10px;
        font-size: 12px;
    }

}

@media screen and (max-width: 360px) {
    .search-box {
        width: 330px;
    }

    .search-input {
        width: 186px;
    }

    button.game-search-btn {
        padding: 5px 30px;
        font-size: 16px;
        font-weight: 500;
    }

    .step-links a {
        padding: 5px 6px;
        font-size: 12px;
    }

    .hhd55 {
        width: auto;
    }
}