@media (max-width: 1920px) {

}


@media (max-width: 1600px) {
    .football-player img {
        width: 120px;
    }
}


@media (max-width: 1440px) {

}


@media (max-width: 1366px) {

}


@media (max-width: 1280px) {

    .banner-title h1 {
        font-size: 45px;
    }

    .banner-title h2 {
        /* font-size: 175px; */
    }

    .banner-bottom h5 {
        font-size: 18px;
    }

    section.banner-bottom::after {
        width: 66px;
        height: 64px;
    }

    .the-final-score-content h3 {
        font-size: 35px;
        margin: 12px 0 12px;
    }

    .the-final-score-content a {
        padding: 16px 20px;
    }

    .counter-content h3 {
        font-size: 40px;
        margin: 0 0 12px;
    }

    .counter-content p {
        font-size: 16px;
    }

    .how-it-works-left h2 {
        font-size: 35px;
    }

    .final-score-title h3 {
        font-size: 35px;
    }

    .final-score-card h5 {
        font-size: 20px;
        margin: 15px 0 12px;
    }

    .final-score-card svg {
        width: 72px;
        height: 72px;
    }

    .testimonials-slide-body h4 {
        font-size: 35px;
        margin: 0 0 20px;
    }

    .get-in-touch-title h3 {
        font-size: 35px;
        margin: 0 0 15px;
    }

    section.the-final-score::after {
        width: 56px;
        height: 116px;
    }

    section.how-it-works::after {
        width: 56px;
        height: 116px;
    }

    section.how-it-works::before {
        width: 56px;
        height: 116px;
    }

    section.final-score::after {
        width: 56px;
        height: 116px;
    }

    section.testimonials::after {
        width: 56px;
        height: 116px;
    }

    section.get-in-touch::before {
        width: 56px;
        height: 116px;
    }

    section.get-in-touch::after {
        width: 66px;
        height: 64px;
    }

    .football-player img {
        width: 120px;
    }

    .football-red-img img {
        width: 100%;
        height: 430px;
        object-fit: cover;
    }
}


@media (max-width: 1024px) {
    section.banner-bottom::after {
        z-index: -1;
    }
section.banner.inner-page .banner-title {
    bottom: 3px;
}
    header a.navbar-brand img {
        height: 135px;
        width: auto;
    }

    .mobile-logo {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 10px;
    }
    .players-list.betss table {
        display: block !important;
        overflow-x: auto;
        white-space: nowrap;
    }
    .footer-para {
        margin-bottom: 60px;
    }

    nav.footer-navigation.footer-content.mb-5 {
        margin-top: 60px;
    }

    .banner-bottom-card.blue-one {
        z-index: 9;
        position: relative;
    }

    .banner-title h1 {
        font-size: 35px;
    }

    section.banner {
        padding: 140px 0 50px;
    }

    .banner-title h2 {
        /* font-size: 150px; */
    }

    .banner-title svg {
        top: 44px;
        width: 310px;
        z-index: -1;
    }

    .banner-bottom h5 {
        font-size: 17px;
    }

    section.banner-bottom .row {
        gap: 15px 0;
    }

    section.banner-bottom .col-md-3 {
        width: 50%;
    }

    section.banner-bottom {
        top: -35px;
        padding: 0 0 80px;
    }

    section.banner-bottom .col-md-3:nth-child(3) {
        order: 1;
    }

    section.banner-bottom::after {
        width: 41px;
        height: 39px;
        top: 35px;
    }

    .the-final-score-content h3 {
        font-size: 30px;
        margin: 8px 0 8px;
    }

    .counter-content h3 {
        font-size: 35px;
        margin: 0 0 8px;
    }

    .counter-content p {
        font-size: 15px;
    }


    .football-player img {
        width: 70px;
    }

    section.the-final-score {
        padding: 0 0 70px;
    }

    section.counter-cta {
        margin-bottom: 80px;
    }

    section.the-final-score::after {
        width: 31px;
        height: 91px;
    }

    section.how-it-works::after {
        width: 31px;
        height: 91px;
    }

    .how-it-works-left h2 {
        font-size: 30px;
    }

    .how-it-works-left button.accordion-button {
        font-size: 16px;
        height: 56px;
    }

    .sport-img img {
        min-height: 408px;
    }

    .football-red h4 {
        font-size: 18px;
    }

    .football-red {
        height: 74px;
    }

    .football-red-img img {
        height: 430px;
    }

    .football-red-img img {
        height: 396px;
    }

    section.how-it-works::before {
        width: 31px;
        height: 91px;
    }

    section.how-it-works {
        padding-bottom: 80px;
        position: relative;
    }

    .final-score-main {
        padding: 45px;
    }

    .final-score-title h3 {
        font-size: 30px;
    }

    .final-score-card {
        padding: 20px;
        width: 100%;
        height: 100%;
    }

    section.final-score::after {
        width: 31px;
        height: 91px;
    }

    section.testimonials::after {
        width: 31px;
        height: 91px;
    }

    section.testimonials {
        padding: 80px 0;
    }

    .testimonials-slide-head span svg {
        width: 50px;
        height: 50px;
    }

    .testimonials-slide-body h4 {
        font-size: 30px;
        margin: 0 0 15px;
    }

    .testimonials-slide-head span {
        margin: 0 0 30px;
    }

    .testimonials-images::after {
        width: 90px;
        height: 90px;
    }

    .testimonials-images::before {
        width: 110px;
        height: 110px;
    }

    .testimonials-images-two::after {
        width: 170px;
        background-size: cover;
        height: 170px;
    }

    .testimonials-images-two::before {
        width: 91px;
        height: 91px;
    }

    section.get-in-touch::before {
        width: 31px;
        height: 91px;
    }

    .get-in-touch-title h3 {
        font-size: 30px;
        margin: 0 0 15px;
    }

    header .navbar-nav li a {
        font-size: 15px;
    }

    header a.contact-us {
        padding: 10px 40px;
        font-size: 15px;
    }


    .footer-content span img {
        width: 62%;
    }

    .footer-content p {
        font-size: 13px;
    }

    .footer-content h4 {
        font-size: 18px;
    }

    section.banner {
        padding: 220px 0 110px;
    }

    .players img:nth-child(3) {
        right: 306px;
        top: -36px;
        width: 17%;
    }

    .players img:nth-child(2) {
        top: 17px;
        width: 17%;
        left: 33px;
    }

    .players img:nth-child(1) {
        left: 230px;
        top: 0;
        width: 25%;
    }
}

@media (max-width: 900px) {
    header a.navbar-brand {
        position: relative;
    }

    .players img:nth-child(1) {
        left: 170px;
        top: 0;
        width: 25%;
    }

    .players img:nth-child(3) {
        right: 236px;
        top: -36px;
        width: 17%;
    }

    .banner-title h2 {
        margin: 35px 0 0;
        font-size: 120px;
    }

    header.collapse.show {
        position: absolute;
        top: 60px;
        padding: 12px 18px;
        background: var(--Style, linear-gradient(-137deg, #00B9FF 11.18%, #005D7C 91.63%));
        left: 0;
        right: 0;
        width: fit-content;
    }

    .navbar-toggler-icon {
        filter: invert(1) brightness(15);
    }

    .navbar-toggler:focus {
        box-shadow: unset !important;
    }


    header#header .dnone {
        display: none;
    }

    nav.mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .hamburger-mobile img {
        filter: invert(1);
        width: 15px;
    }

    .mobile-logo img {
        height: 80px;
        width: auto;
    }


    section.the-final-score .col-md-6 {
        width: 100%;
    }

    section.the-final-score .col-md-6 .row .col-md-6 {
        width: unset;
    }

    .sport-img img {
        min-height: unset;
    }

    .batsman-img img {
        max-height: unset;
    }

    .cash-img img {
        max-height: unset;
    }

    section.how-it-works .col-md-6 {
        width: 100%;
    }

    .how-it-works-right .col-md-6 {
        width: 50% !important;
    }

    .how-it-works-right .row .col-md-6:nth-child(2) {
        margin-top: 0;
    }

    .how-it-works-right .row .col-md-6 {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .how-it-works-right {
        margin: 30px 0 0;
    }

    .testimonials-slide-body h4 {
        font-size: 24px;
        margin: 0 0 15px;
    }

    .final-score-card svg {
        width: 60px;
        height: 60px;
    }

    .the-final-score-content {
        margin: 20px 0 0;
    }

    .testimonials-images-two::after {
        width: 140px;
        height: 140px;
    }

    .testimonials-images::before {
        width: 90px;
        height: 90px;
    }

    .testimonials-images::after {
        width: 70px;
        height: 70px;
    }

    .testimonials-images-two::before {
        width: 71px;
        height: 71px;
    }
}

@media (max-width: 800px) {
    .football-player {
        display: none;
    }

    section.banner {
        padding: 220px 0 104px;
    }

    .statement {
        font-size: 22.21px;
        line-height: 28.37px;
    }


}

@media (max-width: 768px) {

.col.column2 {
    margin-left: 0 !important;
}

.col.column1 {
    position: absolute;
    z-index: 9999999;
}
.sidebar.collapsed {
    width: 92px;
    position: absolute;
    left: -90px;
}
    section.final-score {
        padding-bottom: 50px !important;
    }
.low-balance {
    background-color: #ff4d4f;
    color: white;
    padding: 20px 40px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
    animation: pulse 1.5s infinite;
    width: 40%;
}
.header.d-flex.justify-content-between.align-items-center {
    flex-wrap: wrap;
    justify-content: center !important;
}
.header.d-flex.justify-content-between.align-items-center h2 {
    text-align: center;
    font-size: 20px;
}
    .players-list.betss {
        overflow-x: auto;
    }

    .batting-card-body .col-md-4 {
        flex: 1 1 48%;
    }
    .players-list.betss table {
        display: block !important;
        overflow-x: auto;
        white-space: nowrap;
    }
    
}

/* Teams Info */
.teams {
    display: flex;
    align-items: center;
    gap: 10px;
}

.teams img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.teams h4 {
    font-size: 1rem;
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.teams span {
    font-weight: bold;
    color: #333;
}

/* Winner section */
.winner {
    margin-top: 10px;
    text-align: center;
}

.winner h4 {
    font-size: 0.95rem;
    margin: 0;
}

/* Live label */
.live-label {
    background-color: red;
    color: white;
    font-size: 0.8rem;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    margin: 5px;
    z-index: 1;
}

/* Select2 override for responsive width */
.select2-container {
    width: 100% !important;
}

/* Game Date input fix */
.input-group.date {
    width: 100%;
}



.players-list.betss h6 {
    font-size: 1.1rem;
}

.players-list.betss h4 {
    font-size: 0.9rem;
}

section.counter-cta {
    margin-bottom: 20px;
}

.second-heading {
    font-size: 32px;
}

.banner-title h2 {
    font-size: 80px;
}

footer {
    background-position: 100% 100%;
    padding: 49px 0 30px;
}

footer .col-md-1 {
    display: none;
}

footer .col-md-2 {
    width: 100%;
}

.gamble-number p {
    font-size: 12px;
}

.score h5 {
    font-size: 16px !important;
}

#carouselExampleFade .carousel-item p {
    margin-bottom: 0px;
    font-size: 16px !important;
}

.card.p-2.rounded-4 {
    margin-bottom: 20px;
}

.batting-card-head h4 {
    font-size: 14px !important;
}

.players-list table h4,
.players-list table p {
    font-size: 14px;
}

.players-list table th,
.players-list table td {
    white-space: nowrap;
    padding: 8px;
}

.tab-head h6,
.tab-head a {
    font-size: 16px;
}

.gamble-number h3 {
    font-size: 16px;
}

/* .gamble-number {
    display: none;
} */
footer .col-md-3 {
    width: 100%;
}

footer .row {
    gap: 30px 0;
}

.footer-content span img {
    width: 30%;
}

section.the-final-score .col-md-6 .row .col-md-6 {
    width: 50%;
}

.batsman-img img {
    max-height: unset;
    height: 168px;
}

.cash-img img {
    max-height: unset;
    height: 168px;
}

.counter-cta-bg .col-md-3 {
    width: 22%;
}

section.banner-bottom .col-md-3 {
    width: 100%;
}

.counter-cta-bg {
    padding: 12px 0;
}

.counter-cta-bg .col-md-3 {
    width: 22%;
}

.counter-content h3 {
    font-size: 22px;
}

.counter-content p {
    font-size: 12px;
}

.players img:nth-child(3) {
    right: 176px;
    top: -36px;
    width: 22%;
}

.players img:nth-child(1) {
    left: 130px;
    top: 0;
    width: 25%;
}

nav.footer-navigation.footer-content.mb-5 {
    /*display: none;*/
}

.players-list table h4,
.players-list table p {
    font-size: 14px;
}

.players-list table td,
.players-list table th {
    white-space: nowrap;
    padding: 20px 30px;
}

.tab-head h6,
.tab-head a {
    font-size: 16px;
}


@media (max-width: 575.98px) {
    .batting-card-head h4,
    .teams h4,
    .winner h4 {
        font-size: 0.9rem;
    }

    .teams img {
        width: 30px;
        height: 30px;
    }

    .batting-card {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    section.counter-cta {
        margin-bottom: 20px;
    }

    header a.navbar-brand img {
        height: 150px;
        width: auto;
    }

    section.banner-bottom::after {
        z-index: -1;
    }

    .banner-bottom-card.blue-one {
        z-index: 9;
        position: relative;
    }

    .banner-title h1 {
        font-size: 25px;
    }

    .banner-title h2 {
        margin: 35px 0 0;
        font-size: 80px;
    }

    .players img:nth-child(1) {
        left: 130px;
    }

    .players img:nth-child(3) {
        right: 174px;
    }

    .banner-title svg {
        top: 38px;
        width: 160px;
        z-index: -1;
    }

    .banner-bottom h5 {
        font-size: 16px;
    }

    section.banner-bottom .col-md-3 {
        width: 100%;
    }


    section.banner-bottom .col-md-3:nth-child(3) {
        order: 3;
    }

    section.banner-bottom .col-md-3:nth-child(4) {
        order: 4;
    }

    section.the-final-score .col-md-6 .row .col-md-6 {
        width: 50%;
    }

    .cash-img img {
        max-height: unset;
        height: 169px;
    }

    .batsman-img img {
        max-height: unset;
        height: 169px;
    }

    .the-final-score-content h3 {
        font-size: 26px;
    }

    .counter-cta-bg {
        padding: 12px 0;
    }

    .counter-cta-bg .col-md-3 {
        width: 22%;
    }

    .counter-content h3 {
        font-size: 22px;
    }

    .counter-content p {
        font-size: 12px;
    }

    section.the-final-score {
        padding: 0 0 50px;
        margin: 0;
    }


    section.counter-cta {
        margin-bottom: 60px;
    }

    .how-it-works-left h2 {
        font-size: 26px;
    }

    .how-it-works-left button.accordion-button {
        font-size: 15px;
        height: 50px;
    }

    .football-red h4 br {
        display: none;
        font-size: 17px;
    }

    .football-red-img img {
        height: 100%;
    }

    .football-red {
        height: 55px;
    }

    .final-score-title h3 {
        font-size: 26px;
    }

    .final-score-main {
        padding: 30px;
    }

    .final-score-card svg {
        width: 50px;
        height: 60px;
    }

    .final-score-main .col-md-6:nth-child(3) {
        order: 4;
    }

    .testimonials-slide-body h4 {
        font-size: 22px;
        margin: 0 0 15px;
    }

    .testimonials-images::before {
        width: 60px;
        height: 60px;
    }

    .testimonials-images::after {
        width: 40px;
        height: 40px;
    }

    .testimonials-images-two::after {
        width: 100px;
        height: 100px;
    }

    .testimonials-images-two::before {
        width: 51px;
        height: 51px;
    }

    .get-in-touch-title h3 {
        font-size: 26px;
        margin: 0 0 15px;
    }

    .statement {
        font-size: 16.21px;
        line-height: 21.37px;
    }
}

@media (max-width: 480px) {

    section.live-news {
        padding: 0px !important;
    }

    .hamburger-mobile {
        top: 9px;
        /* width: 100%; */
    }
.banner-title h1 {
    font-size: 33px;
}
    .mobile-logo {
        top: -4px;
    }

    .scrollll {
        padding: 0px 0px 15px 0;
    }
            .banner-title h1 {
                margin-top: -22px !important;
            }
    header a.navbar-brand img {
        height: 98px;
    }

    .banner-title h1 {
        font-size: 20px;
    }

    .banner-title h2 {
        font-size: 60px;
    }

    section.the-final-score .col-md-6 .row .col-md-6 {
        width: 100%;
    }

    section.the-final-score .row {
        gap: 15px 0;
    }

    .batsman-img img {
        height: unset;
    }

    .cash-img img {
        height: unset;
    }

    section.get-in-touch::after {
        width: 56px;
        height: 54px;
    }

    section.counter-cta {
        margin-bottom: 50px;
        margin-top: 50px !important;
    }

    .players img:nth-child(1) {
        left: 115px;
    }

    .players img:nth-child(3) {
        right: 97px;
        top: 5px;
    }

    section.banner {
        padding: 150px 0 106px;
        background-position: left;
    }

    .second-heading {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .players {
        top: 299px;
        display: none;
    }

    .counter-content p {
        font-size: 10px;
    }

    .testimonials-slide-body h4 {
        font-size: 18px;
    }

    .testimonials-slide-body p {
        font-size: 14px;
        line-height: 20px;
    }

    .winner-main .winner {
        width: max-content;
        padding: 4px 5px;
    }

    h2.baner-hed {
        /* display: none; */
    }

    .players-list table h4,
    .players-list table p {
        font-size: 12px;
    }

    .tab-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .tab-head h6,
    .tab-head a {
        font-size: 14px;
    }

    span.zoom-in-two {
        display: none;
    }

    .banner-title svg {
        top: 250px;
        width: 160px;
        z-index: -1;
    }

    .players-list table h4,
    .players-list table p {
        font-size: 12px;
    }

    .players-list.betss {
        margin-bottom: 30px;
    }

    .tab-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .tab-head h6,
    .tab-head a {
        font-size: 14px;
    }

    header a.navbar-brand img {
        /* width: 79%; */
        height: 140px;
        /* position: relative; */
        /* top: -40px; */
        /* left: -33px; */
    }

    nav.mobile-header {
        /* margin-top: 40px; */
    }

    section.banner {
        padding: 100px 0 37px;
        background-position: left;
    }

    .banner-title h1 {
        font-size: 20px;
        margin-top: 45px;
    }

    .inner-banner {
        padding-top: 77px !important;
    }

    .inner-page {
        height: 230px;
    }

    .steps-main-heading {
        font-size: 27px;
        line-height: 39px;

    }

    .steps-content h5 {
        font-size: 20.01px;
        line-height: 26.01px;
    }

    section.the-final-score p {
        font-size: 15px;
    }

    .account {
        margin-bottom: 20px;
    }

    .gamble-number {
        margin-right: 0px !important;
        margin-top: 60px;
    }

    .teams h4 {
        font-size: 14px;
    }
}

/* .datepicker-dropdown {
    top: 0;
    left: 0;
    left: 120px !important;
}

.datepicker table {
    width: 250px !important;
    display: inline-table;
    height: 290px !important;
} */

@media (max-width: 414px) {
    .players-list.betss {
        margin-bottom: 30px;
    }

    .winner-main .winner {
        width: max-content;
        padding: 4px 5px;
    }
}

@media (max-width: 375px) {
    .second-heading {
        font-size: 24px;
    }

    .dashboard-one-right {
        padding: 0 17px 60px;
    }

    section.final-score {
        padding-bottom: 50px !important;
        padding-top: 10px !important;
    }

    .contact-us-mobile a {
        display: none !important;
    }

    .scrollll {
        padding: 0px 0px 20px 0;
    }

    .hamburger-mobile {
        top: 12px;
    }

    header a.navbar-brand img {
        width: 100%;
        height: 96px;
        object-fit: contain;
        position: relative;
        top: -8px;
        /* left: -71px; */
    }

    .players-list.betss {
        margin-bottom: 30px;
    }

    nav.mobile-header {
        /* margin-top: 41px; */
    }

    .flexx {
        margin-left: 17px;
    }

    .winner-main .winner {
        width: max-content;
        padding: 4px 5px;
    }
}


@media (max-width: 320px) {
    .banner-links {
        flex-wrap: wrap;
    }

    .footer-para p {
        font-size: 12px;
        line-height: 18px;
    }

    .players-list.betss {
        margin-bottom: 30px;
    }

    .second-heading {
        font-size: 32px;
        line-height: 39px;
    }

    .dashboard-one-right {
        padding: 0 0px 60px 21px;
    }

    .winner-main .winner {
        width: max-content;
        padding: 4px 5px;
    }

    .datepicker table {
        width: 200px !important;
        display: inline-table;
        height: 270px !important;
    }
}