/* NAVBAR FOOTER*/
@media screen and (min-width: 1056px) {
    .mobile-navbar {
        display: none;
    }
}

@media screen and (min-width: 475px) and (max-width: 1055PX) {

    .page-play,
    .login-wrap,
    .usermenu-wrap {
        display: none;
    }

    body,
    .transaction-body,
    .events-body,
    .message.body,
    .bonus-body,
    .notice-body,
    .slotgames-body,
    .balancecomp-body,
    .verify-body,
    .game-category-body {
        padding-top: 0;
    }

    .ticker-container {
        background: linear-gradient(to bottom, #565757 0%, #262626 30px, #131313 30px, #000000 100%);
    }

    .notice-container li {
        line-height: 27px;
    }

    .dropdown-menu {
        border: none;
        right: 0;
    }

    .dropdown-item {
        text-align: left;
        padding-left: 5px;
    }

    .nav-item {
        width: 15%;
        float: left;
    }

    .navbar-nav {
        flex-direction: row;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

@media screen and (min-width: 300px) and (max-width: 474px) {

    .page-play,
    .login-wrap,
    .usermenu-wrap {
        display: none;
    }

    body,
    .transaction-body,
    .events-body,
    .message.body,
    .bonus-body,
    .notice-body,
    .slotgames-body,
    .balancecomp-body,
    .verify-body,
    .game-category-body {
        padding-top: 0;
    }

    .ticker-container {
        background: linear-gradient(to bottom, #565757 0%, #262626 30px, #131313 30px, #000000 100%);
    }

    .notice-container li {
        line-height: 27px;
    }

    .dropdown-menu {
        border: none;
        right: 0;
    }

    .dropdown-item {
        text-align: left;
        padding-left: 5px;
    }

    .nav-item {
        width: 14%;
        float: left;
    }

    .navbar-nav {
        flex-direction: row;
    }
}

@media screen and (min-width: 0px) and (max-width: 299px) {

    .page-play,
    .login-wrap,
    .usermenu-wrap {
        display: none;
    }

    body,
    .transaction-body,
    .events-body,
    .message.body,
    .bonus-body,
    .notice-body,
    .slotgames-body,
    .balancecomp-body,
    .verify-body,
    .game-category-body {
        padding-top: 0;
    }

    .ticker-container {
        background: linear-gradient(to bottom, #565757 0%, #262626 30px, #131313 30px, #000000 100%);
    }

    .notice-container li {
        line-height: 27px;
    }

    .dropdown-menu {
        border: none;
        right: 0;
    }

    .dropdown-item {
        text-align: left;
        padding-left: 5px;
    }

    .nav-item {
        width: 13.5%;
        float: left;
    }

    .navbar-nav {
        flex-direction: row;
    }
}
@media screen and (min-width: 776px) and (max-width: 809px){
    .change-pw-title-mobile{
        font-size: 12px;
    }
}
@media screen and (min-width: 680px) and (max-width: 809px) {
    .nav-item {
        padding-left: 0;
    }

    .img-nav {
        width: 70px;
    }

    .navbar-brand {
        width: 100%;
    }

    .mobile-login-item {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .mobile-login-logout-item-a {
        width: 41%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 29%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 29%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        max-width: 35px;
    }

    .mobile-user-welcome {
        font-size: 12px;
        margin-left: 5px;
        margin-right: 0px;
    }

    .mobile-buttonLogout {
        padding: 5px;
        max-width: 80px;
        font-size: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .mobile-menu-button {
        max-width: 45%;
        font-size: 13px;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
        text-align: center;
    }
}

@media screen and (min-width: 570px) and (max-width: 679px) {
    .nav-item {
        padding-left: 0;
    }

    .navbar-nav {
        padding-left: 30px;
    }

    .img-nav {
        width: 50px;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding: 10px;
    }

    .mobile-login-item {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

    .mobile-login-input {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

    .mobile-buttonLogin {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2px;
    }

    .mobile-buttonSignup {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .slide-img {
        height: 170px;
    }

    .mobile-login-logout-item-a {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        width: 10%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-user-welcome {
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .mobile-buttonLogout {
        padding: 5px;
        width: 100%;
        max-width: 100px;
        font-size: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .mobile-menu-button {
        width: 100%;
        max-width: 47%;
        font-size: 13px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

@media screen and (min-width: 475px) and (max-width: 569px) {
    .nav-item {
        padding-left: 0;
    }

    .navbar-nav {
        padding-left: 0px;
    }

    .dropdown-menu {
        min-width: 120px;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .img-nav {
        width: 50px;
    }

    .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding: 10px;
    }

    .mobile-login-item {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-login-input {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

    .mobile-buttonLogin {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2px;
    }

    .mobile-buttonSignup {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .slide-img {
        height: 140px;
    }

    .mobile-login-logout-item-a {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        width: 10%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-user-welcome {
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .mobile-buttonLogout {
        padding: 5px;
        width: 100%;
        max-width: 100px;
        font-size: 11px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }

    .mobile-menu-button {
        width: 100%;
        max-width: 46%;
        font-size: 13px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

@media screen and (min-width: 400px) and (max-width: 474px) {
    .nav-item {
        padding-left: 0;
    }

    .navbar-nav {
        padding-left: 0px;
    }

    .dropdown-menu {
        min-width: 100px;
    }

    .dropdown-item {
        font-size: 10px;
    }

    #dropdown-last {
        min-width: 117%
    }

    .img-nav {
        width: 40px;
    }

    .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .mobile-login-item {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-login-input {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-size: 15px;
    }

    .mobile-buttonLogin {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2px;
        margin-top: 3px;
        font-size: 13px;
    }

    .mobile-buttonSignup {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        font-size: 13px;
        padding: 2px;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .slide-img {
        height: 120px;
    }

    .mobile-login-logout-item-a {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        width: 10%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-user-welcome {
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .mobile-buttonLogout {
        padding: 5px;
        width: 100%;
        max-width: 100px;
        font-size: 11px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }

    .mobile-menu-button {
        width: 100%;
        max-width: 45.5%;
        font-size: 12px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

@media screen and (min-width: 333px) and (max-width: 399px) {
    .nav-item {
        padding-left: 0;
    }

    .navbar-nav {
        padding-left: 0px;
    }

    .dropdown-menu {
        min-width: 90px;
    }

    .dropdown-item {
        font-size: 9px;
    }

    #dropdown-last {
        min-width: 120%
    }

    .img-nav {
        width: 38px;
    }

    .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .mobile-login-item {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-login-input {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-size: 15px;
    }

    .mobile-buttonLogin {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        margin-bottom: 2px;
        font-size: 13px;
    }

    .mobile-buttonSignup {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-size: 13px;
        padding: 2px;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .slide-img {
        height: 100px;
    }

    .mobile-login-logout-item-a {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        width: 10%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-user-welcome {
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .mobile-buttonLogout {
        padding: 5px;
        width: 100%;
        max-width: 100px;
        font-size: 11px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }

    .mobile-menu-button {
        width: 100%;
        max-width: 47%;
        font-size: 12px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-btn-prof {
        margin-left: 10px;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

@media screen and (min-width: 0px) and (max-width: 332px) {
    .nav-item {
        padding-left: 0;
    }

    .navbar-nav {
        padding-left: 0px;
    }

    .dropdown-menu {
        min-width: 90px;
    }

    .dropdown-item {
        font-size: 9px;
    }

    #dropdown-last {
        min-width: 124%
    }

    .img-nav {
        width: 38px;
    }

    .navbar-brand {
        width: 100%;
        margin-right: 0;
        padding: 10px;
    }

    .mobile-login-item {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-login-input {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-size: 15px;
    }

    .mobile-buttonLogin {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2px;
        margin-top: 3px;
        font-size: 13px;
    }

    .mobile-buttonSignup {
        width: 100%;
        max-width: 45%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        font-size: 13px;
    }

    .ml-auto {
        margin-right: 10px !important;
    }

    .mobile-login-logout-item-a {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-login-logout-item-b {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center;
    }

    .mobile-login-logout-item-c {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobile-user-img {
        width: 10%;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-user-welcome {
        font-size: 13px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .mobile-buttonLogout {
        padding: 5px;
        width: 100%;
        max-width: 100px;
        font-size: 11px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }

    .mobile-menu-button {
        width: 100%;
        max-width: 48%;
        font-size: 12px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-btn-prof {
        margin-left: 10px;
    }
    .find-id-pw-title-mobile {
        font-size: 15px;
    }
}

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

    .header-menuright-img,
    .header-menuright-imga {
        margin-right: 0;
    }

    #header-menuright {
        text-align: justify;
        -moz-text-align-last: justify;
        -ms-text-align-last: justify;
        text-align-last: justify;
    }
}

@media screen and (min-width: 1360px) and (max-width: 1685px) {

    #header-space:before,
    #header-space:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 87px;
        width: 8%;
        z-index: 100;
    }
}

@media screen and (min-width: 1260px) and (max-width: 1359px) {

    #header-space:before,
    #header-space:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 87px;
        width: 5%;
        z-index: 100;
    }
}

@media screen and (min-width: 1055px) and (max-width: 1259px) {

    #header-space:before,
    #header-space:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 87px;
        width: 5%;
        z-index: 100;
    }
    .header-menuleft-imga {
        padding: 2px 0px;
    }
    .header-menuright-img,
    .header-menuright-imga {
        padding: 2px 0px;
    }
}

/*@media screen and (min-width: 810px) and (max-width: 945px) {

    #header-space:before,
    #header-space:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 87px;
        width: 5%;
        z-index: 100;
    }

    #header-menuleft {
        margin-left: 20px;
    }
    .header-menuleft-imga {
        padding: 2px 0px;
    }
    #header-menuright {
        width: 36%;
    }

    .header-menuright-img,
    .header-menuright-imga {
        padding: 0px;
    }
}

/* NAVBAR */
@media screen and (max-width: 1180px) {
    .navbarlogo {
        width: 100%;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* FOOTER */
@media screen and (min-width: 1005px) and (max-width: 1180px) {
    .column-payments {
        width: 45%;
    }

    .column-quick-service {
        width: 35%;
    }

    .footer-navbar {
        font-size: 17px;
    }
}

@media screen and (min-width: 775px) and (max-width: 1004px) {
    .column-payments {
        width: 40%;
        padding-left: 20px;
    }

    .column-quick-service {
        width: 40%;
    }

    .footer-navbar {
        font-size: 15px;
    }
}

@media screen and (min-width: 576px) and (max-width: 774px) {
    .column-payments {
        width: 36%;
        padding-left: 10px;
    }

    .column-quick-service {
        width: 43%;
    }

    .footer-navbar {
        font-size: 11.5px;
        padding-top: 0;
    }

    .footer-navbar p {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 500px) and (max-width: 575px) {
    .column-payments {
        width: 40%;
        padding-left: 30px;
    }

    .column-quick-service {
        width: 40%;
    }

    .footer-navbar {
        font-size: 9px;
        padding-top: 0px;
    }

    .footer-navbar p {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 400px) and (max-width: 499px) {
    .column-payments {
        width: 100%;
        padding-left: 0px;
    }

    .column-logo {
        width: 100%;
    }

    .column-quick-service {
        width: 100%;
        padding-top: 5px;
    }

    .payments-logo {
        max-width: 300px;
    }

    .footer-logo-img {
        max-width: 180px;
        max-height: 170px;
    }

    .footer-navbar {
        font-size: 13px;
    }
}

@media screen and (min-width: 0px) and (max-width: 399px) {
    .column-payments {
        width: 100%;
        padding-left: 0px;
    }

    .column-logo {
        width: 100%;
    }

    .column-quick-service {
        width: 100%;
        padding-top: 5px;
    }

    .payments-logo {
        max-width: 250px;
    }

    .footer-logo-img {
        max-width: 130px;
        max-height: 130px;
    }

    .footer-navbar {
        font-size: 12px;
    }

    .footer-navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .footer-game-logos {
        height: 20px;
    }
}

/* NOTICE HEADLINE */
@media screen and (max-width: 1125px) {
    .notice-container ul li a {
        font-size: 13px;
    }
}

@media screen and (min-width: 810px) and (max-width: 1260px) {
    .dropdown-menu {
        left: initial;
        right: 0;
    }

    .dropdown-menu-left {
        left: 0;
    }
}

@media screen and (max-width: 600px) {
    .notice-container ul li a {
        font-size: 13px;
    }
}


/* REGISTER Responsive layout
@media screen and (min-width: 530px) and (max-width: 755px){
    .id-confirm{
        position: relative;
        left: -40%;
    }
}
@media screen and (min-width: 460px) and (max-width: 529px){
    .id-confirm{
        position: relative;
        left: -38%;
    }
}
@media screen and (min-width: 400px) and (max-width: 459px){
    .id-confirm{
        position: relative;
        left: -36%;
    }
}
@media screen and (min-width: 52px) and (max-width: 399px){
    .id-confirm{
        position: relative;
        left: -34%;
    }
}*/
@media screen and (min-width: 1701px) and (max-width: 1900px) {
    .history-pop-container {
        height: 650px;
    }
}

@media screen and (min-width: 1550px) and (max-width: 1700px) {
    .reg-modal-content {
        width: 50%;
    }

    .register-container {
        width: 99%;
    }

    .partner-user-modal-content {
        width: 40%;
    }

    .faq-user-modal-content {
        width: 45%;
    }

    .balcomp-user-modal-content {
        width: 40%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 50%;
    }

    .history-pop-container {
        height: 640px;
    }

   
}

@media screen and (min-width: 1001px) and (max-width: 1549px) {
    .reg-modal-content {
        width: 65%;
    }

    .register-container {
        width: 99%;
    }

    .register-container {
        height: 900px;
    }
}

@media screen and (min-width: 1470px) and (max-width: 1549px) {
    .partner-user-modal-content {
        width: 40%;
    }

    .faq-user-modal-content {
        width: 45%;
    }

    .balcomp-user-modal-content {
        width: 40%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 50%;
    }

    .history-pop-container {
        height: 640px;
    }

    .profile-user-modal-content {
        width: 35%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1469px) {
    .partner-user-modal-content {
        width: 50%;
    }

    .faq-user-modal-content {
        width: 45%;
    }

    .balcomp-user-modal-content {
        width: 50%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 55%;
    }

    .history-pop-container {
        height: 640px;
    }

    .profile-user-modal-content {
        width: 40%;
    }
}

@media screen and (min-width: 1070px) and (max-width: 1199px) {
    .partner-user-modal-content {
        width: 55%;
    }

    .faq-user-modal-content {
        width: 45%;
    }

    .balcomp-user-modal-content {
        width: 50%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 70%;
    }

    .history-pop-container {
        height: 640px;
    }

    .profile-user-modal-content {
        width: 40%;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1069px) {
    .partner-user-modal-content {
        width: 60%;
    }

    .faq-user-modal-content {
        width: 50%;
    }

    .balcomp-user-modal-content {
        width: 55%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 75%;
    }

    .history-pop-container {
        height: 640px;
    }

    .profile-user-modal-content {
        width: 45%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    .reg-modal-content {
        width: 80%;
    }

    .register-container {
        width: 99%;
    }

    .partner-user-modal-content {
        width: 80%;
    }

    .faq-user-modal-content {
        width: 80%;
    }

    .balcomp-user-modal-content {
        width: 55%;
    }

    .balcomp-pop-container {
        height: 820px;
    }

    .history-user-modal-content {
        width: 80%;
    }

    .history-pop-container {
        height: 640px;
    }

    .profile-user-modal-content {
        width: 45%;
    }

    .messages-container {
        width: 85%;
    }

    .pagemessages-container {
        height: 850px;
    }

    .pagenotice-container {
        height: 700px;
    }

    .noticenum {
        font-size: 20px;
    }

    .transaction-container {
        width: 85%;
    }

    .pagedt-container {
        height: 600px;
    }

    .pagewd-container {
        height: 600px;
    }

    .pagetf-container {
        height: 500px;
    }

    .events-container {
        width: 85%;
    }

    .pageevents-container {
        height: 650px;
    }

    .pagebonusform-container {
        height: 450px;
    }
}
@media screen and (min-width: 601px) and (max-width: 627px) {
    .register-container {
        height: 500px;
    }
}
@media screen and (min-width: 319px) and (max-width: 599px) {
    .pagedt-container {
        width: 100%;
        height: 570px;
    }

    .pagewd-container {
        width: 100%;
        height: 540px;
    }

    .pagetf-container {
        width: 100%;
        height: 500px;
    }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    .reg-modal-content {
        width: 97%;
    }

    .register-container {
        width: 99%;
    }

    .partner-user-modal-content {
        width: 97%;
    }

    .faq-user-modal-content {
        width: 97%;
    }

    .balcomp-user-modal-content {
        width: 88%;
    }

    .balcomp-pop-container {
        max-width: 99%;
        height: 820px;
    }

    .history-user-modal-content {
        width: 95%;
    }

    .history-pop-container {
        height: 640px;
    }

    .history-wrap {
        max-width: 90%;
    }

    .profile-user-modal-content {
        width: 88%;
    }

    .messages-container {
        width: 85%;
    }

    .pagemessages-container {
        height: 850px;
    }

    .pagenotice-container {
        height: 700px;
    }

    .noticenum {
        font-size: 20px;
    }

    .transaction-container {
        width: 97%;
    }

    .pagedt-container {
        width: 100%;
        height: 570px;
    }

    .pagewd-container {
        width: 100%;
        height: 550px;
    }

    .pagetf-container {
        width: 100%;
        height: 480px;
    }

    .events-container {
        width: 97%;
    }

    .pageevents-container {
        width: 100%;
        height: 650px;
    }

    .pagebonusform-container {
        width: 100%;
        height: 340px;
    }

    .messages-container {
        width: 97%;
    }

    .inbox,
    .inbox-table,
    .inbox-reply td,
    .mess-sender,
    .events-table td,
    .events-table th {
        font-size: 12px;
    }

    .confirm_btn,
    .mess_submit,
    .cancel,
    .bonus-submit {
        height: 30px;
    }

    .events-table td,
    .events-table th {
        padding: 5px;
    }

    .pagination a {
        padding: 8px 8px;
    }

    .pagenotice-container {
        width: 100%;
        height: 300px;
    }
}

@media screen and (min-width: 0px) and (max-width: 599px) {

    .inbox,
    .inbox-table,
    .mess-sender,
    .inbox-reply td,
    .events-table td,
    .events-table th {
        font-size: 12px;
    }

    .confirm_btn,
    .mess_submit,
    .cancel,
    .bonus-submit {
        height: 30px;
    }

    .mess-td-width,
    .reply-td {
        width: 50px;
    }

    .events-table td,
    .events-table th {
        padding: 5px;
    }

    .pagination a {
        padding: 8px 8px;
    }

    .pageevents-container {
        width: 100%;
        height: 400px;
    }
}

@media screen and (min-width: 0px) and (max-width: 899px) {
    .note-let-table th {
        font-size: 15px;
    }

    .note-let-table td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .notice-content,
    .noticedate {
        font-size: 15px;
    }

    .notice-content {
        height: 250px;
    }
}

@media screen and (min-width: 0px) and (max-width: 499px) {}

@media screen and (min-width: 811px) and (max-width: 899px) {
    .balcomp-user-modal-content {
        width: 75%;
    }

    .balcomp-pop-container {
        max-width: 100%;
        height: 820px;
    }

    .balcomp-wrap {
        max-width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 599px) {
    .balcomp-user-modal-content {
        width: 88%;
    }

    .balcomp-pop-container {
        max-width: 99%;
        height: 600px;
    }

    .head-title {
        font-size: 18px;
    }

    .history-user-modal-content {
        width: 88%;
    }

    .history-pop-container {
        max-width: 100%;
        height: 590px;
    }

    .profile-user-modal-content {
        width: 88%;
    }

    .profile-pop-container {
        max-width: 100%;
        height: 420px;
    }

    .faq-user-modal-content {
        width: 98%;
    }

    .faq-pop-container {
        max-width: 99%;
        height: 420px;
    }
}

@media screen and (min-width: 0px) and (max-width: 599px) {
    .partner-user-modal-content {
        width: 88%;
    }

    .partner-pop-container {
        max-width: 100%;
        height: 250px;
    }
}

@media screen and (min-width: 0px) and (max-width: 520px) {
    .balcomp-wrap {
        max-width: 88%;
    }

    .service-coming {
        font-size: 13px;
        height: 390px
    }

    .modal-table {
        font-size: 13px;
        max-width: 100%;
    }

    .left-td,
    .right-td {
        padding: 5px;
    }

    .balcomp-tab button {
        padding: 7px;
        font-size: 13px;
    }

    .history-wrap {
        max-width: 88%;
        font-size: 10px;
    }

    .right-td {
        width: 65px;
    }

    .btn-action-cancel,
    .btn-action-ongoing,
    .btn-action-complete {
        max-width: 60px;
    }

    .pagination a {
        padding: 8px 8px;
    }

    .pagenotice-container {
        width: 100%;
        height: 300px;
    }

    .profile-wrap {
        max-width: 88%;
    }

    .profile-img {
        max-width: 90px;
    }

    .partner-wrap {
        max-width: 88%;
    }
}

@media screen and (min-width: 530px) and (max-width: 980px) {
    .prof-left {
        padding-left: 30px;
    }
}
@media screen and (min-width: 425px) and (max-width: 520px) {
    .profile-wrap {
        max-width: 88%;
    }

    .prof-left {
        padding-left: 30px;
    }

    .prof-right {
        padding-left: 0px;
    }
}

@media screen and (min-width: 299px) and (max-width: 424px) {
    .profile-wrap {
        max-width: 99%;
        font-size: 13px;
    }

    .prof-left {
        padding-left: 40px;
    }

    .prof-right {
        padding-left: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 298px) {
    .profile-wrap {
        max-width: 99%;
        font-size: 13px;
    }

    .prof-left {
        padding-left: 10px;
    }

    .prof-right {
        padding-left: 0px;
    }
}

/*@media screen and (min-width: 500px) and (max-width: 530px) {
    .partner-wrap {
        max-width: 88%;
    }

    .partner-left-td,
    .partner-center-td {
        font-size: 13px;
    }

    .partner-btn {
        padding: 5px;
        font-size: 15px;
        margin-top: 8px;
    }

    .partner-input {
        font-size: 13px;
        padding: 5px;
    }

    .td-textarea {
        height: 100px;
    }
}

@media screen and (min-width: 411px) and (max-width: 499px) {
    .partner-wrap {
        max-width: 88%;
    }

    .partner-left-td,
    .partner-center-td {
        font-size: 11px;
    }

    .partner-btn {
        padding: 5px;
        font-size: 15px;
        margin-top: 8px;
    }

    .partner-input {
        font-size: 13px;
        padding: 5px;
    }

    .td-textarea {
        height: 105px;
    }
}

@media screen and (min-width: 331px) and (max-width: 410px) {
    .partner-wrap {
        max-width: 88%;
    }

    .partner-left-td,
    .partner-center-td {
        font-size: 9px;
        padding-left: 0px;
    }

    .partner-left-td {
        padding: 3px;
        width: 15%;
    }

    .partner-right-td {
        font-size: 9px;
        width: 85%;
        padding: 3px;
        text-align: left;
    }

    .partner-btn {
        padding: 5px;
        font-size: 15px;
        margin-top: 8px;
    }

    .partner-input {
        font-size: 13px;
        padding: 5px;
        width: 95%;
    }

    .td-textarea {
        height: 100px;
        padding: 3px;
    }

    .partner-textarea {
        width: 95%;
    }
}
*/
@media screen and (min-width: 0px) and (max-width: 599px) {

    .partner-center-td, .partner-center-th {
        font-size: 13px;
    }

    .partner-left-td {
        font-size: 13px;
        padding-left: 0px;
    }

    .partner-left-td {
        padding: 3px;
        width: 15%;
    }

    .partner-right-td {
        font-size: 13px;
        width: 85%;
        padding: 5px;
        text-align: left;
    }

    .partner-btn {
        padding: 5px;
        font-size: 15px;
        margin-top: 8px;
    }

    .partner-input {
        font-size: 13px;
        height: 30px;
        width: 95%;
    }

    .td-textarea {
        height: 90px;
        padding: 3px;
    }

    .partner-textarea {
        width: 95%;
        font-size: 13px;
    }
}

@media screen and (min-width: 0px) and (max-width: 580px) {
    .faq-table th, .sample-faq-table th {
        font-size: 14px;
        padding: 5px;
    }
    .faq-table td{
        font-size: 13px;
        padding: 5px;
    }
    .sample-faq-date, .sample-faq-content{
        font-size: 13px;
    }
    .sample-faq-content{
        height: 200px;
    }
}
@media screen and (min-width: 471px) and (max-width: 600px) {
    .reg-modal-content {
        width: 95%;
    }

    .register-container {
        width: 99%;
        height: 490px;
    }

    .logo-img {
        width: 100%;
        max-width: 150px;
    }

    .register-message,
    .terms-checkbox {
        font-size: 9.5px;
    }

    .reg-modal-header {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .reg-table {
        width: 90%;
        margin-top: 5px;
    }

    .reg-table td {
        padding: 2px;
    }

    .reg-label {
        font-size: 13px;
    }

    .reg-input {
        padding: 5px;
        font-size: 10px;
    }

    .reg-dropdown {
        padding: 4px;
        font-size: 13px;
        height: 100%;
    }
    .terms-checkbox {
        margin-bottom: 0;
    } 
    .id-confirm,
    .num-confirm {
        padding: 5px;
        font-size: 13px;
    }

    .reg-btn {
        padding: 5px;
        font-size: 13px;
    }

    .head-title {
        font-size: 18px;
    }
}
@media screen and (min-width: 493px) and (max-width: 624px) {
    .pageregister-container{
        height: 490px;
    }
}
@media screen and (min-width: 447px) and (max-width: 492px) {
    .pageregister-container{
        height: 480px;
    }
}
@media screen and (min-width: 0px) and (max-width: 446px) {
    .pageregister-container{
        height: 460px;
    }
}
@media screen and (min-width: 426px) and (max-width: 470px) {
    .reg-modal-content {
        width: 95%;
    }

    .register-container {
        width: 99%;
        height: 480px;
    }

    .logo-img {
        width: 100%;
        max-width: 125px;
    }

    .register-message {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .terms-checkbox {
        font-size: 10px;
        margin-bottom: 0;
    }

    .reg-modal-header {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .reg-table {
        width: 90%;
        margin-top: 0px;
    }

    .reg-table td {
        padding: 2px;
    }

    .reg-label {
        font-size: 13px;
    }

    .reg-input {
        padding: 5px;
        font-size: 10px;
    }

    .reg-dropdown {
        padding: 4px;
        font-size: 10px;
        height: 100%;
    }

    .id-confirm,
    .num-confirm {
        margin-top: 3px;
        padding: 4px;
        font-size: 10px;
        height: 85%;
    }

    .reg-btn {
        padding: 3px;
        font-size: 12px;
    }
}

@media screen and (min-width: 0px) and (max-width: 425px) {
    .reg-modal-content {
        width: 95%;
    }

    .register-container {
        width: 99%;
        height: 470px;
    }

    .logo-img {
        width: 100%;
        max-width: 125px;
    }

    .register-message {
        font-size: 11px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .terms-checkbox {
        font-size: 9px;
        margin-bottom: 0;
    }

    .reg-modal-header {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .reg-table {
        width: 90%;
        margin-top: 0px;
    }

    .reg-table td {
        padding: 2px;
    }

    .reg-label {
        font-size: 10px;
    }

    .reg-input {
        padding: 4px;
        font-size: 10px;
    }

    .reg-dropdown {
        padding: 3px;
        font-size: 10px;
        height: 100%;
    }

    .id-confirm,
    .num-confirm {
        margin-top: 4px;
        padding: 3px;
        font-size: 10px;
        height: 81%;
        width: 35%;
    }

    .reg-btn {
        padding: 2px;
        font-size: 11px;
    }
}

@media screen and (min-width: 0px) and (max-width: 899px) {
    .pagenotice-container {
        height: 450px;
    }
}

/*HOME*/
@media screen and (min-width: 1700px) and (max-width: 1730px) {

    .login-wrap,
    .usermenu-wrap {
        top: 30px;
        right: 230px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 200px;
    }

}

@media screen and (min-width: 1480px) and (max-width: 1599px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 170px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.90;
        -moz-transform: scale(0.90);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.90);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.90);
        -webkit-transform-origin: 0 0;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1479px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 80px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.85;
        -moz-transform: scale(0.85);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.85);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.85);
        -webkit-transform-origin: 0 0;
    }
}

@media screen and (min-width: 1340px) and (max-width: 1399px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 100px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1339px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 100px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 45px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1270px) {
    .tabgames-container {
        width: 100%;
        height: 1350px;
    }
}

@media screen and (min-width: 1140px) and (max-width: 1199px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 40px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.70;
        -moz-transform: scale(0.70);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.70);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.70);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
        height: 1300px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1139px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 40px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.70;
        -moz-transform: scale(0.70);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.70);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.70);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
        height: 1260px;
    }
}

@media screen and (min-width: 1080px) and (max-width: 1099px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 40px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.70;
        -moz-transform: scale(0.70);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.70);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.70);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
        height: 1220px;
    }
}

@media screen and (min-width: 1050px) and (max-width: 1079px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 0;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.70;
        -moz-transform: scale(0.70);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.70);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.70);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
        height: 1150px;
        margin-top: 20px;
    }

    .tabtitle {
        height: 100px;
        padding: 0px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1049px) {

    .login-wrap,
    .usermenu-wrap {
        top: 0;
        right: 0;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.65;
        -moz-transform: scale(0.65);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.65);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.65);
        -webkit-transform-origin: 0 0;
    }

    .tabgames-container {
        width: 100%;
        height: 1130px;
        margin-top: 20px;
    }

    .tabtitle {
        height: 100px;
        padding: 0px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 999px) {

    .login-wrap,
    .usermenu-wrap {
        top: -20px;
        right: -50px;
    }

    /*.login-wrap, .usermenu-wrap { width: 200px; height:320px; padding: 0; overflow: hidden; margin:auto; border: 1px solid green;} */
    .login-wrap,
    .usermenu-wrap {
        width: 300px;
        height: 370px;
        border: 1px solid black;
        margin-top: 0;
        border: 1px solid #efc223;
    }

    .login-wrap,
    .usermenu-wrap {
        -ms-zoom: 0.65;
        -moz-transform: scale(0.65);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.65);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.65);
        -webkit-transform-origin: 0 0;
    }

    .tabtitle {
        height: 80px;
        padding: 0px;
    }

    .column-games {
        width: 33.33%;
    }

}

@media only screen and (min-width: 980px) and (max-width: 999px) {

    .tabgames-container {
        width: 100%;
        height: 1670px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 950px) and (max-width: 979px) {

    .tabgames-container {
        width: 100%;
        height: 1635px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 920px) and (max-width: 949px) {

    .tabgames-container {
        width: 100%;
        height: 1584px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 880px) and (max-width: 919px) {

    .tabgames-container {
        width: 100%;
        height: 1840px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 860px) and (max-width: 879px) {

    .tabgames-container {
        width: 100%;
        height: 1750px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 830px) and (max-width: 859px) {
    .tabgames-container {
        width: 100%;
        height: 1430px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 829px) {

    .tabgames-container {
        width: 100%;
        height: 1650px;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 792px) and (max-width: 799px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .tabgames-container {
        width: 101%;
        height: 1365px;
        margin-top: -0px;
    }
}
@media only screen and (min-width: 760px) and (max-width: 791px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .tabgames-container {
        width: 101%;
        height: 830px;
        margin-top: -0px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 759px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 790px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 790px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 650px) and (max-width: 699px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 745px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 745px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 600px) and (max-width: 649px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 700px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 700px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 560px) and (max-width: 599px) {
    .tabtitle {
        height: 70px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 650px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 650px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 549px) and (max-width: 559px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 605px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 605px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 510px) and (max-width: 548px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 570px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 570px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 509px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 101%;
        height: 525px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tabgames-container {
        width: 101%;
        height: 525px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 460px) and (max-width: 479px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 930px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 930px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 450px) and (max-width: 459px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 745px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 745px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 440px) and (max-width: 449px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 730px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 730px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 430px) and (max-width: 439px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 720px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 420px) and (max-width: 429px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 700px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 700px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 419px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 680px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 680px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 409px) {
    .tabtitle {
        height: 45px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 670px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 670px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 380px) and (max-width: 399px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 770px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 770px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 366px) and (max-width: 379px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 720px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 365px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 700px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 700px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 340px) and (max-width: 349px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 670px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 670px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 330px) and (max-width: 339px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 650px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 650px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 329px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 524px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 524px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .tabtitle {
        height: 35px;
        padding: 0px;
    }

    .iframe-content {
        width: 100%;
        height: 514px;
        padding: 0;
        overflow: hidden;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .column-games {
        width: 33.33%;
    }

    .tabgames-container {
        width: 100%;
        height: 514px;
        margin-top: 0px;
    }

    .tabgames-container {
        -ms-zoom: 0.99;
        -moz-transform: scale(0.99);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.99);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.99);
        -webkit-transform-origin: 0 0;
    }

    .menulink-section {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1160px) and (max-width:1400px) {
    .column-sbogames{
        width: 20%;
    }
    .game-title-slotpage{
        font-size: 13px;
    }
}
@media screen and (min-width: 1100px) and (max-width:1159px) {
    .column-sbogames{
        width: 20%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
}
@media screen and (min-width: 870px) and (max-width:1099px) {
    .column-sbogames{
        width: 20%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 145px;
    }
    .slotgames-hover-img {
        height: 150px;
    }
}
@media screen and (min-width: 560px) and (max-width:869px) {
    .sbogames-section {
        border-right: none;
    }
    .column-sbogames{
        width: 33.33%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 145px;
    }
    .slotgames-hover-img {
        height: 150px;
    }
}
@media screen and (min-width: 400px) and (max-width:559px) {
    .sbogames-section {
        border-right: none;
    }
    .column-sbogames{
        width: 33.33%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 95px;
    }
    .slotgames-hover-img {
        height: 98px;
        padding: 0;
    }
    
    .home-icon{
        font-size: 30px;
    }
    .slotgames-div {
        max-width: 350px;
    }
}
@media screen and (min-width: 370px) and (max-width:399px) {
    .sbogames-section {
        border-right: none;
    }
    .tabslotgames{
        width: 14%;
        padding: 5px;
        font-size: 9px;
    }
    .column-sbogames{
        width: 33.33%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 95px;
    }
    .slotgames-hover-img {
        height: 98px;
    }
    .home-icon{
        font-size: 30px;
    }
    .slotgames-div {
        max-width: 350px;
    }
}
@media screen and (min-width: 330px) and (max-width:369px) {
    .sbogames-section {
        border-right: none;
    }
    .tabslotgames{
        width: 14%;
        padding: 5px;
        font-size: 9px;
    }
    .column-sbogames{
        width: 33.33%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 95px;
    }
    .slotgames-hover-img {
        height: 98px;
    }
    .home-icon{
        font-size: 30px;
    }
    .slotgames-div {
        max-width: 350px;
    }
}
@media screen and (min-width: 0px) and (max-width:329px) {
    .sbogames-section {
        border-right: none;
    }
    .tabslotgames{
        width: 14%;
        padding: 5px;
        font-size: 9px;
    }
    .column-sbogames{
        width: 33.33%;
    }
    .game-title-slotpage{
        font-size: 11px;
    }
    .slotgames-img {
        height: 95px;
    }
    .slotgames-hover-img {
        height: 98px;
    }
    .home-icon{
        font-size: 30px;
    }
    .slotgames-div {
        max-width: 350px;
    }
}

@media screen and (min-width: 0px) and (max-width:809px){
    .sample-faq-table td {
        padding: 7px;
    }
    .sample-faq-table{
        width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width:380px) {
    .mobnum-find-btn, .password-find-btn {
        width: 40%;
    }
    .verf-findpassword, .verf-findid {
        font-size: 15px;
    }
}

/* REFERRAL */
@media screen and (min-width: 347px) and (max-width:389px) {
    .ref-linkgen-desc{
        font-size: 14px;
    }
}
@media screen and (min-width: 0px) and (max-width:346px) {
    .ref-linkgen-desc{
        font-size: 12px;
    }
}
@media screen and (min-width: 522px) and (max-width:670px) {
    .referral-click-img{
        top: 75px;
        right: 30px;
    }
}
@media screen and (min-width: 413px) and (max-width:554px) {
    .ref-number, .ref-bonus{
        font-size: 30px;
        height: 50px;
    }
    .referral-click-img{
        top: 35px;
        right: 18px;
        max-width: 45px;
    }
}
@media screen and (min-width: 0px) and (max-width:412px) {
    .ref-number, .ref-bonus{
        font-size: 19px;
        height: 50px;
    }
    .referral-click-img{
        top: 40px;
        right: 10px;
        max-width: 35px;
    }
}
@media screen and (min-width: 0px) and (max-width: 370px) {
    .ref-tables-div, .ref-bonuslist-div{
        font-size: 13px;
    }
}
@media screen and (min-width: 0px) and (max-width: 899px) {
    .ref-filter-right{
        padding-right: 10px;
    }
}
@media screen and (min-width: 381px) and (max-width: 560px) {
    .pagereferral-container{
        height: 800px;
    }
}
@media screen and (min-width: 0px) and (max-width: 380px) {
    .pagereferral-container{
        height: 700px;
    }
}
/*@media screen and (min-width: 371px) and (max-width:539px) {
    .ref-table-amount td{
    padding: 0px;
    }
    .ref-filter-table{
        width: 100%;
    }
    .ref-filter-table tr{
        width: 100%;
        display: block;
        margin-left: 0px;
        padding-top: 5px;
    }
}
@media screen and (min-width: 0px) and (max-width: 370px) {
    .ref-table-amount td{
    padding: 0px;
    }
    .ref-filter-table{
        width: 100%;
    }
    .ref-filter-table tr{
        width: 100%;
        display: block;
        margin-left: 0px;
        padding-top: 5px;
    }
    .ref-tables-div, .ref-bonuslist-div{
        font-size: 13px;
    }
}
@media screen and (min-width: 0px) and (max-width: 939px) {
    .ref-filter-table{
        margin-right: 0px;
    }
}*/
@media screen and (min-width: 1045px) and (max-width: 1230px) {
    .buttonmenu{
        width: 33.33%;
        max-width: 250px;
        margin-top: 2px;
    }
}
@media screen and (min-width: 940px) and (max-width: 1044px) {
    .buttonmenu{
        width: 33.33%;
        max-width: 300px;
        margin-top: 2px;
    }
}
@media screen and (min-width: 736px) and (max-width: 939px) {
    .buttonmenu{
        width: 50%;
        max-width: 350px;
        margin-top: 2px;
    }
}
@media screen and (min-width: 596px) and (max-width: 735px) {
    .buttonmenu{
        width: 50%;
        max-width: 280px;
        margin-top: 2px;
    }
}
@media screen and (min-width: 490px) and (max-width: 595px) {
    .buttonmenu{
        width: 33.33%;
        max-width: 150px;
        margin-top: 2px;
        padding: 5px;
    }
}
@media screen and (min-width: 340px) and (max-width: 489px) {
    .buttonmenu{
        width: 33.33%;
        max-width: 100px;
        margin-top: 2px;
        padding: 3px;
        font-size: 10px;
    }
}
@media screen and (min-width: 310px) and (max-width: 339px) {
    .buttonmenu{
        width: 33.33%;
        max-width: 90px;
        margin-top: 2px;
        padding: 2px;
        font-size: 8px;
    }
}
@media screen and (min-width: 0px) and (max-width: 309px) {
    .buttonmenu{
        width: 100%;
        max-width: 250px;
        margin-top: 2px;
        padding: 2px;
        font-size: 8px;
    }
}
@media screen and (min-width: 0px) and (max-width: 1920px) {
    .game-title-slotpage {
        white-space: nowrap;
        width: 100%;                   /* IE6 needs any width */
        overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
        -o-text-overflow: ellipsis;    /* Opera < 11*/
        text-overflow:    ellipsis;    /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
    }
}
@media screen and (min-width: 760px) and (max-width: 1120px) {
    .micro-slotgames-img {
        width: 95%;
        max-width: 212px;
    }
}
@media screen and (min-width: 500px) and (max-width: 759px) {
    .micro-slotgames-img {
        width: 95%;
        max-width: 130px;
        height: 100px;
    }
}
@media screen and (min-width: 0px) and (max-width: 499px) {
    .micro-slotgames-img {
        width: 95%;
        max-width: 80px;
        height: 80px;
    }
}
@media screen and (min-width: 670px) and (max-width: 767px) {
    .tab button.active {
        font-size: 15px!important;
    }
    .tab button {
        font-size: 15px!important;
    }
    .bottom-guide-img {
        margin-top: 30px!important;
    }
}
@media screen and (min-width: 0px) and (max-width: 669px) {
    .tab button.active {
        font-size: 15px!important;
        padding: 8px 20px!important;
        border: 3px solid #ffffff!important;
    }
    .tab button {
        font-size: 15px!important;
        padding: 8px 20px!important;
        margin: 1px;
    }
    .guidemicro-close, 
    .guideplaytech-close, 
    .guidesbocsn-close, 
    .guideevocsn-close, 
    .guidepragcsn-close {
        font-size: 25px!important;
    }
    .guideplaytechslot-close,
    .guidepragslot-close,
    .guidepgsslot-close,
    .guidecq9slot-close {
        font-size: 25px!important;
    }
}

@media screen and (min-width: 0px) and (max-width: 580px) {
    .bottom-guide-img {
        bottom: -15px!important;
    }
}