@media only screen and (max-width: 1300px) {
    .desktop,
    .mobi {
        display: none !important;
    }
    .tablet {
        display: block !important;
    }
    .sk-fading-circle {
        top: 50%;
    }
}
@media only screen and (max-width: 1200px) {
    body.about-us-page .tpl-inner {
        max-width: 1024px;
        width: 100%;
    }
    body.about-us-page .tpl-inner {
        margin: 0 auto;
        width: 1024px;
    }
    body.about-us-page .wrapper {
        max-width: 1024px;
    }
    body.about-us-page .form-container {
        width: 500px;
    }
    body.about-us-page .content {
        width: 500px;
    }
    body.about-us-page .content p {
        font-size: 44px;
        line-height: 55px;
    }
    body.about-us-page .content button {
        width: 230px;
        height: 55px;
    }
}
@media only screen and (max-width: 1160px) {
    body.kr .section-article h1,
    body.th .section-article h1 {
        font-size: 21px;
    }
}
@media only screen and (max-width: 1024px) {
    div.about-us {
        margin-top: 535px;
    }
    body.jp.about-us-page .content p {
        font-size: 26px;
        line-height: 35px;
    }
    body.about-us-page .wrapper {
        max-width: 768px;
        flex-direction: column-reverse;
        align-items: center;
    }
    body.about-us-page .form-container {
        width: 600px;
    }
    body.about-us-page .content {
        width: 600px;
        top: 0;
        margin-bottom: 50px;
    }
    body.about-us-page .content button {
        width: 200px;
        height: 45px;
        top: 5px;
    }
    body.about-us-page {
        background: url(../_images/about-us-bg-1024.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
    }
    body.jp.about-us-page {
        background: url(../_images/about-us-bg-1024-jp.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
    }
    body.jp .login-form-wrap {
        display: none;
    }
    body.kr,
    body.th {
        background: url(../_images/bg-23.09.24.jpg) top 20px center no-repeat #e6e8e8;
    }
}
@media only screen and (max-width: 1000px) {
    #tab-content-2 .wrap-left,
    #tab-content-3 .wrap-left,
    .block #tab-content-2 h3 .title,
    .block #tab-content-3 h3 .title,
    body.kr .block #tab-content-3 h2 .title,
    body.kr .block.section-1 #tab-content-2 h2 .title,
    body[lang="gr"] .block #tab-content-2 h3 .title,
    body[lang="gr"] .block #tab-content-3 h3 .title,
    body[lang="vn"] .block #tab-content-2 h3 .title,
    body[lang="vn"] .block #tab-content-3 h3 .title,
    footer .col {
        width: 100% !important;
    }
    .desktop,
    .left-outline,
    .right-outline,
    header .lang-picker-wrap .text-active.mobi {
        display: none !important;
    }
    body.kr,
    body.th {
        background: url(../_images/bg-23.09.24.jpg) top 30px center no-repeat #e6e8e8;
    }
    .hero-wrap {
        margin-top: 190px;
        text-align: center;
    }
    section.section-article article,
    .faq-container .faq-inner-container {
        width: 100%;
        max-width: 100%;
    }
    body.kr section.section-article article,
    body.th section.section-article article {
        position: relative;
        display: inline-block;
        max-width: 100%;
        width: 100%;
    }
    .block h3 .title,
    .block.section-1 .wrap-left,
    .block.section-2 .report-button,
    body.kr .block.section-1 h2 .title {
        width: 100%;
    }
    .block.section-1 .wrap-right,
    body.kr .block #tab-content-3 h2 .left-outline,
    body.kr .block #tab-content-3 h2 .right-outline,
    body.kr .block.section-1 #tab-content-2 h2 .left-outline,
    body.kr .block.section-1 #tab-content-2 h2 .right-outline,
    body.kr .block.section-1 h2 .left-outline,
    body.kr .block.section-1 h2 .right-outline,
    header .head-menu-wrap .head-menu li a img,
    header .head-menu-wrap .head-menu li a.active img {
        display: none;
    }
    .mobi,
    .tablet {
        display: block !important;
    }
    header .main-menu-wrap {
        margin: 40px 60px 0 0;
    }
    .block.section-1 .wrap-left .wrap-left-inner {
        padding: 0;
    }
    .block.section-2 .search-wrap {
        height: auto;
        padding-bottom: 50px;
    }
    .block.section-2 .domain-list-table tr {
        margin: 5px 0 0 !important;
        width: 100%;
    }
    header .sub-menu li {
        margin-right: 30px;
    }
    footer .col {
        float: none !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        border: none;
        padding: 3px 2px 0;
    }
    .overlay-inner {
        width: 650px;
        height: 400px;
        position: fixed;
        margin-top: -200px;
        margin-left: -325px;
    }
    .ov-content {
        overflow-x: hidden;
        overflow-y: auto;
        margin: 15px;
        height: 290px;
    }
    header .head-menu-wrap {
        margin: 27px 60px 0 0;
    }
    header .head-menu-wrap .head-menu li a {
        padding: 16px 15px 10px;
    }
}
@media only screen and (max-width: 820px) {
    body.kr,
    body.th {
        background: url(../_images/bg-23.09.24.jpg) top 10px center no-repeat #e6e8e8;
    }
}
@media only screen and (max-width: 768px) {
    body.about-us-page {
        background: url(../_images/about-us-bg-768.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
    }
    body.jp.about-us-page {
        background: url(../_images/about-us-bg-768-jp.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
    }
}
@media only screen and (max-width: 700px) {
    .top-banner {
        top: 80px;
    }
    .bottom-banner-desktop {
        display: none;
    }
    .bottom-banner-mobile {
        display: block;
        margin: 0px auto;
        text-align: center;
        max-width: 95%;
        overflow: hidden;
        z-index: 3;
    }
    .desktop,
    .tablet {
        display: none !important;
    }
    section.section-article article,
    .faq-container .faq-inner-container {
        width: 100%;
        max-width: 100%;
    }
    body.kr section.section-article,
    body.th section.section-article {
        margin-top: 90px;
    }
    .hero-wrap h1 {
        font-size: 28px;
    }
    .main-menu {
        border-top: 1px dotted #666;
        width: 100%;
    }
    .main-menu-wrap.mobi .main-menu li {
        margin: 0;
    }
    .main-menu-wrap.mobi .main-menu li a {
        text-align: left;
    }
    header .lang-picker-wrap .text-active,
    header .mobile-menu-trigger {
        display: block;
    }
    .main-menu-wrap,
    .sub-menu-wrap,
    header .head-menu-wrap,
    header .lang-picker-wrap {
        display: none;
    }
    header #logo,
    header .logo {
        float: none;
        margin: 10px auto;
        width: 177px;
    }
    body[lang="ch"] header #logo,
    body[lang="sc"] header #logo {
        width: 207px;
    }
    header .lang-picker li a {
        padding: 3px 5px 3px 22px;
    }
    .wrap-left,
    .wrap-right {
        float: none;
        width: 100%;
    }
    .block.section-2 .wrap-right .content {
        min-height: auto;
    }
    .wrap-left-inner,
    .wrap-right-inner {
        padding: 0 !important;
    }
    .block.section-2 .wrap-right-inner {
        margin-top: 10px !important;
    }
    .accord li .content {
        padding-left: 0 !important;
    }
    .casino-sub-menu li a,
    .keno-sub-menu li a,
    .live-dealer-sub-menu li a,
    .online-casino-sub-menu li a,
    .online-slots-sub-menu li a,
    .sports-betting-sub-menu li a,
    header .sub-menu li a {
        border-bottom: 1px solid #444;
    }
    .overlay-inner {
        width: 100%;
        height: auto;
        position: fixed;
        margin-top: 0;
        margin-left: 0;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        overflow-y: auto;
    }
    .ov-content {
        overflow-x: hidden;
        overflow-y: hidden;
        margin: 10px;
        height: auto;
    }
    .hero-wrap {
        margin-top: 100px;
        text-align: center;
    }
    .hero {
        display: inline-block;
        padding: 0;
        margin: 0;
        float: none;
        width: auto;
    }
    .side-banner {
        width: 70%;
    }
    .side-banner-inner {
        position: relative;
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    body.about-us-page {
        background: url(../_images/about-us-bg-600.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
    }
    body.jp.about-us-page {
        background: url(../_images/about-us-bg-768-jp.jpg);
        background-repeat: no-repeat !important;
        background-position: center 0px !important;
        background-size: 600px!important;
    }
    body.jp.about-us-page .content p {
        font-size: 21px;
    }

    body.about-us-page .wrapper {
        max-width: 480px;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 50px;
    }
    body.about-us-page .form-container {
        width: 470px;
    }
    body.about-us-page .content {
        width: 470px;
        top: 0;
        margin-bottom: 50px;
    }
    body.about-us-page .content p {
        font-size: 35px;
        line-height: 45px;
    }
    body.about-us-page .content button {
        width: 200px;
        height: 45px;
        top: 5px;
    }
    div.about-us {
        margin-top: 415px;
    }
}
@media only screen and (max-width: 550px) {
    body.kr,
    body.th {
        background: url(../_images/bg-23.09.24.jpg) top -130px center no-repeat #e6e8e8;
    }
    body.kr .section-article h1,
    body.th .section-article h1 {
        font-size: 20px;
    }
    .mobi {
        display: none !important;
    }
    .mobi-320px {
        display: block;
    }
    footer .mobi-320px img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 500px) {
    .block li.btn-tab {
        font-size: 11px;
        line-height: 1;
    }
    body.th .faq-container .faq-inner-container {
        max-width: 100%;
        width: calc(100% - 20px);
    }
}
@media only screen and (max-width: 480px) {
    body.about-us-page {
        background: url(../_images/about-us-bg-480.jpg);
    }
    body.jp.about-us-page {
        background: url(../_images/about-us-bg-480-jp.jpg);
    }

    body.about-us-page .wrapper {
        max-width: 320px;
        flex-direction: column-reverse;
        align-items: center;
    }
    body.about-us-page .form-container {
        width: 100%;
    }
    body.about-us-page .content {
        width: 310px;
        top: 0;
        margin-bottom: 50px;
    }
    body.about-us-page .content p {
        font-size: 26px;
        line-height: 35px;
    }
    body.about-us-page .content button {
        width: 180px;
        height: 42px;
        top: 5px;
        font-size: 25px;
    }
    div.about-us {
        margin-top: 285px;
    }
    body.about-us-page .regform-item {
        padding: 0 0px !important;
    }
    body.about-us-page .fast-reg-wrap .regform-item > .item-label {
        font-size: 10px;
    }
    body.about-us-page .fast-reg-wrap .regform-item > .item-element-wrapper input,
    body.about-us-page .fast-reg-wrap .regform-item > .item-element-wrapper select {
        font-size: 10px;
    }
    body.about-us-page .fast-reg-wrap .regform-item > .item-element-wrapper {
        width: 72%;
    }
    body.about-us-page .fast-reg-wrap .regform-item > .item-label {
        width: 25%;
    }
    body.about-us-page .regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_year {
        width: 70px !important;
    }
    body.about-us-page .fast-reg-wrap .rf-main-wrapper .action-container > .terms-and-conds {
        font-size: 8px !important;
        padding: 0;
    }
    body.about-us-page .fast-reg-wrap .country-area-code input {
        padding-left: 105px !important;
    }
    body.about-us-page .regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_day,
    body.about-us-page .regform-item.regform-bday .item-element-wrapper > select#regForm_birthdate_month {
        width: 52px !important;
    }
    body.about-us-page .fast-reg-wrap .rf-main-wrapper button.rf-submit-button {
        font-size: 15px;
    }
    body.about-us-page .rf-main-wrapper .action-container > .button-wrapper {
        left: 20px;
    }
    body.about-us-page .fast-reg-wrap .rf-main-wrapper .action-container > .terms-and-conds {
        font-size: 14px !important;
    }
    body.about-us-page .fast-reg-wrap .country-area-code span.trigger {
        font-size: 11px;
        padding-top: 4px;
    }
    body.about-us-page .fast-reg-wrap .rf-main-wrapper .action-container > .terms-and-conds {
        font-size: 10px !important;
        padding: 0;
    }
    .side-banner {
        width: 100%;
    }
}
@media only screen and (max-width: 400px) {
    .desktop,
    .tablet {
        display: none !important;
    }
    .accord li .title-wrap span.feat {
        display: none;
    }
}