@media (max-width:1399.98px) {
    .gallery-img-card {
        width: 212px;
        height: 212px;
    }
}
@media (max-width:1199.98px) {
    :root {
        --font-heading: 42px;
        --font-subheading: 32px;
    }

    .home-page-section .brand-logo {
        max-width: 280px;
        margin: 0 auto 30px;
    }

    .heading {
        margin-bottom: 40px;
    }

    .yogasana-banners .owl-carousel .item img {
        border-radius: 30px;
    }

    .header-page-links {
        gap: 26px;
    }

    .count-heading {
        font-size: 16px;
    }

    .count-number p{
        font-size: 22px;
    }

    .gallery-img-card {
        width: 177px;
        height: 177px;
    }

    .contact-link-nav ul{
        flex-direction: row;
    }

    .contact-link-nav ul li{
        width: 100%;
    }

    .contact-link-nav ul li a{
        height: 100%;
    }
}

@media (max-width:991.98px) {
    .yogasana-banners .owl-carousel .item img {
        border-radius: 20px;
    }

    :root {
        --font-heading: 42px;
        --font-subheading: 28px;
    }

    .sub-heading {
        margin-bottom: 20px;
    }

    .home-page-card {
        padding: 18px;
    }

    .home-page-card .card-head h3 {
        font-size: var(--font20);
    }

    .header-page-links {
        gap: 20px;
    }

    .header-bottom::after {
        right: calc(56% + -40px);
    }

    .header-bottom::before {
        width: calc(56% + 30px);
    }

    .header-top-contact {
        gap: 10px;
    }

    .evnt-heading h3 {
        font-size: var(--font20);
    }

    .eve-card-bottom {
        gap: 30px;
        padding: 12px 30px;
    }

    .eve-card-bottom p:first-child {
        padding-right: 30px;
    }

    .social-link {
        gap: 10px;
    }

    .gallery-img-card {
        width: 165px;
        height: 165px;
    }

    .contact-content {
        padding: 20px 16px 20px 0;
    }

    .contact-link-card {
        gap: 10px;
    }

    .contact-link-nav ul {
        gap: 16px;
    }

    .person-imag {
        width: 150px;
        height: 150px;
        margin: 0 auto 40px;
    }

    .person-name {
        font-size: 16px;
    }

    .professions {
        font-size: 14px;
    }
}

@media (max-width:767.98px) {
    .yogasana-banners .owl-carousel .item img {
        border-radius: 16px;
    }
    
    :root {
        --font-heading: 36px;
    }

    .home-page-card .card-head h3 {
        font-size: var(--font24);
    }

    .footer-align {
        gap: 10px;
        flex-direction: column;
    }

    .header-nav {
        flex-direction: column;
        gap: 10px;
    }

    .header-bottom::before {
        width: 100%;
    }

    .header-right {
        min-width: 100%;
    }

    .event-card-head {
        flex-direction: column;
    }

    .referee-section {
        gap: 16px;
    }

    .referee-section h2 {
        font-size: 26px;
    }

    .event-card-mid-section {
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }

    .yogasana-banners .owl-dots .owl-dot span {
        height: 10px !important;
        width: 10px !important;
    }

    .gallery-img-card {
        width: 164px;
        height: 164px;
    }

    .vmore-btn {
        padding: 6px 16px;
        border-radius: 8px;
        gap: 6px;
    }

    .contact-fcard-img {
        display: none;
    }

    .contact-content {
        padding: 26px 20px;
    }

    .contact-link-nav ul {
        flex-direction: column;
    }

    .clint-review {
        min-height: auto;
    }
}

@media (max-width:575.98px) {
    .yogasana-banners .owl-carousel .item img {
        border-radius: 12px;
    }

    .yogasana-banners .owl-dots .owl-dot span {
        height: 8px !important;
        width: 8px !important;
    }

    .yogasana-banners .owl-dots {
        gap: 6px;
        bottom: -20px;
    }

    :root {
        --font-subheading: 24px;
    }

    .card-rank-btn {
        margin-left: 0;
    }

    .home-page-section .brand-logo {
        max-width: 210px;
        margin: 0 auto 20px;
    }

    .homw-page-padding {
        padding: 40px 0;
    }

    .header-top-contact {
        display: none;
    }

    .brand-logo {
        max-width: 200px;
        margin-bottom: 10px;
    }

    .evnt-heading {
        align-items: start;
    }

    .event-card-tab ul {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-card-tab ul li {
        width: 100%;
    }

    .card-profile-sec {
        text-align: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
    }

    .eve-card-mid {
        text-align: center;
        margin: 0 auto;
    }

    .eve-card-bottom {
        flex-direction: column;
        gap: 10px;
    }

    .eve-card-bottom p:first-child {
        padding-right: 0;
        border-right: 0 solid var(--white);
    }

    .referee-section {
        gap: 10px;
        flex-direction: column;
    }

    .referee-cards {
        justify-content: start;
    }

    .event-card-top-right {
        max-width: 100%;
    }

    .eve-card-bottom {
        padding: 12px 20px;
    }

    .eve-card-bottom p {
        font-size: var(--font12);
    }

    .home-page-card .card-head h3 {
        font-size: var(--font18);
    }

    .header-bottom {
        flex-direction: column;
        gap: 10px;
    }

    .header-bottom::before {
        height: 76px;
    }

    .about-card {
        padding: 16px;
    }

    .over-view-card {
        padding: 0 16px 40px;
    }

    .gallery-img-card {
        width: 92px;
        height: 92px;
    }

    .gallery-section {
        gap: 10px;
    }

    .testimonial-card, .contact-content {
        padding: 22px 12px;
    }

    .contact-first-card {
        border-radius: 10px;
    }

    .footer-links {
        flex-direction: column;
        align-items: center;
        margin-bottom: 24px;
    }

    .footer-links .footer-link {
        border-right: none;
    }
}


.poweredcontain{
padding:60px 0px;
}

.gallery-img-card img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}


/*------------------------------------------
    Responsive Grid Media Queries - 1280, 1024, 768, 480
     1280-1024   - desktop (default grid)
     1024-768    - tablet landscape
     768-480     - tablet 
     480-less    - phone landscape & smaller
  --------------------------------------------*/

@media all and (max-width: 1400px) {}

@media all and (max-width: 1280px) {
    .hero-banner .match-banner {
        .team .team-logo {
            width: 12.3rem;
            height: 12.3rem;
        }

        .team-right {
            padding-left: 3rem;
        }
    }
}

@media all and (max-width: 1024px) {
    .default-tabbing .tournament-pill-box .nav-tabs {
        justify-content: center;

        .nav-link {
            border-radius: 2rem 2rem 0 0;
        }
    }

    .live-match-page {
        grid-template-columns: 1fr;

        .sidebar-info {
            border-bottom: 0.1rem solid #8D8D8D;
            border-right: 0;
            /* // margin-bottom: 2rem; */
        }

        .result-card {
            margin: 8rem auto;
            min-height: 18rem;
        }

        .team-columns-container {
            gap: 1rem;
        }

        .team-column .column-header.header-green .team-logo {
            order: 1;
        }


        .team-column {
            margin-bottom: 1rem;

            .column-header {
                .team {
                    justify-content: center;
                    text-align: left !important;
                }
            }

            .column-body {
                min-height: 60rem;
            }

            .column-body,
            .column-header {
                padding: 1rem;
            }
        }

        /* // .center-separator {
        //     top: 8rem;
        // } */
    }

    .match-info-tabbing {
        .match-schedule-item {
            flex-wrap: wrap;
            justify-content: center;
        }
    }
}

@media all and (max-width: 991px) {

    .container {
        max-width: 100%;
    }

    .match-info-tabbing {
        .divider {
            display: none;
        }

        .match-info {
            flex: 0 0 100%;
            text-align: center;
        }
    }

    .hero-banner .match-banner {
        flex-wrap: wrap;
        gap: 10rem;

        .team {
            width: 100%;
            padding: 0 !important;

            .team-logo {
                width: 10rem;
                height: 10rem;
            }

            .team-details .team-name {
                font-size: 4rem;
            }
        }

        .center-separator {
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            justify-content: center;
            width: 100%;

            &::before {
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
                height: 0.4rem;
            }
        }
    }

    .live-action-widget {
        .team-info-card {
            border-radius: 1.6rem 1.6rem 0 0;
        }

    }
}

@media all and (min-width: 1025px) and (max-width: 1350px) {
    .live-match-page {
        grid-template-columns: 1fr;

        .sidebar-info {
            border-bottom: 0.1rem solid #8D8D8D;
            border-right: 0;
        }
    }
}

@media all and (min-width: 1351px) and (max-width: 1550px) {
    .live-match-page {
        grid-template-columns: 40rem 1fr;

        .sidebar-info {
            border-bottom: 0.1rem solid #8D8D8D;
            border-right: 0;
        }
    }
}

/* // @media all and (min-width: 1025px) and (max-width: 1400px) {
//     .live-match-page {
//         grid-template-columns: 40rem 1fr;
//     }
// } */

@media all and (min-width: 768px) and (max-width: 1024px) {
    .tournaments-section {
        .d-badge-box {
            border-radius: 1.5rem;
            position: initial;

            .status-badge {
                height: initial;
                width: initial;
            }
        }

        .section-title-container .section-title {
            font-size: 2.6rem;
        }
    }
}

@media all and (min-width: 576px) and (max-width: 768px) {
    /* // .live-match-page {

    //     .team-columns-container {
    //         grid-template-columns: auto;
    //     }
    // } */
}

@media (max-width: 968px) {
    .row.col-flex-fix.gx-5 {
        --bs-gutter-x: initial;
        padding: 0 1.3rem;
    }
}

@media all and (max-width: 768px) {
    .default-tabbing .tournament-pill-box .nav-tabs {
        justify-content: initial;
        flex-wrap: initial;
        overflow-x: auto;
        padding-top: 1rem;

        .nav-item {
            flex: 0 0 auto;
        }

        /* // .nav-link {
        //     min-width: 14rem;
        // } */
    }

    .live-match-page {

        .team-columns-container {
            grid-template-columns: auto;
        }

        .center-separator {
            top: 46%;
        }

        /* // .team-column {
        //     margin-bottom: 4rem;
        // } */
    }

    .match-info-tabbing .btn-live-result {
        flex: 0 0 auto;
    }
}

@media all and (max-width: 576px) {
    .btn {
        min-width: 10rem !important;
        min-height: 3.6rem !important;
        padding: 0 1.4rem !important;
        font-size: 1.4rem !important;
    }

    .default-tabbing .tournament-pill-box .nav-tabs {
        .nav-link {
            padding: 0.3rem 1.2rem;
            border-radius: 2rem 2rem 0 0;

            span {
                font-size: 1.2rem;
            }
        }
    }

    .tournaments-section {
        .d-badge-box {
            border-radius: 1.5rem;
            height: 4.4rem;
            min-width: 9rem;
            position: initial;
            padding: 0 1rem;
            width: auto;

            .status-badge {
                height: initial;
                width: initial;
            }
        }

        .section-title-container .section-title {
            font-size: 2.6rem;
        }
    }

    .tournament-info-card {
        .t-card-body .card-details {
            flex-direction: column-reverse;

            .content-right {
                height: 25.8rem;
                background-color: #fff;
                border-radius: 1.5rem;
                margin-bottom: 2rem;

                img {
                    object-fit: contain;
                }
            }
        }

        .card-title {
            font-size: 2.4rem;
        }

        .t-card-footer {
            text-align: center;

            .btn-view-details {
                width: 20rem;
            }
        }
    }

    .live-match-page {

        .main-content-area .referee-info-bar {
            flex-wrap: wrap;
            margin-top: 0;
        }

        .result-card {
            margin: 8rem auto;
            min-height: 18rem;
        }

        .team-columns-container {
            gap: 1rem;
            /* // display: flex;
            // flex-wrap: wrap; */
        }

        .team-column .column-header.header-green .team-logo {
            order: 1;
        }

        .team-column .column-body {
            /* // padding: 0; */
        }
    }

    .match-info-tabbing {
        .match-info {
            text-align: center;
        }

        .divider {
            display: none;
        }
    }

    .t-match-info-section .tournament-info-card {
        flex-direction: column;

        .image-content-only {
            text-align: center;
        }

        .t-card-header {
            flex-wrap: wrap;
            justify-content: center;

            .card-title {
                margin-top: 1rem;
            }
        }

        .tournament-info-box {
            flex-direction: column;
        }

        .match-stats {
            justify-content: center;
            margin-top: 2rem;
        }
    }

    .pagination {
        .page-item {
            &:not(:first-child):not(:last-child) {
                display: none;
            }
        }
    }

    .live-action-widget {

        .team-info-card {
            flex-direction: column;
            padding: 2rem 1rem;

            .team-details .team-name {
                font-size: 3.2rem;
            }

            .team-identity {
                flex-direction: column;
            }
        }

        .action-timer-card {
            flex-direction: column;
        }
    }
}

/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles here */
}

/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles here */
}

/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {}


/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1395px;
    }
}