
.bottom-text {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    margin: 30px 0 0;
    padding: 15px 20px
}

.bottom-text h1:first-child,
.bottom-text h2:first-child {
    margin-top: 0
}

.bottom-text h1 {
    font-size: 1.3rem
}

.bottom-text h2 {
    font-size: 1.15rem
}

.bottom-text h3 {
    font-size: 1.05rem;
    margin: 1.5rem 0
}

.bottom-text a {
    color: #0a568c;
    font-weight: 550
}

.bottom-text a:hover {
    color: #0e9aef
}

.bottom-text ol,
.bottom-text ul {
    padding: 5px 25px
}

.bottom-text ol li,
.bottom-text ul li {
    line-height: 2;
    list-style-type: unset
}

.game-description {
    /*background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);*/
    margin: 30px 0 0;
    /*padding: 15px;*/
    display: flex;
    gap: 16px;
}

.game-description .game-obj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.game-description .game-obj h1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.game-description .game-obj .share-embed {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 fit-content;
    -moz-box-flex: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    flex: 0 1 fit-content;
    gap: 5px
}

.game-description .game-obj .share-embed a {
    border-radius: 16px;
    color: #004992;
    display: block;
    height: 32px;
    padding: 5px 10px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.game-description .game-obj .share-embed a:hover {
    background-color: #e7f1fc
}

.game-description h1 {
    font-size: 23px;
    font-weight: lighter;
    margin-bottom: 0;
    margin-top: 0
}

.game-description .game-picture {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    height: 50px;
    overflow: hidden;
    width: 50px
}

.game-description .game-picture img {
    height: 100%;
    width: 100%
}


.game-description .category-list,
.game-description .tag-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.game-description .category-list li a,
.game-description .tag-list li a {
    border: 1px solid #ededed;
    border-radius: 10px;
    color: #000;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 10px;
    color: var(--text-color);
    transition: transform 0.2s ease;
}

.game-description .category-list li a {
    text-transform: uppercase;
}

.game-description .category-list li a:hover,
.game-description .tag-list li a:hover {
    background: var(--button-hover-color);
    color: var(--text-button-hover);
}

.section-404 {
    color: #fff;
    padding: 50px 0;
    position: relative;
    text-align: center
}

.page-title-section {
    margin: 0 auto;
    max-width: 1880px;
    padding: 0 20px
}

.page-title-section h1 {
    color: #fff;
    font-size: 25px;
    font-weight: lighter;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase
}

.page-content {
    margin: 0 auto;
    max-width: 1880px
}

.page-content.custom-page {
    padding: 0 20px
}

.page-content.custom-page .page-text {
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    font-size: 15px;
    margin-bottom: 20px;
    min-height: 350px;
    padding: 15px
}

.page-content.custom-page .page-text h2 {
    margin-top: 0
}

.page-content.az-games {
    margin-bottom: 20px;
    max-width: 800px;
    padding: 0 20px
}

.page-content.az-games .page-title-section {
    padding: 0
}

.az-game-section {
    background: #fff;
    border-radius: 10px;
    color: #000;
    margin-top: 15px;
    padding: 15px
}

.az-game-section h2 {
    font-size: 25px;
    margin-top: 10px
}

.az-game-section .links {
    text-align: center
}

.az-game-section .links a {
    border-radius: 5px;
    color: #42006b;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    margin-right: 10px;
    padding: 5px 10px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.az-game-section .links a.active,
.az-game-section .links a:hover {
    background: #42006b;
    color: #fff
}

.az-game-section ul.az-game-list li {
    background: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 7px 15px
}

.az-game-section ul.az-game-list li a {
    color: #42006b;
    display: inline-block;
    font-size: 15px;
    font-weight: 550;
    margin-right: 20px
}

.az-game-section ul.az-game-list li:nth-child(2n) {
    background: #ececec;
    color: #fff
}

.grid-ads-item .game-item {
    background: #000;
    border-radius: 0 !important;
    position: relative
}

.overflow-hidden {
    overflow: hidden
}

nav {
    display: block;
    height: 56px
}

nav,
nav a {
    color: #fff
}

nav i {
    font-size: 24px;
    line-height: 56px
}

nav.category-section {
    background: #014589;
    -webkit-box-shadow: 1px 4px 7px 3px rgba(0, 0, 0, .18);
    box-shadow: 1px 4px 7px 3px rgba(0, 0, 0, .18);
    height: 58px;
    margin-top: 56px;
    overflow: hidden;
    position: relative;
    width: 100%
}

nav.category-section:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(11%, #9c27b0), color-stop(11%, #56ad1e), color-stop(29%, #56ad1e), color-stop(29%, #ff9800), color-stop(60%, #ff9800), color-stop(60%, #ffeb3b), color-stop(75%, #ffeb3b), color-stop(75%, #6b1e5b), color-stop(88%, #6b1e5b), color-stop(88%, #4caf50), to(#4caf50));
    background: -webkit-linear-gradient(left, #9c27b0 11%, #56ad1e 0, #56ad1e 29%, #ff9800 0, #ff9800 60%, #ffeb3b 0, #ffeb3b 75%, #6b1e5b 0, #6b1e5b 88%, #4caf50 0, #4caf50);
    background: -moz-linear-gradient(left, #9c27b0 11%, #56ad1e 11%, #56ad1e 29%, #ff9800 29%, #ff9800 60%, #ffeb3b 60%, #ffeb3b 75%, #6b1e5b 75%, #6b1e5b 88%, #4caf50 88%, #4caf50 100%);
    background: linear-gradient(90deg, #9c27b0 11%, #56ad1e 0, #56ad1e 29%, #ff9800 0, #ff9800 60%, #ffeb3b 0, #ffeb3b 75%, #6b1e5b 0, #6b1e5b 88%, #4caf50 0, #4caf50);
    content: "";
    display: block;
    height: 8px
}

@-webkit-keyframes anim-opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes anim-opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes anim-opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

nav.category-section .top-category-list {
    -webkit-animation: anim-opacity .3s ease .1s 1 normal forwards;
    -moz-animation: anim-opacity .3s ease .1s 1 normal forwards;
    animation: anim-opacity .3s ease .1s 1 normal forwards;
    height: 100px;
    opacity: 0;
    overflow: scroll hidden
}

nav.category-section .top-category-list:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #014589), to(rgba(1, 69, 137, 0)));
    background: -webkit-linear-gradient(left, #014589 25%, rgba(1, 69, 137, 0));
    background: -moz-linear-gradient(left, #014589 25%, rgba(1, 69, 137, 0));
    background: linear-gradient(90deg, #014589 25%, rgba(1, 69, 137, 0));
    content: "";
    display: block;
    height: 50px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 8px;
    width: 24px;
    z-index: 1
}

nav.category-section .top-category-list:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(1, 69, 137, 0)), color-stop(80%, #014589));
    background: -webkit-linear-gradient(left, rgba(1, 69, 137, 0), #014589 80%);
    background: -moz-linear-gradient(left, rgba(1, 69, 137, 0), #014589 80%);
    background: linear-gradient(90deg, rgba(1, 69, 137, 0), #014589 80%);
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 8px;
    width: 50px
}

nav.category-section ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 50px;
    margin: 0;
    padding: 0
}

nav.category-section ul li {
    white-space: nowrap
}

nav.category-section ul li a.category-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #fff;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease
}

nav.category-section ul li a.category-item:active,
nav.category-section ul li a.category-item:hover {
    background: #0855a2;
    color: #fff
}

nav.category-section ul li a.category-item .category-img {
    display: block;
    height: 22px;
    width: 22px
}

nav.category-section ul li a.category-item .category-img img {
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 22px
}

nav.category-section ul li a.category-item .category-title {
    font-weight: 700;
    padding-left: 10px
}

.modal {
    position: fixed;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .3);
    height: 100%;
    left: 0;
    padding: 0 15px;
    top: 0;
    z-index: 9999
}

.modal,
.modal-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.modal-dialog {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, .6);
    border-radius: 15px;
    max-width: 400px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .3s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .3s cubic-bezier(.23, 1, .32, 1);
    transition: .3s cubic-bezier(.23, 1, .32, 1)
}

.modal-dialog.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.modal-header .modal-title {
    -webkit-align-self: center;
    align-self: center;
    color: #f1f6f9;
    font-size: 1.5rem;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin-left: 15px
}

.modal-header .modal-close {
    -webkit-align-self: end;
    align-self: end;
    padding: 5px
}

.modal-header .modal-close button {
    background: none;
    border: 1px solid transparent;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 1.5rem;
    padding: 5px
}

.modal-header .modal-close button:hover {
    color: #fff
}

.modal-header .modal-close button:active {
    color: hsla(0, 0%, 100%, .6)
}

.modal-content {
    height: 100%;
    padding: 0 15px 15px;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    color: #fff;
    justify-content: center;
    text-align: center
}

.modal-content,
.modal-content .social-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.modal-content .social-container {
    gap: 10px
}

.modal-content .social-container .btn {
    border-radius: 50%;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 42px
}

.modal-content .social-container .btn i {
    font-size: 1.4rem
}

.modal-content .social-container .btn:hover {
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15)
}

.modal-content .social-container .btn.btn-facebook {
    background-color: #3b5998
}

.modal-content .social-container .btn.btn-twitter {
    background-color: #000
}

.modal-content .social-container .btn.btn-twitter:hover {
    background-color: #1e1e1e
}

.modal-content .social-container .btn.btn-whatsapp {
    background-color: #25d366
}

.modal-content .social-container .btn.btn-telegram {
    background-color: #08c
}

.modal-content .social-container .btn.btn-linkedin {
    background-color: #0762c8
}

.modal-content .social-container .btn.btn-pinterest {
    background-color: #c8232c
}

.modal-content .content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 10px;
    padding-top: 20px;
    width: 100%
}

.modal-content .content-container input {
    background-color: hsla(0, 0%, 100%, .8);
    border: none;
    border-radius: 5px;
    padding: 0 5px;
    width: 100%
}

.modal-content .content-container input:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5);
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5);
    outline: 0
}

#pagination {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-top: 30px;
    padding: 0 15px
}

#pagination li {
    list-style: none
}

#pagination li a,
#pagination li span.ellipsis {
    background: #fff;
    border-radius: 30px;
    color: #004992;
    display: block;
    font-weight: 700;
    height: 45px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    transition: background-color .25s ease;
    white-space: nowrap;
    width: 45px
}

#pagination li.active a {
    background: #004992;
    color: #fff
}

#pagination li.disabled a,
#pagination li.disabled span.ellipsis {
    background: none;
    color: #fff;
    cursor: default;
    width: 15px
}

#pagination li:not(.disabled) a:hover {
    background: #004992;
    color: #fff
}

#pagination li a .ok {
    font-size: 10px;
    position: relative;
    top: -1px
}

#pagination li a.page-next,
#pagination li a.page-prev {
    padding: 0 15px;
    width: auto
}

#pagination li a.page-next span.text {
    margin-right: 5px
}

#pagination li a.page-prev span.text {
    margin-left: 5px
}

@media only screen and (max-width: 619px) {
    #pagination li a {
        height: 35px;
        line-height: 34px;
        width: 35px
    }
}

@media only screen and (max-width: 539px) {
    #pagination li a.page-next,
    #pagination li a.page-prev {
        width: 35px
    }

    #pagination li a span.text {
        display: none
    }
}

@media only screen and (max-width: 419px) {
    #pagination li a.page-next,
    #pagination li a.page-prev {
        display: none
    }
}

footer ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

footer ul.footer-links {
    gap: 5px
}

footer ul.footer-links li a {
    border-radius: 10px;
    color: var(--text-color);
    padding: 7.5px 10px;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    transition: background-color .25s ease;
    white-space: nowrap
}


footer ul.social-icons {
    gap: 10px
}

footer ul.social-icons li a i {
    background: #fff;
    border-radius: 50%;
    color: #56ad1e;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.game-page-grid-d,
.game-page-grid-m,
.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    grid-gap: 16px;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(94px, auto)
}

.game-page-grid-d .grid-title,
.game-page-grid-m .grid-title,
.grid-layout .grid-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-area: span 1/span 3;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    justify-content: center
}

.game-page-grid-d .grid-title h1,
.game-page-grid-m .grid-title h1,
.grid-layout .grid-title h1 {
    font-size: 1.3rem;
    text-align: center
}

.game-page-grid-d a,
.game-page-grid-m a,
.grid-layout a {
    aspect-ratio: 1;
    border-radius: 16px;
    background-color: #000;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    display: block; 
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.game-page-grid-d a img,
.game-page-grid-m a img,
.grid-layout a img {
    background: #4595e6;
    border: none;
    display: block !important;
    font-size: 0;
    height: 100%;
    outline: none;
    text-indent: -9999px;
    -webkit-transition: scale .4s ease, opacity .4s ease;
    -moz-transition: scale .4s ease, opacity .4s ease;
    transition: scale .4s ease, opacity .4s ease;
    width: 100%
}

.game-page-grid-d a span.item-title,
.game-page-grid-m a span.item-title,
.grid-layout a span.item-title {
    bottom: 0;
    color: #fff;
    font-size: 13px;
    font-weight: lighter;
    left: 0;
    right: 0;
    line-height: 110%;
    margin: 0 auto;
    opacity: 0;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease;
    width: fit-content;
}

.game-page-grid-d a:hover img,
.game-page-grid-m a:hover img,
.grid-layout a:hover img {
    scale: 1.06;
    opacity: .4;

}

.game-page-grid-d a:hover span.item-title,
.game-page-grid-m a:hover span.item-title,
.grid-layout a:hover span.item-title {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.game-page-grid-d a.span-2,
.game-page-grid-m a.span-2,
.grid-layout a.span-2 {
    grid-column-end: span 2;
    grid-row-end: span 2
}

.game-page-grid-d a.span-2 span.item-title,
.game-page-grid-m a.span-2 span.item-title,
.grid-layout a.span-2 span.item-title {
    font-size: 18px
}

.game-page-grid-d a.span-2 .ribbon,
.game-page-grid-m a.span-2 .ribbon,
.grid-layout a.span-2 .ribbon {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.game-page-grid-d .ribbon,
.game-page-grid-m .ribbon,
.grid-layout .ribbon {
    left: 6px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    z-index: 2
}

.game-page-grid-d .ribbon span,
.game-page-grid-m .ribbon span,
.grid-layout .ribbon span {
    background-color: #deb52b;
    border-radius: 15px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    display: block;
    font: 700 10px Lato, sans-serif;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase
}

@media only screen and (max-width: 1430px) {
    .grid-layout {
        grid-auto-rows: 94px;
        grid-template-columns: repeat(auto-fill, 94px);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 450px) {
    .grid-layout a.span-2:not(.grid-ads-item) {
        grid-column-end: span 1;
        grid-row-end: span 1
    }

    .grid-ads-item {
        display: none
    }

    .grid-layout a.span-2 span.item-title {
        font-size: 13px
    }

    .grid-layout a.span-2 .ribbon {
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: none
    }

    .grid-layout {
        grid-auto-rows: 94px;
        grid-template-columns: repeat(3, 94px)
    }

    .grid-layout .grid-title {
        grid-area: span 1/span 2
    }
}

@media only screen and (max-width: 789px) {
    footer {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        gap: 15px;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 15px 10px
    }

    footer .footer-links li a {
        font-size: 13px;
        padding: 5px !important
    }
}


@media only screen and (max-width: 499px) {
    .ribbon span {
        font-size: 10px !important
    }

    .ribbon-top-left:before {
        right: 16px
    }

    .ribbon-top-left:after {
        bottom: 16px;
        left: 10px
    }

    .game-bottom-bar .buttons a,
    .game-bottom-bar .buttons button {
        font-size: 15px;
        height: 32px;
        line-height: 14px !important;
        text-align: center;
        width: 32px
    }

    .section-404 .gif_404 {
        margin-left: -115px;
        max-width: 270px
    }

    #pagination {
        padding: 0 10px
    }
}

.game-page-container {
    margin: 15px auto 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.game-bottom-bar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    background: var(--bg-component);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    color: var(--text-color);
    gap: 15px;
    height: 64px;
    justify-content: space-between;
    padding: 0 12px;
    margin-top: auto;
}

.game-bottom-bar,
.game-bottom-bar .game-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.game-bottom-bar .game-item {
    gap: 10px;
    margin: 0
}

.game-bottom-bar .game-item h1 {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 700;
}

.game-bottom-bar .game-item img {
    border-radius: 7.5px;
    display: block;
    height: 40px;
    width: 40px
}

.game-bottom-bar .game-utility {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-bottom-bar .game-utility .game-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 10px
}

.game-bottom-bar .game-utility .game-rating button {
    background: none;
    border: none;
    color: #565656;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.game-bottom-bar .game-utility .game-rating button.active,
.game-bottom-bar .game-utility .game-rating button:hover {
    color: #26a69a
}

.game-bottom-bar .game-utility .game-rating button i {
    display: block;
    font-size: 17px
}

.game-bottom-bar .game-utility .game-rating button span.count {
    font-family: Dosis, sans-serif;
    font-size: 11px
}

.game-bottom-bar .game-utility .game-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 10px
}

.game-bottom-bar .game-utility .game-share button {
    background: none;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    height: 40px;
    outline: none;
    -webkit-transition: background-color .2s ease, -webkit-transform .1s ease;
    transition: background-color .2s ease, -webkit-transform .1s ease;
    -moz-transition: background-color .2s ease, transform .1s ease, -moz-transform .1s ease;
    transition: background-color .2s ease, transform .1s ease;
    transition: background-color .2s ease, transform .1s ease, -webkit-transform .1s ease, -moz-transform .1s ease;
    width: 40px
}

.game-bottom-bar .game-utility .game-share button i {
    color: #565656;
    display: inherit;
    line-height: 0
}

.game-bottom-bar .game-utility .game-share button:active,
.game-bottom-bar .game-utility .game-share button:hover {
    background-color: rgba(22, 123, 224, .1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.game-bottom-bar .game-utility .game-share button:active i,
.game-bottom-bar .game-utility .game-share button:hover i {
    color: #323232
}

.game-wrapper {
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    display: flex
;
    width: 100%;
}

.game-wrapper .game-frame {
    background-color: rgba(0, 0, 0, .4);
    height: 100%
}

.game-wrapper .game-frame.full-screen {
    background: #000;
    border-radius: initial;
    height: 100% !important;
    left: 0;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 9999
}

/*.game-wrapper .game-frame iframe {
    border: none;
    display: block;
    height: -webkit-calc(100% - 64px);
    height: -moz-calc(100% - 64px);
    height: calc(100% - 64px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}*/

.game-wrapper .game-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    z-index: 2
}

.game-wrapper .game-play {
    cursor: pointer;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-wrapper .game-play .play-now-icon {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 50%;
    font-size: 24px;
    height: 64px;
    left: 50%;
    padding: 16px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 64px;
    z-index: 1
}

.game-wrapper .game-play .play-now {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    left: 50%;
    margin-top: 40px;
    position: absolute;
    text-shadow: 3px 3px 9px rgba(0, 0, 0, .5);
    text-wrap: nowrap;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.game-wrapper .game-play img {
    background-color: #4595e6;
    display: block;
    font-size: 0;
    height: 100%;
    text-indent: -1000px;
    width: 100%
}

.game-page-grid-d {
    --grid-colums: 6;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    grid-template-columns: repeat(var(--grid-colums), 94px);
    grid-template-rows: repeat(auto-fill, 94px);
    grid-gap: 16px;
    grid-template-areas: "gam gam gam gam gam gam" "gam gam gam gam gam gam" "gam gam gam gam gam gam" "gam gam gam gam gam gam"
}

.game-page-grid-d a span.item-title {
    font-size: 12px
}

.game-page-grid-d .game-content {
    grid-area: gam;
	height: 100%;
}

.game-page-grid-d .box-vertical {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.game-page-grid-d .box-vertical .box-160 {
    background-color: hsla(0, 0%, 100%, .2);
    height: 600px;
    width: 160px
}

.game-page-grid-d .box-square {
    display: none;
    grid-area: b30;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.game-page-grid-d .box-square .box-300 {
    background: var(--bg-component);
    height: 314px;
    width: 100%;
    text-align: center;
}

.game-page-grid-d .box-horizontal {
    display: none;
    grid-area: b72;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.game-page-grid-d .box-horizontal .box-728 {
    background: var(--bg-component);
    height: 90px;
    width: 728px;
    text-align: center;
}

.game-page-grid-d .game-wrapper .game-overlay {
    height: -webkit-calc(100% - 64px);
    height: -moz-calc(100% - 64px);
    height: calc(100% - 64px)
}

.game-page-grid-d .game-wrapper .game-play {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    -webkit-transition: scale .2s ease;
    -moz-transition: scale .2s ease;
    transition: scale .2s ease
}

.game-page-grid-d .game-wrapper .game-play .play-now-icon {
    font-size: 28px;
    height: 80px;
    padding: 21px;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 80px
}

.game-page-grid-d .game-wrapper .game-play img {
    background: none;
    border-radius: 10px;
    height: auto;
    -webkit-transition: scale .2s ease, -webkit-box-shadow .2s ease;
    transition: scale .2s ease, -webkit-box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease, scale .2s ease;
    transition: box-shadow .2s ease, scale .2s ease;
    transition: box-shadow .2s ease, scale .2s ease, -webkit-box-shadow .2s ease;
    width: auto
}

.game-page-grid-d .game-wrapper .game-play:hover {
    scale: 1.03
}

.game-page-grid-d .game-wrapper .game-play:hover .play-now-icon {
    background-color: #fff
}

.game-page-grid-d .game-wrapper .game-play:hover img {
    -webkit-box-shadow: 0 0 100px 0 #4595e6;
    box-shadow: 0 0 100px 0 #4595e6;
    scale: 1.03
}

.game-page-grid-m {
    --grid-colums: 3;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    grid-template-columns: repeat(var(--grid-colums), 94px);
    grid-template-rows: repeat(auto-fill, 94px);
    grid-gap: 16px
}

.game-page-grid-m a span.item-title {
    font-size: 12px
}

.game-page-grid-m .game-content {
    grid-area: gam
}

.game-page-grid-m .game-wrapper {
    border-radius: 15px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24)
}

@media (max-width: 670.9px) {
    .game-page-grid-m {
        grid-template-areas: "gam gam gam" "gam gam gam" "gam gam gam"
    }

    .game-page-grid-m .game-wrapper {
        height: 314px
    }
}

@media (min-width: 671px) {
    .game-page-grid-m {
        grid-template-areas: "gam gam gam gam" "gam gam gam gam" "gam gam gam gam" "gam gam gam gam"
    }

    .game-page-grid-m .game-wrapper {
        height: 424px
    }
}

@media (min-width: 451px) and (max-width: 560.9px) {
    .game-page-grid-m {
        --grid-colums: 4
    }
}

@media (min-width: 561px) and (max-width: 670.9px) {
    .game-page-grid-m {
        --grid-colums: 5
    }
}

@media (min-width: 671px) and (max-width: 780.9px) {
    .game-page-grid-m {
        --grid-colums: 6
    }
}

@media (min-width: 781px) and (max-width: 880.9px) {
    .game-page-grid-m {
        --grid-colums: 7
    }
}

@media (min-width: 881px) {
    .game-page-grid-m {
        --grid-colums: 8
    }
}

/*@media (min-width: 768px) {
    .game-page-grid-d .game-wrapper {
        height: 560px;
    }
}

@media (min-width: 1400px) {
    .game-page-grid-d .game-wrapper {
        height: 614px;
    }
}*/

@media (max-width: 780.9px) {
    .game-page-grid-d {
        --grid-colums: 6;
        grid-template-areas: "gam gam gam gam gam gam" "gam gam gam gam gam gam" "gam gam gam gam gam gam" "gam gam gam gam gam gam"
    }
}

@media (min-width: 781px) and (max-width: 890.9px) {
    .game-page-grid-d {
        --grid-colums: 7;
        grid-template-areas: "... gam gam gam gam gam gam" "... gam gam gam gam gam gam" "... gam gam gam gam gam gam" "... gam gam gam gam gam gam" "... gam gam gam gam gam gam" "b72 b72 b72 b72 b72 b72 b72"
    }

    .game-page-grid-d .box-horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 891px) and (max-width: 990.9px) {
    .game-page-grid-d {
        --grid-colums: 8;
        grid-template-areas: "... gam gam gam gam gam gam ..." "... gam gam gam gam gam gam ..." "... gam gam gam gam gam gam ..." "... gam gam gam gam gam gam ..." "... gam gam gam gam gam gam ..." "b72 b72 b72 b72 b72 b72 b72 ..." "... ... ... ... ... ... ... ..." "b30 b30 b30 ... ... ... ... ..." "b30 b30 b30 ... ... ... ... ..." "b30 b30 b30 ... ... ... ... ..."
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-square {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 991px) and (max-width: 1210.9px) {
    .game-page-grid-d {
        --grid-colums: 9;
        grid-template-areas: "... gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam b16 b16" "b72 b72 b72 b72 b72 b72 b72 b16 b16" "... ... ... ... ... ... ... b16 b16"
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-vertical {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 1211px) and (max-width: 1320.9px) {
    .game-page-grid-d {
        --grid-colums: 11;
        grid-template-areas: "... gam gam gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam gam gam b16 b16" "... gam gam gam gam gam gam gam gam b16 b16" "... ... b72 b72 b72 b72 b72 b72 b72 b16 b16"
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-vertical {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 1321px) and (max-width: 1540.9px) {
    .game-page-grid-d {
        --grid-colums: 12;
        grid-template-areas: "... gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam rg1 rg1 ..." "... gam gam gam gam gam gam gam gam rg1 rg1 ..." "... ... b72 b72 b72 b72 b72 b72 b72 ... ... ..."
    }

    .game-page-grid-d .rg1 {
        grid-area: rg1
    }

    .game-page-grid-d .rg1 span.item-title {
        font-size: 16px;
        padding: 10px
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-square {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 1541px) {
    .game-page-grid-d .rg1 span.item-title,
    .game-page-grid-d .rg2 span.item-title {
        font-size: 16px;
        padding: 10px
    }

    .game-page-grid-d .rg1 {
        grid-area: rg1
    }

    .game-page-grid-d .rg2 {
        grid-area: rg2
    }
}

@media (min-width: 1541px) and (max-width: 1870.9px) {
    .game-page-grid-d {
        --grid-colums: 14;
        grid-template-areas: "... gam gam gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam gam gam b30 b30 b30" "... gam gam gam gam gam gam gam gam gam gam rg1 rg1 ..." "... gam gam gam gam gam gam gam gam gam gam rg1 rg1 ..." "... gam gam gam gam gam gam gam gam gam gam rg2 rg2 ..." "... ... ... ... b72 b72 b72 b72 b72 b72 b72 rg2 rg2 ..."
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-square {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .game-page-grid-d .box-horizontal {
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -moz-box-pack: initial;
        justify-content: normal
    }
}

@media (min-width: 1871px) {
    .game-page-grid-d {
        --grid-colums: 17;
        grid-template-areas: "b16 b16 gam gam gam gam gam gam gam gam gam gam rg1 rg1 b30 b30 b30" "b16 b16 gam gam gam gam gam gam gam gam gam gam rg1 rg1 b30 b30 b30" "b16 b16 gam gam gam gam gam gam gam gam gam gam rg2 rg2 b30 b30 b30" "b16 b16 gam gam gam gam gam gam gam gam gam gam rg2 rg2 ... ... ..." "b16 b16 gam gam gam gam gam gam gam gam gam gam ... ... ... ... ..." "b16 b16 gam gam gam gam gam gam gam gam gam gam ... ... ... ... ..." "... ... ... ... ... b72 b72 b72 b72 b72 b72 b72 ... ... ... ... ..."
    }

    .game-page-grid-d .box-horizontal,
    .game-page-grid-d .box-square,
    .game-page-grid-d .box-vertical {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .game-page-grid-d .box-horizontal {
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -moz-box-pack: initial;
        justify-content: normal
    }
}

.google-revocation-link-placeholder {
    border-radius: 10px;
    margin-top: 15px;
    overflow: hidden
}

/*============================================================*/
.category-title {
    font-weight: 700;
    padding-left: 10px;
}

.game-button__item {
    border: 0;
    outline: 0;
    padding: 10px;
    background: transparent;
    border-radius: 10px;
    color: var(--text-color);
    cursor: pointer;
}

.favorited {
    color: red;
}

.notification-success {
    position: fixed;
    bottom: 12px;
    left: 12px;
    width: fit-content;
    border-radius: 10px;
    box-shadow: 0 -6px 74px 0 rgb(0 0 0 / 0.15);
    animation: show_toastt 1s ease forwards;
    z-index: 9999;
}

@keyframes show_toastt {
    0% {
        transform: translateX(-100%);
    }
    40% {
        transform: translateX(10%);
    }
    80%, 100% {
        transform: translateX(20px);
    }
}

.notification-success .toastt {
    border-radius: 10px;
    border-left: 5px solid #2ecc71;
    background: #fff;
    padding: 8px 12px;
    box-shadow: 1px 7px 14px -5px rgb(0 0 0 / 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-success .toastt .content_toast {
    display: flex;
    gap: 12px;
    align-items: center;
}

.notification-success .toastt.offline {
    border-color: #ccc;
}

.content_notification .details {
    margin-left: 15px;
}

.details span {
    font-size: 20px;
    font-weight: 500;
    color: #878787;
}

.details p {
    color: #878787;
}

.toastt .content_notification {
    display: flex;
    align-items: center;
}

.toastt.offline .content_notification .icon {
    background: #ccc;
}

.bottom-text p,
.page-text p,
.game-description p {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.bottom-text h2,
.page-text h2 {
    font-size: 24px;
    color: #deb52b;
    font-weight: 600;
}

.game-description h2:not([class]) {
    font-size: 24px;
    color: var(--text-highlight);
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.game-description img:not([class]){
	    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
.game-description h3:not([class]),
.page-text h3:not([class]) {
    font-size: 20px;
    color: var(--text-highlight);
    font-weight: 500;
    margin: 0 0 12px;
}

.bottom-text h1,
.page-title-section h1,
.game-heading p {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-color);
}

.tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.game-description ol:not([class]), .game-description ul:not([class]) {
    padding-left: 24px;
    margin-bottom: 8px;
}

.game-description ol li:not([class]), .game-description ul li:not([class]) {
    list-style: disc;
    margin-bottom: 4px
}

.game-description a:not([class]) {
    color: var(--text-highlight);
    text-decoration: underline;
}

.game-description a:not([class]):hover {
    text-decoration: underline;
}

.game-desc-left {
    width: calc(100% - 300px);
    background: var(--bg-component);
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 28px;
    height: fit-content;
    color: var(--text-color);
}

.button-show {
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--text-highlight);
    cursor: pointer;
    padding-top: 16px;
}

#comment-area {
    width: 300px;
}

.view-more {
    background-color: var(--button-color);
    color: white;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

.view-more:hover {
    background: var(--button-hover-color);
}

@media (max-width: 1210px) {
    .game-preview__logo {
        display: none;
    }
}

.flash-container {
    width: 100%;
    height: 100%; 
    position: relative;
	    flex-grow: 1;
}

.flash-container iframe {
    height: 100%;
    display: block;
    position: absolute;
    border: 0;
}

@media (max-width: 1370px) {
    .flash-container {
        width: 100%;
        min-height: 480px;
    }
}

@media (max-width: 768px) {
    body.isMobile .flash-container {
        min-height: 320px;
    }
}

@media (max-width: 890px) {
    .game-description {
        flex-direction: column;
    }

    .game-desc-left {
        width: calc(100% - 32px);
    }

    #comment-area {
        width: 100%
    }
}

@media (max-width: 680px) {
    .game-page-grid-d {
        --grid-colums: 5;
        grid-template-areas:
        "gam gam gam gam gam"
        "gam gam gam gam gam"
        "gam gam gam gam gam"
        "gam gam gam gam gam";
    }
}

@media (max-width: 543px) {
    .game-page-grid-d {
        --grid-colums: 4;
        grid-template-areas:
        "gam gam gam gam"
        "gam gam gam gam"
        "gam gam gam gam"
        "gam gam gam gam";
    }

    .game-bottom-bar {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16px 0;
        gap: 5px;
    }

    .game-item img:first-child {
        display: none !important;
    }

    .game-bottom-bar .game-item {
        align-items: center;
    }

    .game-item__right {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 5px;
    }

    .game-bottom-bar .game-item__right h1 {
        font-size: 21px;
    }

    .game-button__item {
        padding: 5px;
    }

    .game-bottom-bar .game-utility {
        margin-bottom: 5px;
    }
}

@media (max-width: 443px) {
    .game-page-grid-d {
        --grid-colums: 3;
        grid-template-areas:
        "gam gam gam"
        "gam gam gam"
        "gam gam gam"
        "gam gam gam";
    }

    .footer-links {
        flex-direction: column;
    }
}

.game-heading {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-highlight);
    margin-bottom: 10px;
    margin-top: 12px;
}

.close-search-form-mobile {
    position: absolute;
    z-index: 9999;
    right: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.close-search-form-mobile .svg-icon {
    width: 15px;
    height: 15px;
}

.game-obj .game-button__item {
    border: 1px solid #ededed;
    padding: 5px 10px;
    color: var(--text-color);
}

.game-button__item:hover {
}

.btn-share {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5px;
}

.btn-share .svg-icon {
    width: 15px;
    height: 15px;
}


.game-wrapper .play {
        height: 100%;
    flex-direction: column;
    display: flex
;
    flex-grow: 0;
    width: 100%;
}

.s_content {
    background: var(--bg-component);
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 28px;
    height: fit-content;
    color: var(--text-color);
}
