@media screen and (max-width:1200px) {
    .live-img {
        width: 190px;
        height: 190px;
        overflow: hidden
    }

    .choose-game-con {
        margin: 0 90px
    }

    .step-head-sec {
        width: 475px;
        margin: 0 auto
    }

    .download-title {
        margin-top: 30px
    }

    .download-title h3 {
        font-size: 57px;
        line-height: 65px
    }

    button.down-ld-app {
        margin-top: 20px
    }

    .android-img figure img {
        width: 250px;
        padding: 25px
    }

    .choose-game-sec .container {
        width: 100%
    }

    .footer-logo figure img {
        height: 40px
    }

    .supprt-text {
        width: 675px
    }

    .socail-icons-container .socail-list-name li {
        padding: 3px
    }

    .footer-text.supprt-text {
        width: 100%;
        margin: inherit
    }

    .footer-text.supprt-text p {
        padding: 0 65px
    }

    li.nav-item.socail-icons a i {
        color: #fff;
        font-size: 20px
    }

    li.nav-item.socail-icons a {
        height: 35px;
        width: 35px;
        padding: 8px
    }

    .footer-wrapper {
        margin-top: 40px
    }

    .partner-content-img {
        width: 100%;
        overflow: hidden;
        overflow-x: auto
    }

    .Payment-sec img {
        max-width: fit-content
    }

    .Payment-sec img {
        width: 75px
    }
}

@media screen and (max-width:1024px) {
    .container {
        max-width: 100%
    }

    .choose-game-con {
        margin: 0 40px
    }

    .footer-wrapper {
        margin-top: 30px
    }
}

@media screen and (max-width:991px) {
    .grid-sub-container {
        min-width: 230px
    }

    .live-and-promo-heading h3 {
        font-size: 28px
    }

    section.live-and-promotions-sec {
        margin-top: 60px
    }

    .digit-round-bg {
        width: 34px;
        background-color: #029de0;
        height: 34px;
        border-radius: 100px;
        position: absolute;
        top: auto;
        right: 4px;
        line-height: 40px;
        bottom: 0
    }

    .img-wrapper {
        height: 100px;
        width: 100px
    }

    .heading-1 h2 {
        font-size: 47px
    }

    .cmn-btn123 a {
        height: 46px;
        line-height: normal
    }

    .cmn-btn123 button {
        height: 46px
    }

    .group-content h4 {
        font-size: 16px;
        margin-bottom: 0
    }

    .group-content p {
        font-size: 14px
    }

    .payment-warpper {
        margin-top: 10px
    }

    .live-img {
        width: 160px;
        height: 160px;
        overflow: hidden
    }

    .choose-game-con {
        margin: 0
    }

    .cmn-container123 {
        min-height: 245px
    }

    .wc-logo-img figure {
        width: 125px;
        height: 125px;
        line-height: 120px
    }

    .logo-sec img {
        height: auto;
        width: 110px
    }

    .step-head-sec {
        width: 100%
    }

    .wc-main {
        margin-top: 0;
        height: initial
    }

    .w-c-main-container {
        height: 425px !important;
        margin: 15px 15px
    }

    .choose-game-sec .row {
        --bs-gutter-x: 0px;
        --bs-gutter-y: 0
    }

    .game-conter-sec {
        margin-top: 100px
    }

    .supprt-text {
        width: 600px
    }

    .footer-logo figure img {
        height: 30px
    }

    .cmn-container123 {
        min-height: 290px
    }

    .header-nav {
        flex-flow: row-reverse;
        justify-content: end
    }

    .sub-footer .navbar-nav {
        display: flex;
        flex-direction: inherit
    }

    .sub-footer ul li {
        padding: 0 8px
    }

    .nev-list {
        position: absolute;
        top: 55px;
        padding: 5px 11px;
        background-color: #000;
        border-radius: 11px;
        right: 19px;
        z-index: 999999
    }

    .head-nav .navbar-light .navbar-nav .nav-link,
    .sub-footer .navbar-light .navbar-nav .nav-link {
        padding: 4px 0
    }

    .download-apk-sec img {
        margin-right: 0
    }

    .header-wapper {
        min-height: 370px
    }
}

@media screen and (max-width:767px) {
    .main-grid-container {
        grid-template-columns: auto auto
    }

    .responsive-img {
        display: inline-block
    }

    .download-title {
        display: none
    }

    .android-img {
        display: none
    }

    section.download-apk-sec {
        margin-top: 20px
    }

    .cmn-btn123 a {
        font-size: 16px
    }

    .cmn-btn123 button {
        font-size: 16px
    }

    .download-title h3 {
        font-size: 36px;
        line-height: 65px
    }

    .wc-text p {
        font-size: 15px;
        line-height: 25px;
        margin-top: 15px
    }

    .w-c-main-container {
        height: 375px !important;
        margin: 15px auto;
        width: 350px
    }

    .step-head-sec h3 {
        font-size: 32px;
        padding-bottom: 15px;
        margin-top: -60px
    }

    .heading-1 h2 {
        font-size: 32px;
        line-height: normal
    }

    .about-text {
        padding: 0 20px
    }

    .android-img figure img {
        width: 335px;
        padding: 10px
    }

    .choose-heading-text h2 {
        font-size: 32px;
        line-height: 0
    }

    .footer-logo figure img {
        height: 25px
    }

    .footer-text.supprt-text p {
        padding: 0 0;
        line-height: 24px;
        font-size: 16px
    }

    .live-img {
        width: 260px;
        height: 260px;
        overflow: hidden
    }
}

@media screen and (max-width:678px) {
    .cmn-container123 {
        min-height: 230px
    }

    body {
        padding-bottom: 35px
    }

    section.whatsapp-fix {
        position: fixed;
        bottom: 1%;
        right: 4%;
        z-index: 99999
    }
}

@media screen and (max-width:576px) {
    .live-and-promo-heading h3 {
        font-size: 22px
    }

    section.live-and-promotions-sec {
        margin-top: 40px
    }

    .footer-logo {
        width: 30%
    }

    .footer-logo-sec {
        display: flex;
        justify-content: center
    }

    .copy-right .partner-content {
        margin-top: 4px;
        text-align: center !important
    }

    .live-img {
        width: 210px;
        height: 210px;
        overflow: hidden
    }

    .main-grid-container {
        grid-template-columns: auto
    }

    .supprt-text {
        width: 100%
    }

    .logo-sec img {
        height: auto;
        width: 120px
    }

    .heading-1 h2 {
        font-size: 32px;
        line-height: 35px;
        padding: 0 35px
    }

    .cmn-btn123 button {
        width: 125px;
        line-height: 25px;
        font-size: 16px
    }

    .android-img figure img {
        width: 250px;
        padding: 10px
    }

    button.down-ld-app {
        font-size: 16px;
        padding: 8px 15px;
        margin-top: 10px
    }

    .w-c-main-container {
        width: 320px
    }

    .f-l-row {
        display: block
    }

    .col-6-r {
        width: 100%
    }

    .col-6-l {
        width: 100%;
        margin-bottom: 15px
    }

    .footer-text.supprt-text p {
        padding: 0 55px
    }

    .copy-rgt-sec p {
        color: #bfc6d7;
        font-size: 16px;
        font-weight: 500
    }

    .copy-rgt-sec {
        margin: 10px 0
    }

    .cmn-container123 {
        min-height: 190px
    }

    .apk-logo img {
        max-width: 160px
    }

    .header-wapper {
        min-height: 250px
    }

    .cmn-btn123 a {
        font-size: 16px;
        width: auto;
        padding: 15px
    }

    .head-nav-sec .navbar-brand figure {
        max-width: 200px
    }
}

@media screen and (max-width:479px) {
    .live-and-promo-heading h3 {
        font-size: 20px
    }

    section.download-apk-sec {
        margin-top: 10px
    }

    .cmn-container123 {
        min-height: 140px
    }

    .img-wrapper {
        height: 80px;
        width: 80px;
        margin: 0 auto
    }

    .digit-round-text {
        font-size: 16px
    }

    .cmn-btn123 a {
        font-size: 14px
    }

    section.live-and-promotions-sec {
        margin-top: 20px
    }

    .cmn-btn123 button {
        font-size: 14px
    }

    .cmn-btn123 a {
        height: auto;
        padding: 7px 10px;
        width: auto
    }

    .cmn-btn123 button {
        line-height: normal;
        height: auto;
        padding: 10px 15px;
        width: auto
    }

    .live-img {
        width: 180px;
        height: 180px;
        overflow: hidden
    }

    .footer-logo figure img {
        height: 22px
    }

    .copy-rgt-sec {
        margin: 5px 0
    }

    .apk-logo img {
        max-width: 110px
    }

    .heading-3 span {
        font-size: 20px;
        line-height: 25px
    }

    .supprt-text p {
        font-size: 16px;
        line-height: 20px
    }

    li.nav-item.socail-icons a i {
        font-size: 20px
    }

    li.nav-item.socail-icons a {
        height: 33px;
        width: 33px
    }

    .wc-title h3 {
        font-size: 24px
    }

    .wc-text p {
        font-size: 16px
    }

    .w-c-main-container {
        width: 310px
    }

    .android-img figure img {
        width: 200px;
        padding: 10px
    }

    section.download-apk-sec {
        margin-top: 50px;
        padding: 5px
    }

    .download-title {
        margin-top: 15px
    }

    .download-title h3 {
        font-size: 30px;
        line-height: 45px
    }

    button.down-ld-app {
        margin-top: 25px
    }

    .step-head-sec h3 {
        margin-top: -60px
    }

    .logo-sec img {
        width: 95px
    }

    li.nav-item.socail-icons a {
        height: 33px;
        width: 33px;
        padding: 7px
    }

    .group-content h4 {
        font-size: 14px;
        margin-bottom: 0
    }

    .cs-me {
        margin-right: 5px
    }

    .step-head-sec h3 {
        font-size: 24px
    }

    .group-content p {
        font-size: 14px;
        line-height: normal
    }

    body {
        padding-bottom: 40px
    }

    .whatsapp-sec h4 span {
        font-size: 20px
    }

    .whatsapp-sec h4 {
        font-size: 11px;
        line-height: 18px
    }

    .head-nav-sec .navbar-brand figure {
        max-width: 140px
    }

    .header-wapper {
        min-height: 210px
    }

    .cmn-container123 {
        min-height: 90px
    }

    .digit-round-bg {
        bottom: -17px
    }

    .heading-3 span {
        font-size: 12px;
        line-height: 22px;
        padding-left: 5px
    }

    .img-wrapper img {
        width: 28px
    }

    .img-wrapper {
        height: 50px;
        width: 50px
    }

    .digit-round-bg {
        width: 25px;
        height: 25px;
        right: 0;
        line-height: 26px
    }

    .digit-round-text {
        font-size: 14px
    }

    .head-nav-sec .navbar-brand img {
        max-height: 48px;
        max-width: fit-content
    }
}

@media screen and (max-width:359px) {
    .digit-round-text {
        font-size: 14px
    }

    section.download-apk-sec {
        margin-top: 0
    }

    .live-and-promo-heading h3 {
        font-size: 18px
    }

    .step-head-sec h3 {
        margin-top: -38px
    }

    .registerd-and-deposit-sec {
        margin-top: 15px
    }

    .heading-3 {
        margin-top: 10px
    }

    .digit-round-bg {
        width: 30px;
        background-color: #029de0;
        height: 30px;
        border-radius: 100px;
        position: absolute;
        top: auto;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .heading-1 h2 {
        padding: 0
    }

    .group-img img {
        width: 80%
    }

    .apk-logo img {
        max-width: 101px
    }

    .footer-text.supprt-text p {
        padding: 0 30px
    }

    .main-grid-container {
        padding: 0
    }

    .w-c-main-container {
        width: 292px;
        margin: 10px auto
    }

    .live-img {
        width: 150px;
        height: 150px;
        overflow: hidden
    }

    .footer-group-contant {
        padding-right: 5px !important
    }

    .footer-group-sec {
        padding: 0 0
    }

    .footer-wrapper {
        margin-top: 0
    }

    .partner-content p {
        margin-bottom: 3px
    }

    .partner-content {
        margin-top: 10px
    }

    .footer-partner-wrapper {
        margin-top: 10px;
        padding: 4px 0
    }

    .group-content {
        margin-top: 2px
    }

    .Payment-sec img {
        width: 60px
    }

    .partner-img {
        margin-right: 14px
    }

    .cmn-btn123 a {
        padding: 7px 8px;
        font-size: 13px
    }

    .cmn-btn123 a.btn {
        margin-left: 5px
    }

    .head-nav-sec .navbar-brand img {
        max-height: 60px
    }
}