/* responsive ******************************************************************************/
@media (min-width: 1600px) {
    .container {
        max-width: 1520px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1599px) {
    .login .modal-dialog {
        max-width: 1300px;
    }
    .input-group {
        margin-bottom: 10px;
    }
    .login .header .title {
        padding-bottom: 10px;
    }
    .login .text .small {
        padding-top: 10px;
    }
    .form-control-common {
        font-size: 14px;
        padding: 10px 15px;
    }
    label {
        font-size: 14px;
    }
    .signUp .promoCode .promoFront {
        font-size: 14px;
    }
    .signUp .form-icon img {
        width: 22px;
        height: 18px;
    }
    .signUp .form-icon {
        top: 36px;
        font-size: 14px;
    }
    .signUp .promoCode {
        margin-bottom: 10px;
    }
    .login button {
        font-size: 16px;
        padding: 12px;
    }
    .login .end [type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }
    .login .box.box2 {
        padding: 0 80px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1399px) {
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 32px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 18px;
    }
    p {
        font-size: 18px;
    }
    .small {
        font-size: 14px;
    }
    #header .logo-box img {
        max-width: 200px;
    }
    #header .main-nav nav ul li a {
        font-size: 16px;
    }
    .btn-common {
        font-size: 20px;
        padding: 10px 30px;
    }
    section {
        padding-bottom: 80px;
    }
    .section-heading {
        margin-bottom: 40px;
    }
    .section-heading .title img {
        max-width: 40px;
    }
    .marque .marque-box marquee {
        font-size: 18px;
    }
    .marque .marque-box .img-box img {
        max-width: 30px;
    }
    #games .owl-nav button {
        top: -85px;
        width: 55px;
        height: 45px;
    }
    #games .owl-nav button.owl-prev {
        right: 65px;
    }
    #games #gamesCarousel .img-box img {
        width: 130px;
        height: 130px;
    }
    table th, table td {
        font-size: 16px;
    }
    table td {
        padding: 20px 30px;
    }
    table th {
        padding: 20px 30px;
    }
    table tr .live {
        font-size: 10px;
        padding: 13px 1px;
        border-radius: 0 7px 7px 0;
    }
    .team img {
        max-width: 35px;
    }
    .team:first-child {
        padding-right: 40px;
    }
    .number-buttons {
        gap: 5px;
    }
    .number-buttons button {
        width: 65px;
        height: 40px;
    }
    table .small {
        font-size: 12px;
    }
    #liveCasino .img-box {
        margin: 0;
    }
    #liveCasino .row {
        row-gap: 25px;
    }
    #bonuses .box .right .gift-box img {
        max-width: 60px;
    }
    #bonuses .button-box ul .btn-common {
        width: 130px;
    }
    #bonuses .box .left img {
        height: 200px;
    }
    #footer .top-box .list-box a {
        font-size: 22px;
    }
    #footer .top-box .list-box {
        padding: 40px 0;
    }
    #footer .top-box .text-box p {
        padding: 40px 0;
    }
    #footer .end-box .link-box img {
        max-width: 55px;
    }
    #footer .end-box .link-box ul li:not(:last-child) {
        margin-right: 15px;
    }

    .point-header p {
        font-size: 16px;
    }
    .pointContainer .left img {
        max-width: 35px;
    }
    .point-header, .point-body {
        padding: 10px 20px;
    }
    .bet-header, .bet-body {
        padding: 20px 15px;
    }
    .bet-header p {
        font-size: 16px;
    }
    .pointButton {
        width: 75px;
        font-size: 16px;
    }
    .pointButton span {
        font-size: 12px;
    }
    .singlePoint .left {
        width: calc(100% - 490px);
    }
    .pointButton-box.suspended::after {
        font-size: 20px;
    }
    .doublePoint .left {
        width: calc(100% - 170px);
    }
    .point-body .point-row .left p {
        font-size: 14px;
    }
    .point-header .pointButton {
        height: 35px;
    }
    .point-body .pointButton {
        height: 40px;
    }
    .bet-body p {
        font-size: 16px;
    }
    .bet-body .top-box .flex-box button {
        font-size: 16px;
        padding: 5px 15px;
    }
    .bet-body .end-box {
        margin-top: 15px;
        padding-top: 15px;
    }
    .bet-body .end-box .flex-box button {
        font-size: 16px;
        padding: 10px 30px;
    }
    .bet-body .end-box .flex-box p {
        font-size: 14px;
    }
    .betSlipButton {
        font-size: 16px;
        height: 35px;
    }
    .login .modal-dialog {
        max-width: 960px;
    }
    .login .box.box2 {
        padding: 0 40px;
    }
    .form-control-common {
        font-size: 13px;
        padding: 7px 10px;
    }
    label {
        font-size: 13px;
    }
    .signUp .form-icon {
        top: 31px;
        font-size: 13px;
        left: 10px;
    }
    .signUp .promoCode .promoFront {
        font-size: 13px;
    }
    .signUp .form-icon img {
        width: 20px;
        height: 16px;
    }
    .signUp input[type="number"] {
        padding-left: 100px;
    }
    .signUp select.form-control-common {
        padding-left: 50px;
        padding-right: 50px;
        background-size: 12px;
        background-position: calc(100% - 10px);
    }
    .login button {
        font-size: 14px;
        padding: 10px;
    }
    .signUp .end .left label {
        font-size: 12px;
        margin-top: 2px;
    }
    .login .end [type="checkbox"] {
        width: 14px;
        height: 14px;
        margin-top: 2px;
        margin-right: 5px;
    }
    .login .nav-tabs .nav-link {
        font-size: 16px;
        border-radius: 8px;
        padding: 10px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1199px) {
    h1 {
        font-size: 44px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    p {
        font-size: 18px;
    }
    .small {
        font-size: 14px;
    }
    .btn-common {
        font-size: 18px;
    }
    #header .logo-box img {
        max-width: 180px;
    }
    #header .main-nav nav ul li {
        margin-right: 20px;
        padding-right: 20px;
    }
    #games #gamesCarousel .img-box img {
        width: 100px;
        height: 100px;
    }
    #bonuses .box .right .gift-box img {
        max-width: 50px;
    }
    #bonuses .button-box ul .btn-common {
        width: 110px;
        padding: 5px;
        border-radius: 10px;
    }
    #bonuses .box .left img {
        height: 150px;
    }
    #footer .top-box .list-box a {
        font-size: 20px;
    }
    table td {
        padding: 15px 20px;
    }
    table th {
        padding: 15px 20px;
    }
    table tr .live {
        padding: 10px 0px;
        top: 25px;
    }
    .pointButton {
        width: 60px;
    }
    .singlePoint .left {
        width: calc(100% - 400px);
    }
    .doublePoint .left {
        width: calc(100% - 140px);
    }
    .bet-body p {
        font-size: 14px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 991px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    p {
        font-size: 16px;
    }
    .small {
        font-size: 12px;
    }
    .btn-common {
        font-size: 16px;
        border-radius: 12px;
        padding: 10px 25px;
    }
    #header .logo-box img {
        max-width: 150px;
    }
    #header .main-nav nav ul li a {
        font-size: 14px;
    }
    #header .main-nav nav ul li {
        margin-right: 10px;
        padding-right: 10px;
    }
    #bonuses .box {
        flex-direction: column;
    }
    #bonuses .box .left {
        width: 100%;
    }
    #bonuses .box .right {
        width: 100%;
    }
    #bonuses .box .left img {
        margin-bottom: 10px;
    }
    #footer .top-box .list-box a {
        font-size: 18px;
    }
    #footer .top-box .list-box li:not(:last-child) {
        margin-right: 15px;
        padding-right: 15px;
    }
    #footer .end-box .link-box img {
        max-width: 50px;
    }
    #footer .end-box .link-box ul li:not(:last-child) {
        margin-right: 7px;
    }
    #footer .top-box .text-box p {
        max-width: 100%;
    }
    #footer .support-box .link-box h5 {
        font-size: 18px;
    }
    .number-buttons button {
        width: 60px;
        height: 40px;
    }
    .point-header .row .col-lg-6 + .col-lg-6 {
        display: none;
    }
    .doublePoint .point-body .col-lg-6:not(:last-child) {
        margin-bottom: 5px !important;
    }
    .box.box2 .betSlip:first-child {
        margin-top: 15px;
    }
    .login .modal-dialog {
        max-width: 500px;
    }
    .login .img-box {
        margin-right: 0;
    }
    .login .box.box2 {
        padding: 20px 40px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 767px) {
    /* header responsive */
    #header .main-nav .inner-menu {
        position: fixed;
        top: 0;
        left: -50%;
        width: 100%;
        height: 100vh;
        background: var(--white);
        opacity: 0;
        visibility: hidden;
        transition: .5s all ease-in-out;
        z-index: 111;
        padding-top: 60px;
    }
    #header .main-nav .inner-menu.show {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    #header .main-nav .inner-menu nav ul li {
        display: block;
        text-align: left;
        padding: 15px 15px;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
    #header .main-nav .inner-menu .button-box {
        padding: 15px 0 0 18px;
    }
    #header .main-nav .click-menu,
    #header .main-nav .cancel-menu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #header .main-nav .cancel-menu {
        position: fixed;
        top: 20px;
        left: -100%;
        max-width: 30px;
        width: 100%;
        text-align: center;
        z-index: 222;
        transition: .5s;
        opacity: 0;
        visibility: hidden;
    }
    #header .main-nav .cancel-menu.show {
        opacity: 1;
        visibility: visible;
        left: calc(100% - 50px);
    }
    #header .main-nav {
        flex-direction: row-reverse;
    }
    #header {
        padding: 20px 0;
    }
    #header .main-nav nav ul li a {
        font-size: 16px;
    }
    .mobile {
        display: block !important;
    }
    .desktop {
        display: none !important;
    }
    br {
        display: none;
    }
    .row {
        row-gap: 30px;
    }
    #games .owl-nav button {
        top: -68px;
        width: 45px;
        height: 35px;
        border-radius: 8px;
    }
    #games .owl-nav button.owl-prev {
        right: 55px;
    }
    #bonuses .box {
        flex-direction: row;
    }
    #bonuses .box .left {
        width: 40%;
    }
    #bonuses .box .right {
        width: 60%;
    }
    #footer .top-box .list-box ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    #footer .support-box .link-box ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    #footer .end-box {
        text-align: center;
    }
    #footer .end-box .link-box ul {
        justify-content: center;
    }
    #footer .end-box .row {
        flex-direction: column-reverse;
        row-gap: 10px;
    }
    #footer .top-box .list-box {
        padding: 30px 0;
    }
    #footer .top-box .text-box p {
        padding: 30px 0;
    }
    .marque .marque-box .img-box {
        padding: 5px 10px;
        margin-right: 10px;
    }
    .marque .marque-box .img-box img {
        max-width: 20px;
    }
    .marque .marque-box {
        padding: 7px 10px 7px 7px;
    }
    .marque .marque-box marquee {
        font-size: 16px;
    }
    section {
        padding-bottom: 60px;
    }
    .section-heading {
        margin-bottom: 30px;
    }
    .section-heading .title img {
        max-width: 30px;
    }
    table th, table td {
        font-size: 14px;
    }
    .team img {
        max-width: 30px;
        margin-right: 5px;
    }
    .team:first-child {
        padding-right: 30px;
    }
    table .small {
        font-size: 10px;
    }
    table td {
        padding: 10px 15px;
    }
    table th {
        padding: 10px 15px;
    }
    .table-responsive {
        border-radius: 20px;
    }
    table tr .live {
        padding: 8px 0px;
        top: 20px;
        font-size: 8px;
        border-radius: 0 5px 5px 0;
    }
    .number-buttons button {
        width: 50px;
        height: 35px;
        border-radius: 8px;
    }
    .pointButton {
        width: 45px;
        font-size: 13px;
        border-radius: 8px;
    }
    .point-body .pointButton {
        height: 35px;
    }
    .point-header .pointButton {
        height: 30px;
    }
    .pointButton span {
        font-size: 10px;
    }
    .point-header, .point-body {
        padding: 10px 10px;
    }
    .pointContainer {
        border-radius: 20px;
    }
    .singlePoint .left {
        width: calc(100% - 295px);
    }
    .pointContainer .left img {
        max-width: 30px;
        margin-right: 5px;
    }
    .pointButton-box {
        gap: 3px;
    }
    .point-row:not(:last-child) {
        margin-bottom: 3px;
    }
    .pointButton-box.suspended::after {
        font-size: 18px;
    }
    #gaming .row {
        row-gap: 0;
    }
    .doublePoint .left {
        width: calc(100% - 100px);
    }
    .bet-header, .bet-body {
        padding: 10px 10px;
    }
    .betSlip {
        border-radius: 20px;
    }
    .login .modal-dialog {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .login .row {
        row-gap: 0;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 479px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 16px;
    }
    p {
        font-size: 14px;
    }
    .small {
        font-size: 12px;
    }
    .btn-common {
        font-size: 14px;
    }
    #header .logo-box img {
        max-width: 120px;
    }
    section {
        padding-bottom: 40px;
    }
    .section-heading {
        margin-bottom: 20px;
    }
    #games .owl-nav button {
        top: -53px;
        width: 40px;
        height: 32px;
        border-radius: 6px;
    }
    #games .owl-nav button.owl-prev {
        right: 50px;
    }
    #games #gamesCarousel .img-box img {
        width: 80px;
        height: 80px;
    }
    #bonuses .box {
        flex-direction: column;
    }
    #bonuses .box .left {
        width: 100%;
    }
    #bonuses .box .right {
        width: 100%;
    }
    #bonuses {
        padding-bottom: 40px;
    }
    #liveCasino .img-box:not(.center) {
        padding: 7px;
        border-radius: 10px;
    }
    #footer .support-box .link-box h5 {
        font-size: 15px;
    }
    #footer .support-box .link-box ul li:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 2px solid var(--navy_0C2747);
    }
    #footer .top-box .list-box a {
        font-size: 15px;
    }
    #footer .top-box .list-box li:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px;
    }
    #footer .top-box .list-box a {
        font-size: 15px;
    }
    #footer .top-box .list-box {
        padding: 20px 0;
    }
    #footer .top-box .text-box p {
        padding: 20px 0;
    }
    #footer .end-box .link-box img {
        max-width: 40px;
    }
    #footer .end-box {
        padding: 20px 0;
    }
    #bettingMarque {
        padding-bottom: 30px;
    }
    .pointButton {
        width: 32px;
        font-size: 11px;
        border-radius: 7px;
    }
    .pointButton span {
        font-size: 7px;
    }
    .point-body .pointButton {
        height: 28px;
    }
    .point-header .pointButton {
        height: 25px;
    }
    .pointButton-box {
        gap: 2px;
    }
    .point-row:not(:last-child) {
        margin-bottom: 2px;
    }
    .singlePoint .left {
        width: calc(100% - 205px);
    }
    .point-body .point-row .left p {
        font-size: 12px;
    }
    .point-header p {
        font-size: 14px;
    }
    .pointContainer .left img {
        max-width: 25px;
    }
    .pointButton-box.suspended::after {
        font-size: 16px;
    }
    .doublePoint .left {
        width: calc(100% - 80px);
    }
    .login .box.box2 {
        padding: 20px 20px;
    }
}