/*
Theme Name: Saga
Theme URI: https://seedthemes.com/item/seed/
Author: SeedThemes
Author URI: https://SeedThemes.com
Description: Starter Theme
Version: 2.1.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
Tags: featured-images, custom-menu
*/


/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - CSS Variables for colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.

Recommended Text Editor: VS Code with these extensions,
1. Live Sass Compiler by Ritwick Dey
2. SFTP by liximomo
3. Prettier by Esben Petersen
4. Format HTML in PHP by rifi2k

===========================================
*/


/*
body {
	border: 5px solid #c00;
}
*/


/*wordpress custom*/

.has-text-align-center {
    text-align: center;
}

.has-text-align-left {
    text-align: center;
}

.has-text-align-right {
    text-align: center;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
    text-align: right;
}

.alignleft {
    float: left;
    text-align: left;
}

.slick-track {
    margin-left: 0;
    margin-right: 0;
}

figure.pro-img img {
    width: 100%!important;
    height: auto!important;
    max-width: 800px;
}

body,
html {
    background-color: unset !important;
}

.x-menu-provider .-nav-menu-container {
    padding-left: 1rem;
    padding-right: 0rem;
}

.x-menu-provider .nav-link .-ic-menu {
    width: unset;
    mix-blend-mode: unset;
}

.x-menu-provider .nav-link.active,
.x-menu-provider .nav-link:focus {
    background: unset;
    box-shadow: unset;
}

.x-menu-provider .nav-link,
.x-menu-provider .nav-link:hover {
    background: unset;
    box-shadow: unset;
}

.x-menu-provider .nav-item {
    margin-top: 0px;
}

.btn-header-menu {
    padding: 0px 5px;
}

.x-header .-menu-wrapper .nav-link {
    height: calc(100% + 0px);
    background: unset;
}

.x-header .-menu-wrapper .nav-link:hover {
    background: rgb(91, 1, 1);
    background: linear-gradient(180deg, rgba(91, 1, 1, 1) 0%, rgba(1, 0, 0, 1) 30%, rgba(0, 0, 0, 0.9532855378479517) 100%);
}

#navbarCategory .nav-item .img2 {
    display: none;
}

#navbarCategory .nav-item.active .img1,
#navbarCategory .nav-item:hover .img1 {
    display: none;
}

#navbarCategory .nav-item.active .img2,
#navbarCategory .nav-item:hover .img2 {
    display: inline;
}

.btn.-btn-header-login {
    box-shadow: unset;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    background-color: unset;
}

.x-header .navbar-brand .-logo {
    width: 65px;
}

.x-main-container .x-main-content,
.x-index-top-container .-bottom-paragraph {
    /* background: rgb(22 62 189); */
    background: linear-gradient(140deg, rgba(189, 152, 56, 1) 0%, rgba(236, 223, 109, 1) 33%, rgba(164, 127, 57, 1) 65%, rgba(159, 119, 50, 1) 100%);
    padding: 10px;
    box-shadow: 1px 1px 9px 4px #4e7193b3;
    /* background-image: url(img/bg-01.png);
    background-size: cover; */
}

.x-main-container .x-main-content,
.x-index-top-container .-bottom-paragraph_1 {
    background: linear-gradient(132deg, #1e2d5c 4%, #091330 29%, #0a1230 64%);
    margin: 3rem auto 4rem;
    padding: 3rem 1rem;
    margin: 0;
    border-radius: 20px;
}

.x-header,
.x-footer .-footer-wrapper {
    /* background: linear-gradient(180deg, #2e2d44, #050508); */
    background: linear-gradient(180deg, #040a21, #040a21);
}

.x-index-top-container {
    background-color: unset;
}

.x-feed-news-header .-feed-news-inner-wrapper {
    background-color: #000;
}

.x-menu-provider.-desktop-view {
    /* background: linear-gradient( 137.32deg, rgb(3 3 3 / 78%) .02%, rgb(4 4 4) 99.96%); */
    background: linear-gradient( 137.32deg, #040a21 .02%, #040a21 99.96%);
}

.x-index-top-container .-bottom-paragraph .-cover {
    max-width: 200px;
}


/* header */

.site {
    position: relative;
    min-height: 100vh;
}

.site-nav-m.active {
    height: 100vh;
    left: 0;
    background-image: -webkit-linear-gradient(55deg, #252525 10%, #000 80%);
    background-image: -o-linear-gradient(55deg, var(#252525) 10%, #000 80%);
    background-image: linear-gradient(35deg, var(#252525) 10%, #000 80%);
    -webkit-overflow-scrolling: touch;
    opacity: 1;
}

.site-nav-m {
    --s-bg: #111;
    --s-text: #eee;
    --s-line: rgba(53, 53, 53, .3);
}

.site-nav-m {
    padding: 1px;
    font-size: 17px;
    position: fixed;
    display: block;
    z-index: 991;
    left: -100%;
    top: 0;
    height: 0;
    opacity: 0;
    width: 16%;
    background: 0 0;
    overflow: overlay;
    /*-webkit-transition: left .1s ease;
    -o-transition: left .1s ease;
    transition: left .1s ease;*/
}

.site-nav-m {
    --s-bg: #111;
    --s-text: #eee;
    --s-line: rgba(53, 53, 53, .3);
}

.site-nav-m li {
    list-style: none;
    padding: 0;
    position: relative;
    color: var(--s-text);
    border-bottom: 1px solid var(--s-line);
}

.site-nav-m li.current-menu-item>a {
    color: var(--s-accent-hover);
}

.site-nav-m li a {
    display: block;
    color: var(--s-text);
    padding: 10px 0;
    width: 80%;
}

.site-nav-m li a img {
    width: 32px;
    margin-right: 5px;
}

.site .-overlay {
    --s-accent-dark: rgba(37, 37, 37, .8);
    --s-accent-darker: rgba(17, 17, 17, .5);
}

.site .-overlay.active {
    display: block;
    z-index: 990;
}

.site .-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 55;
    background: -webkit-linear-gradient(45deg, var(--s-accent-dark), var(--s-accent-darker));
    background: -o-linear-gradient(45deg, var(--s-accent-dark), var(--s-accent-darker));
    background: linear-gradient(45deg, var(--s-accent-dark), var(--s-accent-darker));
}

.custom-logo {
    width: 46%;
    padding: 15px;
}

.maple-logo {
    padding-left: 10px;
    padding-right: 15px;
    margin-top: 8px;
}


/* index */

.x-index-top-container .-index-inner-wrapper .-heading-wrapper {
    padding: 4px 1rem;
}

.the-post {
    background-color: #000;
    /* border: 1px solid #0c00ff; */
}

.x-hot-games-container .-inner-heading-wrapper .-title,
.p-title {
    background: linear-gradient(127deg, #dec667, #a58444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.-btn-primary-linear {
    min-width: 250px;
    padding: .75rem 1rem;
    background-image: linear-gradient(130deg, #1e1d2c, #16151d, #13131f, #1d1c2a 50%, #1e1d2d 80%, #2a293e 90%, #1c1b29);
    background-size: 200%;
    background-position: 0;
    border: none;
    border-radius: 30px;
    transition: background-position 1s;
}

.-btn-primary-linear:hover {
    background-image: linear-gradient(130deg, #292835, #282734, #212129, #161630 50%, #1e1d2d 80%, #2a293e 90%, #1c1b29);
}

.read-more {
    margin: auto;
    padding-top: 1rem;
}


/* modal */

.x-modal .-modal-content {
    /* background: linear-gradient(180deg, #a60404 7%, #000000 69%); */
    background-image: url(new-asset/img/bg.png?v=1);
    background-size: cover;
}

.first-element li:first-child {
    margin-left: 78px;
}

.rhombus.first-element .step2 {
    width: 22.3%;
    margin-top: 0.6rem;
}

.first-element-2 {
    padding-right: 82px;
}

.rhombus.first-element .step1 {
    width: 22%;
}

.rhombus.first-element .step1 img {
    width: 141%;
}

.rhombus.first-element-3 .step1 {
    width: 24%;
}

.rhombus.first-element-3 .step1 img {
    width: 141%;
}

.rhombus .step2 {
    width: 24%;
}

.rhombus .step2 img {
    width: 141%;
}

.first-element-3 .step2 {
    margin-top: 0.6rem;
}

.first-element-3 .step2:nth-child(5) {
    margin-left: -88px;
}

.x-modal .-modal-content .-modal-body .-submit {
    background-image: url(img/ezcasino-submit-bg.png);
}

#accountModal .-modal-content .-modal-body .-submit {
    background-image: url(img/confirm.png);
    min-width: auto !important;
}

.x-login-form .x-reset-pw-text-container a,
.x-text-with-link-component .-link-message {
    color: #fff;
}

.hot-casino {
    text-align: left;
    margin-left: 166px;
}

.hot-casino-title {
    font-size: 4rem;
    line-height: 0.9;
}

.hot-casino-detail {
    font-size: 1.7rem;
    line-height: 1;
}

.thewomen {
    width: 121%;
}

.the-jinny {
    width: 100%;
}


/* conntent*/

#top-menu-mobile li {
    width: 18.6%;
    margin: 5px 5px;
    background-color: #040a21;
    text-align: center;
    font-size: 9px;
    border-radius: 10%;
}

#top-menu-mobile li img {
    width: 100%;
    padding: 7px 5px
}

#top-menu-mobile ul {
    flex-flow: row wrap;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
    justify-content: center;
    margin-bottom: 0;
}

.-btn {
    min-width: 120px;
    padding: 10px;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.-btn-demo {
    margin-top: 0.75rem;
    color: #fff;
    background: rgb(225 49 49 / 50%);
    border: 1px solid hsla(0, 0%, 100%, .8);
    position: absolute;
    margin: -114px 68px;
}

.pagination .next,
.pagination .prev {
    background-color: #fc6565;
}

.pagination .page-numbers {
    padding: 0 5px;
}

.pagination .page-numbers.disabled {
    color: #afafaf;
    background: #ededed;
}

.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    /* padding: 0; */
    color: #ffffff;
    background-color: #5a0208;
    border: none;
    border-radius: 6px;
    transition: all .3s;
    margin: 2px;
}

.pagination .page-numbers.current {
    background-color: #88040d;
}

a.page-numbers:hover {
    background-color: #88040d;
}

.pagination .next,
.pagination .prev {
    background-color: #fc6565;
}


/* Footer  */

.x-contact-directly {
    margin-left: 0rem;
    margin-top: 0rem;
}

.x-footer .-footer-inner-wrapper .-provider-wrapper {
    flex: 0 0 31%;
}

.x-footer .-footer-inner-wrapper .-content-wrapper .-title {
    color: #394db6;
}

.x-checkbox-primary .form-check input[type=checkbox]+label:after {
    background-image: url(img/casino-ic-checkmark.9f16ccca.png);
}

.x-checkbox-primary .form-check {
    padding-left: 0;
    top: 5px;
}

.x-main-container .x-main-content {
    padding-top: 50px;
}

.advice-container .nav-pills .nav-link {
    color: #fff;
    background: rgb(33, 23, 23);
    background: -moz-linear-gradient(0deg, rgba(33, 23, 23, 1) 0%, rgba(61, 11, 10, 1) 50%, rgba(61, 11, 10, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(33, 23, 23, 1) 0%, rgba(61, 11, 10, 1) 50%, rgba(61, 11, 10, 1) 100%);
    background: linear-gradient(0deg, rgba(33, 23, 23, 1) 0%, rgba(61, 11, 10, 1) 50%, rgba(61, 11, 10, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#211717", endColorstr="#3d0b0a", GradientType=1);
    margin: 2px;
    cursor: pointer;
    transition-duration: .3s;
    padding: 10px;
}

.advice-container .nav-pills .nav-link.active,
.advice-container .nav-pills .nav-link:hover {
    color: #fff;
    background: rgb(194, 56, 110);
    background: -moz-linear-gradient(0deg, rgba(194, 56, 110, 1) 0%, rgba(194, 93, 85, 1) 50%, rgba(194, 128, 62, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(194, 56, 110, 1) 0%, rgba(194, 93, 85, 1) 50%, rgba(194, 128, 62, 1) 100%);
    background: linear-gradient(0deg, rgba(194, 56, 110, 1) 0%, rgba(194, 93, 85, 1) 50%, rgba(194, 128, 62, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#c2386e", endColorstr="#c2803e", GradientType=1);
}

.advice-content {
    background: linear-gradient(137.32deg, rgb(3 3 3 / 78%) .02%, rgb(4 4 4) 99.96%);
    padding: 15px;
}

.-x-input-icon .-icon.-right {
    left: auto;
    right: 18px;
}

.-x-input-icon.-right .form-control {
    width: 100%;
    padding-right: 45px;
    padding-left: 15px;
}

.advice-table {
    border-radius: 20px;
}

.advice-td-title {
    background-color: #2a293f;
}

.advice-table tr td {
    border: 2px solid #77a5eb;
    padding: 5px;
}

.advice-td-headtr tr td {
    border: 2px solid #77a5eb;
    padding: 5px;
}

.db-table tr td {
    border: 1px solid #77a5eb;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #fff!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff!important;
}

table.dataTable tbody tr {
    background-color: #fff0!important;
}

.x-checkbox-primary .form-check input[type=checkbox]+label {
    position: initial;
    padding-left: 25px!important;
    color: #eb77cf;
}

.edit_login .x-form-control {
    border: 0px solid #77a5eb;
    background-color: #171627;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
    border-radius: 45px;
}

.edit_login .-modal-header {
    background-color: #171627;
}

.edit_login .-modal-content {
    border: 0px;
    box-shadow: 0 0 15px #828385e3;
}

.edit_login .-modal-content .-modal-body {
    padding: 50px 20px;
    padding-top: 0;
}

.edit_login .-modal-content .-modal-header {
    padding: 20px 2rem;
}

.edit_login .-modal-content .-modal-body #login-btn {
    background-image: url(/wp-content/themes/ezcasino/img/sagaLogin/icon-log-in-03.png);
    width: 50%;
    height: 60px;
    -webkit-filter: saturate(1);
    filter: saturate(1);
}

.edit_login .-modal-content .-modal-body .-submit:not([disabled]):hover {
    -webkit-filter: saturate(1.3);
    filter: saturate(1.3);
}

.edit_login .x-reset-pw-text-container a,
.edit_login .-link-message {
    color: #bf0000;
}

.edit_login .btn.x-btn-register.-small:after,
.edit_login .btn.x-btn-register.-small:before {
    border-radius: 20px;
}

.edit_login .btn.x-btn-register:before {
    box-shadow: 0 0 5px #0f9cda;
}

.edit_login .btn.x-btn-register:after {
    box-shadow: 0 0 5px 3px #0abaeba6;
}

.-bank-info-container {
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 0.75rem;
    background-color: hsla(0, 0%, 100%, .1);
    width: 60%;
}

.x-card .-img-container .-img {
    transition-duration: .2s;
}

.x-card .-img-container .-img-no-accept-promotion {
    margin-top: 0;
}

.footer-icon {
    display: contents;
    flex-wrap: wrap;
}

.footer-icon .nav-item {
    width: 6.6666667%;
}

.footer-icon .nav-item img {
    width: 100%;
}

@media screen and (min-width: 1199.98px) and (max-width: 999999999.98px) {
    .footer-icon {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1199.98px) {
    .x-footer .-footer-inner-wrapper .-provider-wrapper {
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 991.98px) {
    .footer-icon .nav-item {
        width: 11.1111111%;
    }
    .x-header #headerBrand {
        width: 96px !important;
    }
    .first-element li:first-child {
        margin-left: 166px;
    }
    .first-element {
        margin-left: 0px;
    }
    .rhombus .step1 {
        width: 151px;
    }
    .rhombus .step2 {
        width: 24%;
    }
    .rhombus.first-element li:nth-child(4) {
        margin-left: 84px;
    }
    .rhombus.first-element .step1 {
        width: 24%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element .step2 {
        width: 24%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(4) {
        margin-left: 84px;
    }
    .rhombus.first-element-3 .step1 {
        width: 24%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 .step2 {
        width: 24%;
        margin-top: 0.6rem;
    }
    .x-main-container .x-main-content {
        padding-top: 0px;
    }
    .mobile-menu {
        background: linear-gradient(180deg, #050508, #050508);
    }
    .mobile-menu .nav-item {
        width: 25%;
        text-align: center;
    }
    .x-menu-provider .-nav-menu-container {
        padding-left: 0rem;
    }
    .x-menu-provider .nav-item:not(:last-child) {
        margin-bottom: 0rem;
    }
    .x-menu-provider .nav-link .-ic-menu {
        mix-blend-mode: unset;
    }
    .x-index-top-container .-games-provider-wrapper .-menu-index-page {
        background: linear-gradient(270deg, #383753, #161527);
    }
    .nav-link {
        padding: .5rem 0rem;
    }
    .x-footer .-footer-inner-wrapper .-provider-wrapper {
        flex: 0 0 100%;
    }
    .x-index-top-container .-bottom-paragraph .-text {
        font-size: 15px;
    }
    .x-index-top-container .-bottom-paragraph .-text.-paragraph {
        font-size: 12px;
    }
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        padding: 0 0px;
    }
    .x-index-top-container .-index-inner-wrapper .-banner-wrapper {
        margin-top: 2px;
    }
    #account-actions-mobile .-center-wrapper {
        padding-bottom: 0px;
    }
    #account-actions-mobile .-center-wrapper .-selected {
        background-size: 82px;
        background-position: -4px -5px;
    }
    .x-category-provider .-games-list-container .nav .nav-item.-game-slot-macro-container {
        margin: 0.5rem 0 0.25rem;
    }
    .site-nav-m {
        width: 70%;
    }
    .x-header {
        height: 90px;
        padding: 0.25rem 1rem;
    }
    .mobile-meplepro-img {
        width: 20%;
    }
    .rhombus.first-element-3 li:nth-child(1) {
        margin-left: 170px;
    }
    .first-element-3 .step2:nth-child(5) {
        margin-left: 0px;
    }
}

.x-logged .-balance-container .-btn-balance {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
}

@media screen and (max-width: 767.98px) {
    .footer-icon .nav-item {
        width: 16.666666%;
    }
    .x-category-provider .-games-list-container .nav .nav-item.-game-casino-macro-container:nth-child(3) {
        width: 50%;
    }
    .x-hot-games-container .-inner-heading-wrapper {
        padding-left: 0rem;
    }
    .mobile-meplepro-img {
        width: 25%;
    }
    .-ic-menu {
        max-width: 30px;
        max-width: 80px;
        margin: 0 auto;
        display: block;
    }
    .x-main-container .x-main-content {
        padding: 0;
    }
    .first-element li:first-child {
        margin-left: 114px;
    }
    .rhombus.first-element .step1 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element li:nth-child(4) {
        margin-left: 3.7rem;
    }
    .rhombus.first-element .step2 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element li:nth-child(7) {
        margin-left: 0.2rem;
    }
    .rhombus.first-element-3 .step1 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(1) {
        margin-left: 116px;
    }
    .rhombus.first-element-3 li:nth-child(4) {
        margin-left: 3.7rem;
    }
    .first-element-3 .step2:nth-child(5) {
        margin-left: 1px;
    }
    .rhombus.first-element-3 .step2 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(7) {
        margin-left: 0.2rem;
    }
    .hot-casino {
        text-align: left;
        margin-left: 90px;
    }
    .hot-casino-title {
        font-size: 2rem;
        line-height: 0.9;
    }
    .hot-casino-detail {
        font-size: 0.7rem;
        line-height: 1;
    }
}

@media screen and (max-width: 684.98px) {
    .mobile-meplepro-img {
        width: 30%;
    }
    .imgwrap img,
    figure img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 443.98px) {
    .-games-index-page {
        width: 75%;
    }
    .x-footer .-footer-inner-wrapper .-describe-wrapper .-banner-icon-wrapper .-ic-banner {
        width: 65px;
    }
    .x-footer .-footer-inner-wrapper .-describe-wrapper {
        min-width: 270px;
    }
    .x-index-top-container .-bottom-paragraph .-text.-paragraph {
        font-size: 11px;
    }
    .x-index-top-container .-bottom-paragraph .-text {
        font-size: 14px;
    }
    .-text-bacara {
        font-size: 14px;
    }
    .x-footer-seo .-tags .btn {
        font-size: 11px;
    }
    #account-actions-mobile .-item-wrapper .-text {
        font-size: 11px;
    }
    .mobile-meplepro-img {
        width: 45%;
    }
    .advice-td-title,
    .advice-table tr td {
        font-size: 12px;
    }
    .advice-container .nav-pills .nav-link {
        font-size: 12px;
    }
}

@media screen and (max-width: 391.98px) {
    .-allgame {
        font-size: 13px;
    }
    .first-element li:first-child {
        margin-left: 78px;
    }
    .mobile-meplepro-img {
        width: 65%;
    }
    .rhombus.first-element li:nth-child(1) {
        margin-left: 64px;
    }
    .rhombus.first-element .step1 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element li:nth-child(4) {
        margin-left: 2.6rem;
    }
    .rhombus.first-element .step2 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(1) {
        margin-left: 87px;
    }
    .rhombus.first-element li:nth-child(7) {
        margin-left: 10px;
    }
    .rhombus.first-element-3 .step1 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(4) {
        margin-left: 2.9rem;
    }
    .rhombus.first-element-3 .step2 {
        width: 22%;
        margin-top: 0.6rem;
    }
    .rhombus.first-element-3 li:nth-child(7) {
        margin-left: 6px;
    }
    .first-element-3 .step2:nth-child(5) {
        margin-left: -1px;
    }
    .hot-casino {
        text-align: left;
        margin-left: 90px;
    }
    .hot-casino-title {
        font-size: 2rem;
        line-height: 0.9;
    }
    .hot-casino-detail {
        font-size: 0.7rem;
        line-height: 1;
    }
}

@media screen and (max-width: 350px) {
    .dataTables_wrapper {
        width: 300px;
        flex: 0 0 auto;
    }
}