@media only screen and (min-width: 576px) {
    .bx__mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .mobileShow {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .signUp-succes-popup .popup-title {
        font-size: 7.5rem;
    }

    .why_wrapper.why_wrapperTwo .why-inner {
        width: 49%;
    }

    .why_wrapper.why_wrapperTwo .why-inner:nth-child(2n+2) {
        margin-left: -2.6rem;
    }

    .why_wrapper.why_wrapperTwo .why-inner:nth-child(odd) {
        text-align: right;
    }
    .leaderShipHeader__wrapper .mid-button {
        padding: 1.3rem 7.5rem 1.8rem;
    }


}

@media (min-width:1200px) {
    .description h1 {
        font-size: 5.7rem;
    }

}

@media only screen and (min-width: 1600px) {
    .blogbox__title {
        font-size: 2.6rem;
    }
}


@media(min-width:1700px) {
    .description h1 {
        font-size: 6rem;
    }

    .paly-on h3 {
        font-size: 4.4rem;
    }

}

/* above min width  */
@media (max-width: 1700px) {
    .container {
        width: 100%;
        max-width: 1585px;
    }

    .soccer_div {
        width: 198px;
    }
}

@media (max-width: 1600px) {
    .banner__left.col-6 {
        width: 40%;
    }

    .banner__right.col-6 {
        width: 60%;
    }

    .container {
        width: 100%;
        max-width: 1446px;
    }



    html {
        font-size: 60%;

    }

    .fun-wrapper {
        padding: 70px 0;
        gap: 55px;
    }

    .soccer_div {
        width: 16rem;
        position: absolute;
        right: 33px;
        bottom: -164px;
    }

    .form_hand {
        width: 37.8rem;
        right: -9.9rem;
        position: absolute;
        z-index: 9;
        bottom: -57%;
    }

    .ruby_data {
        max-width: 23rem;

    }

    .container.container-small {
        max-width: 1332px;
        position: relative;
    }

}


@media (max-width: 1500px) {
    /* html{
        font-size: 50%;

    } */

    .container {
        width: 100%;
        max-width: 1310px;
    }


    .container.container-small {
        max-width: 1204px;
        position: relative;
    }

    .single_img {
        position: absolute;
        right: 16px;
        bottom: -1px;
        width: 34rem;
    }

    .bottom_sect .Worldwide__desc h3 {
        font-size: 2.2rem;
        margin-bottom: 3.5rem;
    }

    .bottom_sect .pink_btn {
        min-width: 13rem;
    }

    img.single_img.last-img-p {
        right: -5.1rem;
        width: 21rem;

    }

    .Worldwide .bottom_sect .pink_btn::after {
        bottom: 0rem;
    }

    img.single_img.football_plt {
        right: -1.9rem;
    }

    .choose-path_inner p {
        padding: 2.1rem 0 2.8rem;
        line-height: 1.2;
    }

    .tab-content .mid-button::before {
        width: 2.5rem;
        right: -2.2rem;
        top: -2px;
        bottom: -2px;
    }

    .tab-content .mid-button::after {
        left: -2.2rem;
        top: -2px;
        bottom: -2px;
    }

    .tab-content .mid-button {
        border: 2.5px solid #aa4cf0;
    }

    .line_bottom {
        right: -15.1rem;

    }

    .soccer_div {
        bottom: -69px;
    }

    .why-us .why-inner:not(:nth-child(4n + 4)) {
        margin-left: -1.6rem;
    }

    html {
        font-size: 53%;
    }


}

@media (max-width: 1400px) {
    .container {
        width: 100%;
        max-width: 1201px;
    }

    .blogSection__row {
        --size: 1.5rem;
        row-gap: 3rem;
    }
}

@media only screen and (max-width: 1300px) {
    .banner::after {
        background-position: center top;
    }
}

@media (max-width: 1200px) {
    .real_time-box3 {
        margin-left: -45px;
    }
   
}

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

    .leaderShipHeader .backobject__hand {
        max-width: 52.9rem;
        right: -13%;
        bottom: -7%;
    }

    .leaderShipHeader .backobject__racket {
        max-width: 40rem;
        left: -7%;
        bottom: 6%;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .single_img {
        display: none;
    }

    h3.same-heading {
        margin-bottom: 31px;
    }

    .bottom_sect .Worldwide__desc h3 br {
        display: none;
    }

    .bottom_sect .Worldwide__desc {
        padding: 1.6rem 1rem;
        right: 0;

    }

    .bottom_sect .Worldwide__desc h3 {
        -webkit-line-clamp: 2;
        margin-bottom: 1.5rem;

    }

    .Worldwide__desc {
        padding: 2rem 3rem;
        top: 0;

    }

    .sports2 {
        left: 0;
        right: 0;
        padding: 2rem 8rem;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 5.5rem;
    }

    h2,
    .h2 {
        font-size: 4.6rem;
    }

    h3,
    .h3 {
        font-size: 3.8rem;
    }

    h4,
    .h4 {
        font-size: 3.1rem;
    }

    h5,
    .h5 {
        font-size: 2rem;
    }

    h6,
    .h6 {
        font-size: 1.8rem;
    }
   
    .table-part1::before{
        background: transparent;
    }
    .common-padding-110 {
        padding: 8rem 0rem;
    }
    .table-part1 {
        top: 0;
        margin-bottom: 0;
    }
    .play-bottom .active_play {
        margin-top: 2rem;
    }
    .challangeRules,
    .challangeRules .frontObject  {
     padding-bottom: 0!important;
    }
    
    .why_wrapper{
        margin-top: 2.1rem;

    }
    .navbar_menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-top: 50px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fan .container::before {
        top: 0;
        z-index: -1;
    }

    .line_backets,
    .ruby_data {
        display: none;
    }

    .real_time_sports .hockey_k {
        display: none;
    }

    .model_works_inner {
        flex-direction: column;
    }

    .modal_works_list:nth-child(2) {
        position: relative;
        top: 0;
    }

    .w-300 {
        width: 34.5rem;
    }

    .modal_works_list:nth-child(3) {
        position: relative;
        top: 0;
    }

    .skew_design:first-child {
        display: none;
    }

    .skew_design {
        position: absolute;
        right: 2.7rem;
        top: -9.8rem;
    }

    .model_works_inner {
        gap: 10.3rem;
    }

    .modal_price {
        display: none;
    }

    .tennis_icons {
        top: -15.9rem;
        width: 15.8rem;

    }

    .button_top_skew {
        left: -4px;
    }

    .refer_earn_inner {
        gap: 3rem;
        flex-direction: column;
    }

    .modal_price1 {
        display: none;
    }


    .earn_list:nth-child(2) {
        bottom: 0;
        right: 0;
    }

    .glof .footer_why img {
        width: 30.9rem;
    }

    .vector_img_bottom {
        display: none;
    }

    .refer_earn-wrapper {
        padding: 0.9rem 0 0;
    }

    .glof .footer_why {
        top: -4.3rem;
        z-index: -1;

    }


    .refer_earn {
        padding-bottom: 0rem;
    }


    .model_works {
        padding: 0 1px 0 13px;
    }



    .model_works_inner {
        margin-top: 0rem;
    }


    .mobile_button {
        display: flex !important;
        gap: 32px;
    }

    .sports_inner {
        z-index: 9;
        position: relative;

    }

    .bg-bottom-details {
        z-index: 9;

    }

    .small_soccer {
        width: 17rem;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    header.header.header__fixed {
        background: linear-gradient(90.22deg, #8B2BD7 0.11%, #D000CC 99.93%);
        z-index: 9999;
    }

    .why-us .container::after {
        z-index: 1;
    }

    .form_hand img {
        transform: rotate(-22deg);
    }

    .mobile-shadow .container::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 1px;
        background: rgba(208, 0, 204, 0.18);
        box-shadow: 0 0 197px 200px rgba(229, 0, 204, 0.18);
        z-index: 99;
        left: 0;
        bottom: 0;
    }

    .hockey_k {
        position: absolute;
        bottom: -108px;
    }

   
    .header {
        position: fixed;
        background-color: transparent;
    }

    .real_time-box3 {
        margin-left: -35px;
    }

    .backobject.backobject__basketball {
        bottom: -8%;
        left: -42%;
    }

    .footer_why {
        right: -86px;
        top: -58px;
    }

    .footer_why.last-bo-foot {
        right: -86px;
        top: auto;
        bottom: -103px;
        transform: rotate(-162deg);
    }

    .Worldwide_wrapper {
        z-index: 9;
        position: relative;
    }

    .footer_why img {
        width: 30rem;
        animation: none;
    }

    html {
        font-size: 58%;
    }

    .mobile_menu {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding-top: 26px;

    }

    .navbar_menu {
        display: block;
        padding: 0px 29px;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        overflow-y: auto;
        pointer-events: none;
        background: #000;
        z-index: 999;
        position: absolute;
        top: -28px;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-130%);
        transition: 0.5s ease-in-out;
        margin-top: 0;
    }


    .navbar_menu.toggle {
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        pointer-events: all;

    }

    .navbar_menu ul li a {
        padding: 22px 0px;
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar_menu ul li {
        padding-bottom: 0;
        border-bottom: 1px dashed #4d4a4c;
        width: 100%;
    }

    .banner_wrapper {
        z-index: 0;
        height: auto;
        min-height: 52.6rem;
    }

    .menu-closebtn img {
        margin: 0 auto;
        width: 24px;
        height: 24px;
    }



    .desktop-none {
        display: block;

    }

    .banner__right.col-6 {
        display: none;
    }

    .banner__left.col-6 {
        width: 100%;
        align-items: flex-end;
        padding-bottom: 5rem;
    }

    .banner {
        background: linear-gradient(90.22deg, #8B2BD7 0.11%, #D000CC 99.93%);
        --obj: 40px;
        --clipath: polygon(0 0, 100% 0, 100% 100%, var(--obj) 100%, 0 calc(100% - var(--obj)));
        -webkit-clip-path: var(--clipath);
        clip-path: var(--clipath);
    }

    .banner::after {
        z-index: -1;
        display: none;
    }

    .todaysMatchSection {
        display: none;
    }

    .mobile-none {
        display: none;
    }

    h2, .h2 {
        font-size: 4.2rem;
    }

    .fun_text {
        width: 48%;
        background-image: url(../images/try-out.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 4rem 4.8rem;
        text-align: left;
        z-index: 9;


    }


    .img_fun {
        display: none;
    }

    .fun-wrapper h2 {
        font-size: 3.2rem;
        margin-bottom: 11px;
    }

    .rc-design {

        padding: 1.5rem 2.7rem 2.9rem;
    }

    .fun-wrapper {
        padding: 3.9rem 0;
        gap: 1.9rem;
        flex-wrap: wrap;
    }

    .why-inner {
        width: 50%;
    }

    .why-us .container::before {
        display: none;
    }

    .choose-extra {
        position: relative;
        flex-direction: column;
    }

    .choose-box {
        position: relative;
        margin-bottom: 39px;
    }

    .line-li-top {
        display: none;
    }

    .table_content {
        padding: 0;
        border-bottom: 2px solid #aa18d2;
    }

    .table-img.img-adjust {
        display: none;
    }

    table.table-part1 tr td {
        white-space: nowrap;
    }

    .line_bottom,
    .best_plan::after,
    .choose-path .container::after,
    .hockey_design,
    .circle-color .container::after,
    .soccer_div {
        display: none;
    }

    .table_overflow {
        overflow: hidden;
        overflow-x: auto;
    }



    .tab-block .tab-mnu {
        display: flex;
    }

    .slider-data table tr {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        margin: 19px 0;
    }

    .Logo_wrapper {
        padding-left: 0;
        align-items: center;
        justify-content: center;
    }

    .div-add-width {
        width: 100%;
        position: relative;
        margin-right: 0;
        margin-top: 23px;

    }

    .real-time-data {
        background: url(../images/span-line.webp) no-repeat bottom right;
        padding: 15px 30px;
        display: inline-block;
        background-size: contain;
    }

    .newsletter__wrapper {
        flex-direction: column;
        text-align: left;

    }

    .date_date h2 {
        font-size: 3.2rem;
        color: #fff;
        margin-bottom: 14px;

    }

    .newsletter__wrapper {
        padding: 0rem 2rem;
        position: relative;
        padding: 0rem 4rem;

    }

    .news_letter_l,
    .play .container::after {
        display: none;
    }

    .newsletter {
        padding: 41px 0;
    }

    .date_date {
        flex: 0 0 100%;
        width: 100%;
        transform: skew(5deg);

    }

    .newsletter .skewBox1,
    .mobile_button_inner .skewBox1 {
        position: relative;
        /* background: #000; */
        --clipVal: 30px;
        --size: 4px;
        transform: skew(-6deg, -0deg);
        width: 100%;
    }

    .newsletter .skewBox1::before,
    .mobile_button_inner .skewBox1::before {
        z-index: 1;
        background: #D000CC;
        background: -o-linear-gradient(135deg, #D000CC, #8B2BD7);
        background: linear-gradient(315deg, #D000CC, #8B2BD7);
        clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)), 0 0, var(--size) var(--size), var(--size) calc(100% - var(--clipVal) - 0.83px), calc(var(--clipVal) + 0.83px) calc(100% - var(--size)), calc(100% - var(--size)) calc(100% - var(--size)), calc(100% - var(--size)) calc(var(--clipVal) + 0.83px), calc(100% - var(--clipVal) - 0.83px) var(--size), var(--size) var(--size));
    }

    .newsletter .skewBox__inner1,
    .mobile_button_inner .skewBox__inner1 {
        position: relative;
        z-index: 2;
        transform: skew(6deg, 0deg);
    }

    .newsletter .skewBox1:after,
    .mobile_button_inner .skewBox1:after {
        z-index: -1;
        background: radial-gradient(102.13% 122.39% at 38.11% 100%, rgba(58, 27, 57, 0.6) 0%, rgba(138, 82, 126, 0) 100%);
        border-radius: 10px;
        clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)));
    }

    .newsletter .skewBox1:after,
    .newsletter .skewBox1::before,
    .mobile_button_inner .skewBox1::after,
    .mobile_button_inner .skewBox1::before {
        content: "";
        position: absolute;
        inset: 0;
    }

    .form_news_ltte {
        flex: 1;
        width: 100%;
    }

    .date_date h4 {
        font-size: 1.3rem;
        letter-spacing: 0.1em;
    }

    .news_inner {
        --boxWidth: 146px;
    }

    .pt-0 {
        padding-top: 0 !important;
    }

    .headinglargeSpace {
        margin-bottom: 49px;
    }

    .iframeWrapper {
        margin-bottom: 0;

    }

    .Worldwide .rc-design br {
        display: none;

    }

    .marquee_lines {
        position: relative;
        margin-top: 72px;

    }

    .left-50-top {
        width: 100%;
    }

    .modal_price12 {
        display: none;
    }

    .Customize_data {
        margin-top: 0;
    }

    .Customize_data {
        padding-top: 0 !important;
    }

    .padding-t-70 {
        padding-top: 4rem;
    }

    .glof.evaluation_i .footer_why img {
        width: 36.9rem;
    }

    .glof.evaluation_i .footer_why {
        top: -11.3rem;

    }

    .bg-bottom-details {
        background-size: 13rem;

    }

    .common-spades .container::before {
        right: auto;
        left: 0;
        bottom: -54rem;
        bottom: -29%;
        z-index: -1;
        width: 1px;
        height: 1px;

    }

    .affiliate_wrapper_1 .affiliate-form-column,
    .first-shape_1,
    .coupeon_affliate,
    .place_order_affilate {
        background-image: none;
    }

    .affiliate_wrapper_1 .affiliate-form-column,
    .affiliate_wrapper_1 .secondary_affilate {
        width: 100%;
    }

    .affiliate-checkout {
        display: flex;
        flex-direction: column;
    }

    .affiliate_wrapper_1 {
        border: 2px solid #D000CC;
        border-radius: 10px;
    }

    .affiliate_wrapper_1 .col-12 {
        margin-right: 0px !important;
    }

    .your-evalution div {
        margin-left: 0 !important;
    }

    .secondary_affilate .affiliate-form-haed {
        margin-left: 0;
    }

    .place_order_affilate {
        margin-left: 0;

    }

    .coupeon_affliate {
        margin-left: 0;
        padding: 0rem 5rem;
    }

    .affiliate_wrapper_1 .affiliate-form-column {
        padding: 1.3rem;
    }

    .first-shape_1,
    .place_order_affilate {
        padding: 3rem 2rem;
    }

    .secondary_affilate .btn-white {
        width: 50%;
        margin: 0 auto;

    }

    .mobile_button_table .btnGradient span {
        font-size: 1.2rem;
        letter-spacing: 0.2rem;

    }

    .mobile_button_table .btnGradient p {
        z-index: 1;
        font-size: 2rem;
    }

    .range-slider.button_data_j {
        width: 74%;
        margin: auto;
        padding: 12px 31px;
    }

    .mobile_button_table .amount_size p {
        color: #fff;
        margin-bottom: 5px;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.04em;
    }

    .mobile_button_table .skewBox__inner1 {

        transform: skew(16deg, 0deg);

    }


    .why-inner {
        width: auto;
    }

    .mobile_button_table .skewBox1 {
        --clipVal: 10px;
        --size: 3px;
        transform: skew(-15deg, -0deg);
        padding: 10px 0;
    }

    .amount_size span {
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 7px;


    }

    .mobile_button_table {
        display: flex;
    }

    .mobile_button_inner {
        display: flex;
        gap: 20px;
        width: 100%;
        text-align: center;


    }

    .mobile_button_inner a {
        flex: 1;
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .mobile_button_table .btnGradient {
        --skew: skew(-16deg, 0);

    }

    .small_only {
        text-transform: capitalize;
        letter-spacing: 0;

    }

    .bottom-buttons {
        width: 90%;
        margin: auto;
        padding: 33px 0 33px;
    }

    .mobile_button_table .amount_size span {
        text-transform: uppercase;

    }

    .refer_earn .common-list p {
        padding-right: 0;

    }

    .footer_right h2 {
        font-size: 2rem;
    }

    /*  */


    .footer_logo {
        flex: 0 0 23%;
        width: 23%;
    }

    .faqs-tab-pannel {
        padding: 0 15px;
    }

    .faqs-tab-listing li a {
        font-size: 1.8rem;
        padding: 2rem 2rem;
    }

    .faqs-tab-listing li+li {
        margin-top: 1rem;
    }

    .desktop-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .help-box-outer {
        margin-top: 3rem;
    }

    .tabs-sidebar {
        margin-right: 2.5rem;
    }

    .tabs-content-box {
        padding: 3rem;
    }

    .tabs-content-box+.tabs-content-box {
        margin-top: 1.2rem;
    }

    .challenge-box-content h6 {
        font-size: 2.3rem;
        margin-bottom: 1.3rem;
    }

    .transparent-btn {
        font-size: 1.5rem;
    }

    .affiliate-form-column {
        padding: 3rem;
    }

    .affiliate-form-column+.affiliate-form-column {
        margin-top: 4.25rem;
    }

    .affiliate-football {
        display: none;
    }


    .blogSection__row {
        --size: 1rem;
        row-gap: 2rem;
        --width: 300px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 2rem;

        --scrollbarBG: #000;
        --thumbBG: rgba(139, 43, 215, 1);
    }

    .blogSection__row::-webkit-scrollbar {
        width: 11px;
    }

    .blogSection__row {
        scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }

    .blogSection__row::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    .blogSection__row::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }


    .blogSection .backobject.backobject__blogFootball {
        width: 50rem;
        max-width: calc(100% - 5rem);
    }

    .blogbox {
        padding: 1.5rem;
    }

    .blogbox__img {
        margin-bottom: 0.5rem;
    }

    .blogbox__readmore {
        margin-top: 0.5rem;
    }

    .backobject.backobject__racket,
    .leaderShipHeader .backobject__hand {
        display: none;
    }

    .leaderShipHeader__cntntBox {
        padding: 8rem 0;
        }

    .leaderShipHeader__titlw {
        margin-bottom: 2rem;
    }

    .w-full.play_full {
        padding: 5rem 13.5rem;
    }

    .productContentHodler__title {
        margin-bottom: 2rem;
    }

    .productContentHodler {
        padding-left: 1rem;
    }

    .productContentHodler__subtitle {
        margin-bottom: 1.5rem;
    }

    .common-padding-110.productSection {
        padding-top: 10rem;
    }

    .hockey_modal.backobject {
        width: 15rem;
        right: 0;
        top: -3%;
    }

    .affiliate-form-section.common-padding-110 {
        padding-top: 15rem;
    }

    .challangeRules .backobject.backobject__lineAngle {
        display: none;
    }
    .choose-path {
        padding-bottom: 0;
    }
}

/* 991 */

@media(max-width:767px) {

    h1,
    .h1 {
        font-size: 5rem;
    }

    h2,
    .h2 {
        font-size: 4.2rem;
    }

    h3,
    .h3 {
        font-size: 3.5rem;
    }

    h4,
    .h4 {
        font-size: 3rem;
    }

    h5,
    .h5 {
        font-size: 1.875rem;
    }

    h6,
    .h6 {
        font-size: 1.7rem;
    }

    p,
    ul li,
    ol li {
        font-size: 1.5rem;
    }

    .common-padding-110 {
        padding: 6rem 0rem;
    }

    .fun-wrapper {
        flex-direction: column;
    }

    .fun_text {
        width: 100%;

    }
    .real_time_sports {
        padding-bottom: 145px!important;
    }

    .real_time_sports .hockey_k {
        display: block;
    }

    .sports_inner {
        margin-bottom: 45px;
        flex-wrap: wrap;
    }

    .path-border {
        display: none;
    }

    .rc-design.large_f_desi.common-steps {
        padding: 0;
    }


    .choose-path .hover-bg {
        display: none;
    }

    .choose-path_inner {
        position: relative;
    }

    .rc-design.large_f_desi {
        padding: 0;
    }

    .choose-path .skewBox1:hover::after {
        background: linear-gradient(315deg, #D000CC, #8B2BD7);
    }

    .choose-path_inner {
        padding: 64px 60px;
    }


    .sports_inner h6 {
        font-size: 14px;
    }

    .sports_inner h3 {
        font-size: 2.5rem;
        color: #fff;
    }

    .sports_inner .desc {
        padding: 0;
    }

    .Logo_wrapper img {
        width: 100px;
    }

    .real_logo_k {
        flex-direction: column;
    }

    .common-padding-110 {
        /* padding: 2.9rem 0rem; */
    }

    .sports_real {
        flex-direction: column;
        padding: 0 26px;
    }

    .sports_real {
        position: relative;
        z-index: 999;
    }

    .real_time-box .real_time-in img,
    .real_time-box2 .real_time-in img,
    .real_time-box3 .real_time-in img {
        height: auto;
        clip-path: none;
        border-radius: 17px;

    }

    .real_time-in {
        padding: 2.5rem;
    }

    .real_descr h3 {
        font-size: 16px;
    }

    .real_time_sports .skewBox__inner1 {
        transform: skew(0deg, 0deg);
    }

    .real_descr h4 {
        display: none;
    }

    .real_time-box .real_descr {
        padding-right: 0;
    }

    .real_time-box,
    .real_time-box2,
    .real_time-box3 {
        height: auto;
        width: 100%;
        background: none;
        margin-left: 0;

    }

    .width-30p {
        width: 100%;
        margin-left: 0;
        margin-top: 34px;

    }

    .real_time-box2 {
        height: 100%;
        max-width: 100%;
    }

    .real_time-box3 {
        max-width: 100%;
        height: 100%;
    }

    .skewBox1 {
        position: relative;
        /* background: #000; */
        --clipVal: 30px;
        --size: 4px;
        transform: skew(-6deg, -0deg);
        width: 100%;
    }

    .skewBox1::before {
        z-index: 1;
        background: #D000CC;
        background: -o-linear-gradient(135deg, #D000CC, #8B2BD7);
        background: linear-gradient(315deg, #D000CC, #8B2BD7);
        clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)), 0 0, var(--size) var(--size), var(--size) calc(100% - var(--clipVal) - 0.83px), calc(var(--clipVal) + 0.83px) calc(100% - var(--size)), calc(100% - var(--size)) calc(100% - var(--size)), calc(100% - var(--size)) calc(var(--clipVal) + 0.83px), calc(100% - var(--clipVal) - 0.83px) var(--size), var(--size) var(--size));
    }

    .skewBox__inner1 {
        position: relative;
        z-index: 2;
        transform: skew(6deg, 0deg);
    }

    .skewBox1:after {
        z-index: -1;
        background: radial-gradient(102.13% 122.39% at 38.11% 100%, rgba(58, 27, 57, 0.6) 0%, rgba(138, 82, 126, 0) 100%);
        border-radius: 10px;
        clip-path: polygon(0 0, calc(100% - var(--clipVal)) 0, 100% var(--clipVal), 100% 100%, var(--clipVal) 100%, 0 calc(100% - var(--clipVal)));
    }

    .skewBox1:after, .skewBox1::before {
        content: "";
        position: absolute;
        inset: 0;
    }

    .active_play img {
        display: none;
    }

    .w-full.play_full {
        background-image: url(../images/frame-table.webp);
        position: relative;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 59px 95px;
    }

    .community .w-full.play_full {
        background-image: url(../images/play_comm.webp);
    }

    .paly-on h3 {
        margin-bottom: 50px;
    }

    .paly-on .pink_btn {
        min-width: 15.3rem;
        text-transform: uppercase;
        text-align: center;
    }

    .Worldwide_wrapper {
        flex-direction: column;
    }

    img.world-m-img {
        display: none;
    }

    .single_img {
        transform: skew(5deg);
        width: 22rem;
        z-index: 9;


    }

    .world_img {
        margin-bottom: 32px;
    }

    h3.same-heading {
        margin-bottom: 47px;
    }

    .sports2,
    .fav_4 {
        left: 0;
    }

    .bottom_sect {
        margin-top: 0;
    }

    .world_img.world-middle {
        margin-bottom: 32px;
    }


    .bottom_sect .single_img {
        width: 18rem;
    }

    .bottom_sect .single_img.seconds {
        width: 19rem;
    }

    .Worldwide__desc {
        padding: 2.6rem 3.0rem;
    }

    .left-space-minus-30 {
        margin-left: 0;
    }

    .Worldwide__desc h3 {
        font-size: 2.2rem;
        margin-bottom: 50px;

    }

    .bottom_sect .Worldwide__desc h3 {
        margin-bottom: 50px;

    }

    .Worldwide_wrapper .btn-width {
        min-width: 13.2rem;
    }

    .skewBox1.mobile-gradient:after {
        background: linear-gradient(315deg, #D000CC, #8B2BD7);
    }

    .navbar_logo img {
        filter: drop-shadow(2px 4px 6px black);
    }

    .Worldwide__desc.last-img_pro {
        left: 0;
    }

    .play .container::before {
        display: none;
    }

    .play {
        padding-top: 0;
    }

    .Worldwide .rc-design {
        margin-bottom: 51px;
        background-size: cover;


    }

    .w-full.play_full {

        padding: 59px 57px 47px;
    }


    .bevel.bl.br {
        display: none;
    }

    .choose-path {
        padding-bottom: 0;
    }

    .menu-icon img {
        cursor: pointer;
    }

    .menu-closebtn {
        cursor: pointer;
    }

  

    .table-part1::after {
        background: none;
    }

    .blog-detail-content h1, .blog-detail-content h2, .blog-detail-content h3, .blog-detail-content h4, .blog-detail-content h5, .blog-detail-content h6, .tabs-content-box-inner h1, .tabs-content-box-inner h2, .tabs-content-box-inner h3, .tabs-content-box-inner h4, .tabs-content-box-inner h5, .tabs-content-box-inner h6 {
        margin-bottom: 1.3rem;
    }

    .blog-detail-content ul, .blog-detail-content ol, .tabs-content-box-inner ul, .tabs-content-box-inner ol,
    .blog-detail-content p {
        margin-bottom: 1.2rem;
    }

    footer.common-color {
        padding: 6rem 0 0.3rem;
    }

    .footer_wrapper, .footer_right, .addrsess_books, .footer_logo {
        display: block;
    }

    .footer_logo {
        width: 100%;
    }

    .footer_right h2 {
        font-size: 2.2rem;
        ;
        margin-bottom: 1rem;
    }

    .footer_right>div+div {
        margin-top: 1.5rem;
    }

    .addrsess_books {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .disclaimer {
        margin-top: 1.75rem;
    }

    .disclaimer h1 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .disclaimer, .disclaimer p {
        text-align: left;
    }

    .recent-blog-btn {
        margin-top: 6rem;
    }

    .blog-detail-head .blog-detail-auther {
        font-size: 2rem;
    }

    .faqs-tab-pannel {
        display: block;
        padding: 0;
    }

    .faqs-tab-listing li a {
        padding: 2rem 2.75rem;
    }

    .tabs-sidebar {
        margin-right: 0;
        max-width: 100%;
    }

    .faqs-tab-listing {
        margin-bottom: 5rem;
    }

    .grey_btn::after {
        left: -2.43rem;
    }

    .tabs-btn-wrap .tabs-btn {
        flex: 0 0 50px;
        padding: 1.5rem 2rem;
    }

    .tabs-btn-wrap {
        column-gap: 10px;
        margin-top: 2.75rem;
    }

    .tabs-content-box-inner p {
        font-size: 1.5rem;
    }

    .join-our-team-inner {
        display: block;
    }

    .challenge-box+.challenge-box {
        margin-top: 1.5rem;
    }

    .challenge-box img {
        width: 100%;
    }

    .affiliate-form .col-6 {
        width: 100%;
    }

    .form-group {
        margin-bottom: 2.2rem;
    }

    .affiliate-form-haed {
        margin-bottom: 2.5rem;
    }

    .mobileHide {
        display: none;
    }

    .btnGradient {
        padding-block: 1rem;
    }

    .paly-on h3 {
        margin-bottom: 1.5rem;
    }

    .w-full.play_full {
        padding: 5rem 9.5rem;
                z-index: 99;
    }

    .leaderShipHeader__titlw {
        margin-bottom: 1.5rem;
    }

    .leaderShipHeader>.lineargradient {
        height: 80%;
    }

    .leaderShipHeader__cntntBox {
        padding: 9rem 0 3rem;
    }

    main:not(.HomePage) .rc-design {
        background: none;
    }

    .whyWrapper2 .real-description h2 {
        font-size: 2.2rem;
    }

    .challangeRules .backobject.backobject__basketball2 {
        right: -9%;
        width: 43%;
        top: -3%;
    }

    .whyWrapper2 .real-description p {
        display: none;
    }

    .whyWrapper2 .why-inner:hover .real-description p {
        display: block;

    }

    .whyWrapper2 .real-description {
        display: block;
        bottom: auto;

        padding: 2rem 3rem;
    }

    .whyWrapper2 .why-inner:hover img:not(.hover-b2) {
        display: none;
    }

    .whyWrapper2 .why-inner:hover .hover-b2 {
        position: static;
    }

    .whyWrapper2 .why-inner {
        width: 100%;
        width: 100%;
        max-width: 350px;
    }

    .whyWrapper2 .why-inner img {
        width: 100%;
    }

    .whyWrapper2.why_wrapper {
        flex-direction: column;
    }

    .row.productSection__row {
        flex-direction: column;
    }

    .row.productSection__row .col-6 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .productContentHodler {
        padding-left: 0rem;
        padding-top: 3rem;
        gap: 3rem;
    }

    .productContentHodler__title {
        margin-bottom: 1.5rem;
    }

    .productContentHodler__subtitle {
        margin-bottom: 1rem;
    }

    .backobject.backobject__helmet {
        left: -20%;
        width: 60%;
        top: -39%;
    }

    .blogSection>.container {
        padding-bottom: 34rem;
    }

    .leaderBoardSection.padding-60 {
        padding-top: 9rem;
    }

    .leaderBoardSection .backobject.backobject__handball {
        right: -15%;
        bottom: auto;
        width: 70%;
        top: -60%;
    }

    .calculator_line {
        background: transparent;
        padding: 0;
        gap: 20px;
        transform: skew(0deg);
        clip-path: none;
        border-radius: 0;
        flex-direction: column;
        --skew: 10deg;
        --size: 1.5rem;
        --radius: 0.5rem;
        --calc: polygon(0 0, calc(100% - var(--size)) 0, 100% var(--size), 100% 100%, var(--size) 100%, 0 calc(100% - var(--size)))
    }

    .calculator_line .wins_to {
        justify-content: space-between;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 1.3rem 1.3rem 1.3rem 5rem;
        transform: skew(calc(var(--skew) * -1));
        clip-path: var(--calc);
        background: linear-gradient(90.22deg, #8B2BD7 0.11%, #D000CC 99.93%);
        border-radius: var(--radius);
    }

    .calculator_wins {
        background: #fff;
        clip-path: var(--calc);
        transform: skew(calc(var(--skew) * 0));
        display: inline-flex;
        min-width: 10rem;
        width: auto;
        border-radius: var(--radius);
    }

    .calculator_wins span {
        display: block;
        transform: skew(var(--skew));
    }

    .wins_to p {
        transform: skew(var(--skew));
    }

    .hockey_modal_1 {
        width: 70%;
        left: -10%;
        bottom: -2%;
    }

    .odds_calculator.common-padding-110 {
        padding-top: 13rem;
    }

    .affiliate-form-section.common-padding-110 {
        padding-top: 11rem;
    }

    .best_plan .backobject__sideLine {
        display: none;
    }

}

@media(max-width:575px) {

    h1,
    .h1 {
        font-size: 3.5rem;
    }

    h2,
    .h2 {
        font-size: 3.1rem;
    }

    h3,
    .h3 {
        font-size: 2.7rem;
    }

    h4,
    .h4 {
        font-size: 2.2rem;
    }

    h5, .h5 {
        font-size: 1.75rem;
    }

    h6, .h6 {
        font-size: 1.6rem;
    }

    p,
    ul li,
    ol li {
        font-size: 1.4rem;
    }

    .common-padding-110 {
        /* padding: 4rem 0rem; */
    }


    .why-us .why-inner:not(:nth-child(4n+4)) {
        margin-left: 0;
    }

    .range-slider.button_data_j {
        width: 95%;
        margin: auto;
    }

    .best_plan .common-heading {
        margin-bottom: 70px;
    }

    .blog-detail-content p, .blog-detail-content li, .tabs-content-box-inner li {
        font-size: 1.5rem;
    }

    footer.common-color {
        padding: 3.5rem 0 0.3rem;
    }

    .copyright {
        margin-top: 2.2rem;
        padding: 2rem 0;
    }

    .recent-blog-btn {
        margin-top: 3rem;
    }

    .blog-detail-head .blog-detail-auther {
        font-size: 1.75rem;
    }

    .tabs-content-box-inner .pink_btn {
        min-width: 16rem;
        font-size: 1.6rem;
    }

    .grey_btn::after {
        left: -2.3rem;
    }

    .affiliate-signUp .btn-pick-desktop {
        width: 23.3rem;
    }

    .affiliate-form .affiliate-signUp label {
        font-size: 1.7rem;
    }

    .affiliate-signUp {
        margin-top: 2rem;
    }

    .form-group {
        margin-bottom: 1.75rem;
    }

    .affiliate-signUp label::before {
        margin-right: 8px;
    }

    .leaderShipHeader>.lineargradient {
        height: 88%;
    }

    .leaderShipHeader__wrapper .container.container-mid {
        padding: 0;
    }

    .leaderShipHeader__subtitle {
        margin-bottom: 1rem;
    }

    .bx__desktop {
        display: none !important;
    }

    .why-inner {
        width: 100%;
    }

    .real-description {
        padding: 2rem 3rem;
    }


    .common-padding-110.productSection {
        padding-top: 8rem;
    }



    .odds_inner .col-6 {
        width: 100%;
    }

    .accordion-header, .accordion-content {
        padding-inline: 3.2rem;
    }

    .accordion-header {
        font-size: 2rem;
        line-height: 1.4;
        font-weight: 500;
    }

    .affiliate-form .form-group label {
        padding: 0 0.8rem;
    }

    .modal-container {
        padding: 4rem 3rem;
    }

}

@media(max-width:480px) {

    h1,
    .h1 {
        font-size: 3.2rem;
    }

    h2,
    .h2 {
        font-size: 2.8rem;
    }

    h3,
    .h3 {
        font-size: 2.5rem;
    }

    h4,
    .h4 {
        font-size: 2.2rem;
    }

    h5, .h5 {
        font-size: 1.6rem;
    }

    h6, .h6 {
        font-size: 1.5rem;
    }

    .navbar_logo:not(.mobile_menu) {
        max-width: 113px;
    }

    .tab-block .tab-mnu .active {
        background-size: cover;

    }

    .tab-block .tab-mnu li {
        width: 41vw;
        font-size: 19px;


    }

    .tab-block .tab-mnu {
        top: -19px;

    }

    .marquee_lines .inner a {
        font-size: 1.6rem;
    }

    .single_img,
    .bottom_sect .single_img {
        width: 45%;
    }

    .bottom_sect .single_img.seconds {
        right: 11px;
    }

    .newsletter__wrapper {
        padding: 0rem 4rem;
    }

    .header .btn-white {
        padding: 1.1rem 0.1rem;
    }

    .real_descr h3 {
        font-size: 1.6rem;

    }

    .sports_dt {
        width: 50%;
    }

    .choose-path_inner {
        padding: 45px 31px;
    }

    .range-slider.button_data_j {
        width: 100%;
    }


    .join-our-team-inner {
        padding: 2rem 0;
    }

    .challenge-box-content h6 {
        font-size: 2rem;
    }

    .transparent-btn {
        font-size: 1.2rem;
    }

    .skewBox {
        transform: skew(-5deg, -0deg);
    }

    .banner-full-width img {
        min-height: 240px;
        object-fit: cover;
    }

    .news_inner {
        --boxWidth: 85px;
    }

    .news_inner .btnGradient {
        padding: 1.2rem 1.5rem;
    }
}

@media(max-width:400px) {

    .single_img,
    .bottom_sect .single_img {
        width: 55%;
    }
    img.single_img.single_3 {
        width: 47%;
    }

    .single_img {
        right: -36px;

    }

    .skew_design img {
        width: 10rem;

    }

    .secondary_affilate .btn-white {
        width: 82%;
        margin: 0 auto;
    }



    .w-full.play_full {
        padding: 59px 40px;
    }

    .tab-block .tab-mnu .active {
        background-size: contain;
    }

    .w-300 {
        width: auto;
    }

    .real-description h2 {
        font-size: 2.2rem;
        margin-bottom: 1.2rem;
    }
    .mobile_button_inner {
        display: flex;
        gap: 11px;

}
.mobile_button_table .btnGradient{
    padding-left: 6px;

}
.value_park {
    width: 134px;
    position: relative;
}
.price_dark{
    font-size: 19px;
}
}

@media(max-width:370px) {
  

    .skew_design {
        display: none;

    }

    .header .btn-white span {
        font-size: 1.2rem;
    }

    .real-description h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .real-description {
        padding: 2rem 2rem;
    }

    .whyWrapper2 .real-description h2 {
        font-size: 2rem;
    }

    .calculator_line .wins_to {
        padding: 1.3rem 1.3rem 1.3rem 3rem;
    }

    .calculator_wins {
        padding: 0.7rem 2rem;
        font-size: 1.8rem;
    }

}
@media(max-width:360px) {
/* .single_img {
    display: none;
} */
}