/* xxl */
@media (min-width: 1870.9px) {
    .d-none-xxl {
        display: none !important;
    }

    .d-block-xxl {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 1854px;
    }

    .header-area,
    .game-list {
        --root-content-column: 17;
    }
}

/* xl */
@media (min-width:1541px) and (max-width:1870.9px) {

    .d-none-xl,
    .d-none-xxl {
        display: none !important;
    }

    .d-block-xl {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 1414px;
    }

    .header-area,
    .game-list {
        --root-content-column: 13;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .play-game {
        -ms-grid-columns: 1fr 1fr var(--root-play-width, 738px) 1fr;
        grid-template-columns: 1fr 1fr var(--root-play-width, 738px) 1fr;
    }

    .play-game-right {
        display: none;
    }

    .game-box-game-list {
        -ms-grid-columns: (94px)[auto-fill];
        grid-template-columns: repeat(auto-fill, 94px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* lg */
@media (min-width:1321px) and (max-width:1540.9px) {

    .d-none-lg,
    .d-none-xl,
    .d-none-xxl {
        display: none !important;
    }

    .d-block-lg {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 1194px;
    }

    .header-area,
    .game-list {
        --root-content-column: 11;
    }

    .play-game {
        --root-play-width: 754px;
    }

    .game-box-game-list {
        --root-game-column: 7;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .play-game {
        -ms-grid-columns: 204px 1fr 204px;
        grid-template-columns: 204px 1fr 204px;
    }

    .play-game-right,
    .ad.left {
        display: none;
    }

    .game-box-game-list {
        -ms-grid-columns: (94px)[auto-fill];
        grid-template-columns: repeat(auto-fill, 94px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* md */
@media (min-width:1160px) and (max-width:1320.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md {
        display: none !important;
    }

    .d-block-md {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 1084px;
    }

    .header-area,
    .game-list {
        --root-content-column: 10;
    }

    .play-game {
        -ms-grid-columns: 204px var(--root-play-width, 1fr);
        grid-template-columns: 204px var(--root-play-width, 1fr);
    }

    .play-game-right {
        display: none;
    }

    .game-box-game-list {
        --root-game-column: 8;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .play-game {
        -ms-grid-columns: 204px 1fr 204px;
        grid-template-columns: 204px 1fr 204px;
    }

    .play-game-right,
    .ad.left {
        display: none;
    }

    .game-box-game-list {
        -ms-grid-columns: (94px)[auto-fill];
        grid-template-columns: repeat(auto-fill, 94px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* mmd */
@media (min-width:991px) and (max-width:1159.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md,
    .d-none-mmd {
        display: none !important;
    }

    .d-block-mmd {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 864px;
    }

    .header-area,
    .game-list {
        --root-content-column: 8;
    }

    .play-game {
        -ms-grid-columns: 204px 1fr;
        grid-template-columns: 204px 1fr;
    }

    .play-game-right {
        display: none;
    }

    .game-box-game-list {
        --root-game-column: 6;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .play-game {
        -ms-grid-columns: 204px 468px 160px;
        grid-template-columns: 204px 468px 160px;
    }

    .play-game-right,
    .ad.left {
        display: none;
    }

    .game-box-game-list {
        -ms-grid-columns: (94px)[auto-fill];
        grid-template-columns: repeat(auto-fill, 94px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* xm */
@media (min-width:800px) and (max-width:990.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md,
    .d-none-xm {
        display: none !important;
    }

    .d-block-xm {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 754px;
    }

    .header-area,
    .game-list {
        --root-content-column: 7;
    }

    .play-game {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .play-game-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: -15px;
    }

    .play-game-right {
        display: none;
    }

    .game-box-game-list {
        --root-game-column: 7;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[7];
        grid-template-columns: repeat(7, 1fr);
    }

    .slide-nav-left {
        left: -15px;
    }

    .slide-nav {
        width: 40px;
        height: 40px;
    }

    .slide-nav-right {
        right: -15px;
    }

    .ad.right {
        margin: -16px 0 16px;
    }

    .ad {
        height: auto;
        min-height: 200px;
    }
}

/* xxm */
@media (min-width: 661px) and (max-width:799.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md,
    .d-none-xm,
    .d-none-xxm {
        display: none !important;
    }

    .d-block-xxm {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 644px;
        padding: 16px 0;
    }

    .game-category.carousel {
        display: none;
    }

    .header-area,
    .game-list {
        --root-content-column: 6;
    }

    .play-game {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .game-category-mobile {
        display: -ms-grid;
        display: grid;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    }

    .game-box-game-list {
        --root-game-column: 6;
    }

    .play-game-right {
        display: none;
    }

    .play-game-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: -16px 0 16px;
    }

    .ad.right {
        margin: -16px 0 16px;
    }

    .ad {
        height: auto;
        min-height: 200px;
    }
}

/* xs */
@media (min-width: 551px) and (max-width:660.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md,
    .d-none-xm,
    .d-none-xxm,
    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    .wrapper {
        --root-content-width: 534px;
    }

    .game-category.carousel {
        display: none;
    }

    .header-area,
    .game-list {
        --root-content-column: 5;
    }

    .play-game {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .game-category-mobile {
        display: -ms-grid;
        display: grid;
    }

    .play-game-left,
    .play-game-right {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }

    .game-box-game-list {
        --root-game-column: 5;
    }

    .play-game-right {
        display: none;
    }

    .play-game-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: -16px 0 16px;
    }

    .about-box {
        padding: 20px;
    }

    .play-game-card:after,
    .play-game-card>img {
        display: none;
    }

    .play-game-button {
        position: relative;
    }

    .s-play {
        width: 100%;
        height: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
    }

    .play-game-button .btn-load {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 0 16px;
    }

    .play-game-buttons {
        display: none !important;
    }

    .d-none-m,
    .desktopgame-body .game-full-desktop {
        display: none !important;
    }

    .mobile-play {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .play-game-card:before {
        display: block;
    }

    .logo {
        width: 94px;
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        display: block;
    }

    .logo a {
        width: 94px;
        margin: auto;
    }

    .logo.sticky {
        width: 94px;
    }

    .logo-box {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
    }

    .logo-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-left: 0;
        border-top: 1px solid #A8DBEE;
    }

    .logo-button button:first-child {
        border-bottom: 0;
        border-right: 1px solid #A8DBEE;
    }

    .game-body .game-full {
        display: block;
    }
}

/* xxs */
@media (min-width: 111px) and (max-width: 550.9px) {

    .d-none-xxl,
    .d-none-xl,
    .d-none-lg,
    .d-none-md,
    .d-none-xm,
    .d-none-xxm,
    .d-none-xs,
    .d-none-xxs {
        display: none !important;
    }

    .d-block-xxs {
        display: block !important;
    }

    .logo {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        display: block;
        height: 94px;
    }

    .logo-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-left: 0;
        border-top: 1px solid #A8DBEE;
    }

    .logo-button button:first-child {
        border-bottom: 0;
        border-right: 1px solid #A8DBEE;
    }

    .play-game-card:before,
    .play-game-card>img {
        display: none;
    }

    .play-game-button {
        position: relative;
    }

    .s-play {
        width: 100%;
        height: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
    }

    .play-game-button .btn-load {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 0 16px;
    }

    .play-game-buttons {
        display: none !important;
    }

    .wrapper {
        --root-content-width: 330px;
    }

    .game-category.carousel {
        display: none;
    }

    .header-area,
    .game-list {
        --root-content-column: 3;
    }

    .play-game {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .game-category-mobile {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (94px)[3];
        grid-template-columns: repeat(3, 94px);
        padding: 17px;
    }

    .game-box-game-list {
        --root-game-column: 3;
    }

    .play-game-right {
        display: none;
    }

    .play-game-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: -16px 0 16px;
        -ms-grid-columns: (94px)[3];
        grid-template-columns: repeat(3, 94px);
        width: 330px;
    }

    .about-box {
        padding: 20px 15px;
    }

    .footer-menu ul {
        display: block;
    }

    .play-game-box {
        width: 330px;
    }

    .d-none-m,
    .desktopgame-body .game-full-desktop {
        display: none !important;
    }

    .mobile-play {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .play-game-card:before {
        display: block;
    }

    .logo {
        width: 94px;
    }

    .logo a {
        width: 94px;
        margin: auto;
    }

    .logo.sticky {
        width: 94px;
    }

    .logo-box {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
    }

    .game-body .game-full {
        display: block;
    }
}

@media (max-width:767.9px) {
    .main-menu {
        max-width: 100%;
        width: 100%;
    }

    .close-button {
        right: 20px;
    }

    .search-box {
        margin-right: 80px;
    }

    .ad.right {
        margin: -16px 0 16px;
    }

    .ad {
        height: auto;
        min-height: 170px;
    }
}

@media (max-width:991px) {
    .search-box a {
        display: none;
    }

    .search-box input {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 13px;
    }

    .main-menu-body {
        padding: 24px 10px 50px;
    }
}

@media (max-width:1159.9px) {
    .footer-area {
        display: block;
        text-align: center;
    }

    .footer-logo {
        max-width: 216px;
        margin: auto;
    }

    .footer-menu ul,
    .bookmark ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0 0;
    }
}