@media screen and (min-width:1241px) and (max-width:1500px) {

    /* ==== dashboard page start ==== */

    .game-clips-table-box .table-body-scroll {
        max-height: 205px;
    }

    .game-video-container-box-main video {
        height: 355px;
    }

    .game-clip-head-box {
        flex-wrap: wrap;
    }

    .game-clip-main-box-inside .game-clip-head-box .chart-btn-open {
        width: fit-content;
        font-size: 14px;
    }

    .Possessions-in-the-Final-Third-canvas-wrapper {
        height: 350px;
    }

    /* ==== dashboard page end ==== */

    /* ==== video big screen popup start ==== */

    .video-popup-footer-btn-box .chart-btn-open {
        font-size: 14px;
        padding: 8px 18px;
    }

    .x-and-y-value-in-show-popup p {
        font-size: 14px;
        padding: 8px 18px;
    }

    .video-value-and-button-container-box {
        padding: 4px 0px;
    }

    /* ==== video big screen popup end ==== */

    /* ==== team selection page start ==== */

    .change-team-main-container .change-team-card {
        width: calc(33% - 12px);
    }

    /* ==== team selection page end ==== */

    /* === user guide page start ==== */

    .dashboard-user-guide-main-container embed {
        width: 100%;
        height: calc(100vh - 50px);
    }

    /* === user guide page end ==== */

    .home-team-and-opponent-team {
        min-width: 1090px;
    }

        .home-team-and-opponent-team .formation-grid {
            grid-template-columns: repeat(4, 1fr);
        }

        .home-team-and-opponent-team .group-title {
            font-size: 20px;
            margin-bottom: 24px;
        }

    .hm-pg-new-csmtmize .game-video-container-box-main video {
        height: 390px;
    }

    /* ==== Temporary Players Found Popup star ==== */

    .temporary-players-found-popup-main-container .popup-card {
        zoom: 0.80;
    }

    /* ==== Temporary Players Found Popup end ==== */

    /* ==== player assocation start ==== */

    .team-match-player-card-mn {
        width: calc(33.33% - 9px);
    }

    .player-assocation-date-box h6,
    .player-assocation-team-name h4 {
        font-size: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-assessment-item {
        width: calc(50% - 11px);
    }

    /* ==== player assocation end ==== */

}

@media screen and (min-width:1025px) and (max-width:1240px) {

    /* ==== dashboard page start ==== */

    .dashboard-right-side-container-main.active .game-clip-and-video-section-main-box {
        flex-direction: column;
        gap: 18px;
    }

    .dashboard-right-side-container-main.active .game-clip-box-out-in-main {
        width: 100%;
    }

    .dashboard-right-side-container-main.active .game-video-clip-container-box-main {
        width: 100%;
    }

    .dashboard-right-side-container-main.active .game-ground-main-container,
    .dashboard-right-side-container-main.active .game-dm-ground-grdunt-main-contaienr,
    .dashboard-right-side-container-main.active .football-green-ground-main-box,
    .dashboard-right-side-container-main.active .dashboard-container {
        zoom: 0.70;
    }

    .dashboard-right-side-container-main.active .cayley-knight-card-box-main {
        flex-wrap: wrap;
    }

    .dashboard-right-side-container-main.active .cayley-knight-card-inside-box {
        width: calc(24% - 3px);
    }

/* ==== dashboard page end ==== */

/* ==== football ground score start ==== */

.football-count-card-box-main {
    width: calc(33% - 9px);
}

/* ==== football ground score end ==== */

/* ==== game summary page start ==== */

.dashboard-right-side-container-main.active .flow-chart-grp-card {
    width: 100%;
}

.team-vs-team-ball-identity-box-main h5,
.team-vs-team-ball-identity-box-main h6 {
    font-size: 20px;
}

.team-vs-team-vs-box h5 {
    font-size: 30px;
}

.team-vs-team-ball-identity-box-main img {
    width: 140px;
    height: 140px;
}

.team-vs-team-ball-identity-box-main {
    gap: 14px;
}

.Possessions-in-the-Final-Third-canvas-wrapper {
    height: 350px;
}

/* ==== game summary page end ==== */

/* ==== player profile page start ==== */

.btn-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* ==== player profile page end ==== */

/* ==== drag and drop section start ==== */

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .clip-card {
    flex-direction: column;
    height: fit-content;
    width: 100%;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .video-wrapper {
    width: 100%;
    min-width: 100%;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .video-wrapper video {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 0px;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 20px;
}

.vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper {
    min-width: auto;
}

.vdo-card-and-contant-box .clip-card {
    flex-direction: column;
    height: fit-content;
    width: calc(50% - 10px);
}

.vdo-card-and-contant-box .video-wrapper {
    width: 100%;
    min-width: 100%;
    height: 350px;
}

    .vdo-card-and-contant-box .video-wrapper video {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-left-radius: 0px;
    }

.vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 20px;
}

.vdo-card-and-contant-box .clip-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.vdo-card-and-contant-box .opponent-name {
    font-size: 20px;
}

.vdo-card-and-contant-box .info-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* ==== drag and drop section end ==== */

/* ==== team selection page start ==== */

.change-team-main-container .change-team-card {
    width: calc(50% - 12px);
}

/* ==== team selection page end ==== */

/* ==== my player profile share page start ==== */

.my-profile-image-and-details-box-main {
    flex-direction: column;
    align-items: unset;
}

.my-profile-share-page-image-prfl {
    height: 220px;
    padding-right: 0px;
    border-right: unset;
    padding-bottom: 32px;
    border-bottom: 1px solid #ffffff3b;
}

.my-profile-share-page-pfl-dtals-box-mn {
    padding-left: 0px;
    padding-top: 32px;
}

/* ==== my player profile share page end ==== */

.formation-analyzer-dpdn-box-main {
    flex-wrap: wrap;
}

    .formation-analyzer-dpdn-box-main .input-group {
        width: calc(50% - 9px);
    }

    .formation-analyzer-dpdn-box-main select {
        width: 100%;
    }

/* ==== coach corner page start ==== */

.tactical-overview-card-box-mn-cntnr .card-header {
    padding: 10px 14px;
}

.tactical-overview-card-box-mn-cntnr .card {
    border-radius: 10px;
}

.tactical-overview-card-box-mn-cntnr .card-header-left h2 {
    font-size: 16px;
}

.tactical-overview-card-box-mn-cntnr .card-body {
    padding: 14px;
}

/* ==== coach corner page end ==== */

.home-team-and-opponent-team {
    min-width: 884px;
}

    .home-team-and-opponent-team .formation-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .home-team-and-opponent-team .group-title {
        font-size: 20px;
        margin-bottom: 24px;
    }

.scheduled-goal-selection-main-container {
    width: 100%;
    min-width: 770px;
}

.hm-pg-new-csmtmize .game-video-container-box-main video {
    height: 520px;
}

/* ==== Temporary Players Found Popup star ==== */

.temporary-players-found-popup-main-container .popup-card {
    zoom: 0.80;
}

/* ==== Temporary Players Found Popup end ==== */

/* ==== player assocation start ==== */

.team-match-player-card-mn {
    width: calc(33.33% - 9px);
}

.player-assocation-date-box h6,
.player-assocation-team-name h4 {
    font-size: 16px;
}

.player-assocation-date-box {
    padding: 10px;
}

.player-assocation-team-name {
    padding: 12px;
}

/* ==== player assocation end ==== */

/* ==== View Defensive Stat page Start ==== */

.View-Defensive-Stats .video-player-card,
.View-Defensive-Stats .event-logger-card {
    padding: 18px;
}

.video-player-card .game-video-container-box-main video {
    height: 520px;
}

/* ==== View Defensive Stat page End ==== */

/* ==== player profile tab start ==== */

.my-player-profile-tb-detls-crd-mn-box-inner-panel {
    padding: 18px;
}

.my-player-profile-tb-detls-crd-mn-box-header-info h2 {
    font-size: 22px;
}

.my-player-profile-tb-detls-crd-mn-box-assessment-item {
    width: calc(50% - 11px);
}

/* ==== player profile tab end ==== */

}

@media screen and (min-width:992px) and (max-width:1024px) {

    /* ==== dashboard page start ==== */

    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        width: 100% !important;
    }

    .dashboard-right-side-container-main.active .game-ground-main-container,
    .dashboard-right-side-container-main.active .game-dm-ground-grdunt-main-contaienr,
    .dashboard-right-side-container-main.active .dashboard-container {
        zoom: 0.70;
    }

    .dashboard-right-side-container-main.active .cayley-knight-card-box-main {
        flex-wrap: wrap;
    }

    .dashboard-right-side-container-main.active .cayley-knight-card-inside-box {
        width: calc(49% - 0px);
    }

.dashboard-right-side-container-main.active .football-green-ground-main-box {
    zoom: 0.60;
}

.football-green-ground-main-box {
    zoom: 0.70;
}

.cayley-knight-card-box-main {
    flex-wrap: wrap;
}

.cayley-knight-card-inside-box {
    width: calc(32% - 0px);
}

.game-clip-and-video-section-main-box {
    flex-direction: column-reverse;
    gap: 18px;
}

.game-clip-box-out-in-main {
    width: 100%;
}

.game-video-clip-container-box-main,
.hm-pg-new-csmtmize .game-video-clip-container-box-main {
    width: 100%;
}

.game-ground-main-container {
    zoom: 0.90;
}

/* ==== dashboard page end ==== */

/* ==== football ground score start ==== */

.football-count-card-box-main {
    width: calc(33% - 9px);
}

/* ==== football ground score end ==== */

/* ==== game summary page start ==== */

.dashboard-right-side-container-main.active .flow-chart-grp-card {
    width: 100%;
}

.team-vs-team-ball-identity-box-main h5,
.team-vs-team-ball-identity-box-main h6 {
    font-size: 20px;
}

.team-vs-team-vs-box h5 {
    font-size: 30px;
}

.team-vs-team-ball-identity-box-main img {
    width: 140px;
    height: 140px;
}

.team-vs-team-ball-identity-box-main {
    gap: 14px;
}

.Possessions-in-the-Final-Third-canvas-wrapper {
    height: 350px;
}

/* ==== game summary page end ==== */

/* ==== player profile page start ==== */

.btn-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* ==== player profile page end ==== */

/* ==== drag and drop section start ==== */

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .clip-card {
    flex-direction: column;
    height: fit-content;
    width: 100%;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .video-wrapper {
    width: 100%;
    min-width: 100%;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .video-wrapper video {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 0px;
}

.dashboard-right-side-container-main.active .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 20px;
}

.vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper {
    min-width: auto;
}

.vdo-card-and-contant-box .clip-card {
    flex-direction: column;
    height: fit-content;
    width: calc(50% - 10px);
}

.vdo-card-and-contant-box .video-wrapper {
    width: 100%;
    min-width: 100%;
    height: 350px;
}

    .vdo-card-and-contant-box .video-wrapper video {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-left-radius: 0px;
    }

.vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 20px;
}

.vdo-card-and-contant-box .clip-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.vdo-card-and-contant-box .opponent-name {
    font-size: 20px;
}

.vdo-card-and-contant-box .info-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* ==== drag and drop section end ==== */

/* ==== team selection page start ==== */

.change-team-main-container .change-team-card {
    width: calc(50% - 12px);
}

.change-team-main-container .change-team-title {
    font-size: 30px;
}

/* ==== team selection page end ==== */

/* ==== my player profile share page start ==== */

.my-profile-image-and-details-box-main {
    flex-direction: column;
    align-items: unset;
}

.my-profile-share-page-image-prfl {
    height: 220px;
    padding-right: 0px;
    border-right: unset;
    padding-bottom: 32px;
    border-bottom: 1px solid #ffffff3b;
}

.my-profile-share-page-pfl-dtals-box-mn {
    padding-left: 0px;
    padding-top: 32px;
}

/* ==== my player profile share page end ==== */

/* ==== team trans page start ==== */

.team-trand-chart-box-main-container .chart-wrapper,
.player-dashboard-chart-mn-container-box .chart-wrapper-div {
    zoom: 0.85;
}

/* ==== team trans page end ==== */

.formation-analyzer-dpdn-box-main {
    flex-wrap: wrap;
}

    .formation-analyzer-dpdn-box-main .input-group {
        width: calc(50% - 9px);
    }

    .formation-analyzer-dpdn-box-main select {
        width: 100%;
    }

/* ==== coach corner page start ==== */

.tactical-overview-card-box-mn-cntnr .card-header {
    padding: 10px 14px;
}

.tactical-overview-card-box-mn-cntnr .card {
    border-radius: 10px;
}

.tactical-overview-card-box-mn-cntnr .card-header-left h2 {
    font-size: 16px;
}

.tactical-overview-card-box-mn-cntnr .card-body {
    padding: 14px;
}

.tactical-overview-card-box-mn-cntnr .cards-grid {
    gap: 18px;
}

/* ==== coach corner page end ==== */

.home-team-and-opponent-team {
    min-width: 852px;
}

    .home-team-and-opponent-team .formation-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .home-team-and-opponent-team .group-title {
        font-size: 20px;
        margin-bottom: 24px;
    }

.scheduled-goal-selection-main-container {
    width: 100%;
    min-width: 770px;
}

/* ==== Temporary Players Found Popup star ==== */

.temporary-players-found-popup-main-container .popup-card {
    zoom: 0.80;
}

/* ==== Temporary Players Found Popup end ==== */

/* ==== player assocation start ==== */

.team-match-player-card-mn {
    width: calc(33.33% - 9px);
}

.player-assocation-date-box h6,
.player-assocation-team-name h4 {
    font-size: 16px;
}

.player-assocation-date-box {
    padding: 10px;
}

.player-assocation-team-name {
    padding: 12px;
}

.full-screen-video-main-container video {
    object-fit: cover;
}

/* ==== player assocation end ==== */

/* ==== game details start ==== */

.game-details-pg-acdn-header h3 {
    font-size: 20px;
}

.game-details-player-drag-an-drop-container-main .scheduled-game-drag-step-box-main .formation-columns {
    padding: 0 70px 0px 8px;
}

.game-details-player-drag-an-drop-container-main .scheduled-game-drag-step-box-main .drop-slot {
    width: 98px;
    height: 32px;
}

/* ==== game details end ==== */

/* ==== View Defensive Stat page Start ==== */

.View-Defensive-Stats .video-player-card,
.View-Defensive-Stats .event-logger-card {
    padding: 18px;
}

.video-player-card .game-video-container-box-main video {
    height: 520px;
}

/* ==== View Defensive Stat page End ==== */

/* ==== player profile tab start ==== */

.my-player-profile-tb-detls-crd-mn-box-inner-panel {
    padding: 18px;
}

.my-player-profile-tb-detls-crd-mn-box-header-info h2 {
    font-size: 22px;
}

.my-player-profile-tb-detls-crd-mn-box-card-body {
    gap: 18px;
}

.my-player-profile-tb-detls-crd-mn-box-assessment-item {
    width: calc(50% - 11px);
}

/* ==== player profile tab end ==== */

/* ==== cognitive analysis page start ==== */

.cognitive-analysi-page-mn .video-container {
    height: 400px;
}

/* ==== cognitive analysis page end ==== */

}

@media screen and (min-width:768px) and (max-width:991px) {

    /* ==== dashboard page start ==== */

    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        width: 100% !important;
    }

    .cayley-knight-card-box-main {
        flex-wrap: wrap;
    }

    .cayley-knight-card-inside-box {
        width: calc(32% - 0px);
    }

    .game-clip-and-video-section-main-box {
        flex-direction: column-reverse;
        gap: 18px;
    }

    .game-clip-box-out-in-main {
        width: 100%;
    }

    .game-video-clip-container-box-main,
    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        width: 100%;
    }

    .game-ground-main-container,
    .game-dm-ground-grdunt-main-contaienr,
    .football-green-ground-main-box,
    .dashboard-container {
        zoom: 0.70;
    }

    /* ==== dashboard page end ==== */

    /* ==== football ground score start ==== */

    .football-count-card-box-main {
        width: calc(33% - 9px);
    }

    /* ==== football ground score end ==== */

    /* ==== game summary page start ==== */

    .flow-chart-grp-card {
        width: 100%;
    }

    .team-vs-team-ball-identity-box-main h5,
    .team-vs-team-ball-identity-box-main h6 {
        font-size: 18px;
    }

    .team-vs-team-vs-box h5 {
        font-size: 28px;
    }

    .team-vs-team-ball-identity-box-main img {
        width: 140px;
        height: 140px;
    }

    .team-vs-team-ball-identity-box-main {
        gap: 14px;
    }

    .team-match-time-and-date-card {
        font-size: 16px;
    }

    .Possessions-in-the-Final-Third-canvas-wrapper {
        height: 350px;
    }

    .video-big-screen-inside-main-container video {
        object-fit: contain;
    }

    /* ==== game summary page end ==== */

    /* ==== drag and drop section start ==== */

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper {
        min-width: auto;
    }

    .vdo-card-and-contant-box .clip-card {
        flex-direction: column;
        height: fit-content;
        width: calc(50% - 10px);
    }

    .vdo-card-and-contant-box .video-wrapper {
        width: 100%;
        min-width: 100%;
        height: 280px;
    }

        .vdo-card-and-contant-box .video-wrapper video {
            border-top-left-radius: 32px;
            border-top-right-radius: 32px;
            border-bottom-left-radius: 0px;
        }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
        border-top-left-radius: 20px;
    }

    .vdo-card-and-contant-box .clip-container {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .vdo-card-and-contant-box .opponent-name {
        font-size: 20px;
    }

    .vdo-card-and-contant-box .info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ==== drag and drop section end ==== */

    /* ==== team selection page start ==== */

    .change-team-main-container .change-team-card {
        width: calc(50% - 12px);
    }

    .change-team-main-container .change-team-title {
        font-size: 30px;
    }

    .change-team-main-container .change-team-header {
        align-items: unset;
        flex-direction: column;
        margin-bottom: 14px;
    }

    /* ==== team selection page end ==== */

    /* ==== my player profile share page start ==== */

    .my-player-profile-share-page-main-box {
        padding: 24px;
    }

    .my-profile-image-and-details-box-main {
        flex-direction: column;
        align-items: unset;
    }

    .my-profile-share-page-image-prfl {
        width: 160px;
        min-width: 160px;
        height: 201px;
        padding-right: 0px;
        border-right: unset;
        padding-bottom: 32px;
        border-bottom: 1px solid #ffffff3b;
    }

    .my-profile-share-page-pfl-dtals-box-mn {
        padding-left: 0px;
        padding-top: 32px;
    }

    .my-profile-share-card-box {
        width: calc(33.33% - 11px);
    }

    /* ==== my player profile share page end ==== */

    /* ==== team trans page start ==== */

    .team-trand-chart-box-main-container .chart-wrapper,
    .player-dashboard-chart-mn-container-box .chart-wrapper-div {
        zoom: 0.90;
    }

    /* ==== team trans page end ==== */

    .formation-analyzer-dpdn-box-main {
        flex-wrap: wrap;
    }

        .formation-analyzer-dpdn-box-main .input-group {
            width: calc(50% - 9px);
        }

        .formation-analyzer-dpdn-box-main select {
            width: 100%;
        }

    /* ==== coach corner page start ==== */

    .tactical-overview-card-box-mn-cntnr .card-header {
        padding: 10px 14px;
    }

    .tactical-overview-card-box-mn-cntnr .card {
        border-radius: 10px;
    }

    .tactical-overview-card-box-mn-cntnr .card-header-left h2 {
        font-size: 16px;
    }

    .tactical-overview-card-box-mn-cntnr .card-body {
        padding: 14px;
    }

    .tactical-overview-card-box-mn-cntnr .cards-grid {
        gap: 18px;
    }

    /* ==== coach corner page end ==== */

    .home-team-and-opponent-team {
        min-width: 650px;
    }

        .home-team-and-opponent-team .formation-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .home-team-and-opponent-team .group-title {
            font-size: 20px;
            margin-bottom: 24px;
        }

    .scheduled-goal-selection-main-container {
        width: 100%;
        min-width: 640px;
    }

    /* ==== gnd drag drop start == */

    .scheduled-game-drag-step-box-main .pitch-area {
        zoom: 0.80;
    }

    .scheduled-game-drag-step-box-main .drop-slot {
        width: 110px;
    }

    .scheduled-game-drag-step-box-main .formation-columns {
        width: 80%;
    }

    .scheduled-game-drag-step-box-main .center-half-circle {
        width: 54px;
        height: 116px;
    }

    /* ==== gnd drag drop end == */

    .hm-pg-new-csmtmize .game-video-container-box-main video {
        height: auto;
    }

    /* ==== Temporary Players Found Popup star ==== */

    .temporary-players-found-popup-main-container .popup-card {
        zoom: 0.80;
    }

    /* ==== Temporary Players Found Popup end ==== */

    /* ==== tearms of service page start ==== */

    .tearms-and-cndition-pgmnn .status-banner {
        position: fixed;
        top: 28px;
        left: 0;
        right: 0;
        margin: auto;
        width: fit-content;
        z-index: 99;
    }

    /* ==== tearms of service page end ==== */

    /* ==== player assocation start ==== */

    .player-assocation-team-name h4,
    .player-assocation-date-box h6 {
        font-size: 16px;
    }

    .player-assocation-team-name {
        padding: 12px;
    }

    .player-assocation-date-box {
        padding: 10px;
    }

    .player-asstn-date-icn {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .player-assocation-page-main-body {
        flex-direction: column-reverse;
    }

    .player-assocation-left-panel-main,
    .player-assocation-right-panel-main {
        width: 100%;
    }

    .view-lineup-popup-inside-main-tbl .possession-summary-tbl-container table {
        min-width: 890px;
    }

    .full-screen-video-main-container video {
        object-fit: cover;
    }

    /* ==== player assocation end ==== */

    /* ==== game details start ==== */

    .game-details-pg-acdn-header h3 {
        font-size: 20px;
    }

    .game-details-page-header-top .manage-id-user-header {
        margin-right: auto;
    }

    /* ==== game details end ==== */

    /* ==== match review page start ==== */

    .match-review-pg-hdr-mn .player-assocation-team-name {
        margin-left: auto;
    }

    /* ==== match review page end ==== */

    /* ==== View Defensive Stat page Start ==== */

    .View-Defensive-Stats .video-player-card,
    .View-Defensive-Stats .event-logger-card {
        padding: 18px;
    }

    .video-player-card .game-video-container-box-main video {
        height: 520px;
    }

    /* ==== View Defensive Stat page End ==== */

    /* ==== highlight page start ==== */

    .playerhighlight-pgmn .main-wrapper {
        flex-direction: column-reverse;
        gap: 0px;
        overflow-y: auto;
    }

    .playerhighlight-pgmn .sidebar {
        width: 100%;
        direction: ltr;
        position: relative;
        padding: 20px;
        overflow: visible;
    }

    .playerhighlight-pgmn .card.active {
        border-right: 1px solid #005DBF;
        /* Reset borders for mobile */
        border-radius: 12px;
        margin-right: 0;
    }

    .playerhighlight-pgmn .card {
        border-radius: 12px;
        width: calc(50% - 6px);
    }

    .playerhighlight-pgmn .sidebar-inner {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .playerhighlight-pgmn .content-area {
        padding: 20px;
        flex: none;
    }

    .playerhighlight-pgmn .video-container {
        border-radius: 12px;
        height: 520px;
    }

    /* ==== highlight page end ==== */

    /* ==== player profile tab start ==== */

    .my-player-profile-tb-detls-crd-mn-box-inner-panel {
        padding: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-header-info h2 {
        font-size: 22px;
    }

    .my-player-profile-tb-detls-crd-mn-box-card-body {
        gap: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-assessment-item {
        width: calc(50% - 11px);
    }

    /* ==== player profile tab end ==== */

    /* ==== cognitive analysis page start ==== */

    .cognitive-analysi-page-mn .match-info {
        font-size: 14px;
    }

    .cognitive-analysi-page-mn .team-logo {
        width: 26px;
        height: 26px;
    }

    .cognitive-analysi-page-mn .video-container {
        max-width: 770px;
        margin: auto;
        height: 400px;
    }

    /* ==== cognitive analysis page end ==== */

    /* ==== cognitive output page start ==== */

    .cognitive-output-page-main-container .dashboard-header {
        flex-wrap: wrap;
    }

    /* ==== cognitive output page end ==== */

}

@media (max-width: 767px) {

    /* ==== dashboard page start ==== */

    .game-clip-and-video-section-main-box {
        flex-direction: column-reverse;
        gap: 18px;
    }

    .game-clip-box-out-in-main {
        width: 100%;
    }

    .game-video-clip-container-box-main,
    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        width: 100%;
    }

    .game-ground-main-container,
    .game-dm-ground-grdunt-main-contaienr,
    .dashboard-container {
        zoom: 0.60;
    }

    .football-green-ground-main-box {
        zoom: 0.50;
    }

    .cayley-knight-card-box-main {
        flex-wrap: wrap;
    }

    .cayley-knight-card-inside-box {
        width: calc(50% - 6px);
    }

    .game-video-container-box-main video {
        height: 390px;
    }

    /* ==== dashboard page end ==== */

    /* ==== football ground score start ==== */

    .football-count-card-box-main {
        width: calc(33% - 10px);
        font-size: 38px;
    }

    .football-shots-container-main {
        padding: 46px 30px 30px 30px;
    }

    /* ==== football ground score end ==== */

    /* ==== game summary page start ==== */

    .flow-chart-grp-card {
        width: 100%;
    }

    .team-vs-team-ball-identity-box-main h5,
    .team-vs-team-ball-identity-box-main h6 {
        font-size: 16px;
    }

    .team-vs-team-vs-box h5 {
        font-size: 26px;
    }

    .team-vs-team-ball-identity-box-main img {
        width: 100px;
        height: 100px;
    }

    .team-vs-team-ball-identity-box-main {
        gap: 14px;
    }

    .team-match-time-and-date-card {
        font-size: 14px;
    }

    /* ==== game summary page end ==== */

    /* ==== Submit a game for analysis popup start ==== */

    .single-wizard-itp-box .form-select,
    .single-wizard-itp-box input {
        width: 70%;
    }

    .select-new-team-row-add-check-box label,
    .select-new-team-row-add-check-box input {
        width: fit-content;
    }

    .submit-a-game-for-analysis-popup-inside-box .wizard-progress .step {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .idp-evaluation-container-main .possession-summary-card-main .possession-summary-tbl-container table {
        min-width: max-content;
    }

    .manage-id-page-jump {
        flex-wrap: wrap;
        font-size: 16px;
    }

    /* ==== Submit a game for analysis popup end ==== */

    /* ==== player profile page start ==== */

    .player-profile-main-box-container .grid {
        display: flex;
        flex-wrap: wrap;
    }

    .player-profile-main-box-container .input-group {
        width: 47%;
    }

        .player-profile-main-box-container .input-group.col-span-3 {
            width: 100%;
        }

    #CustomerTable_wrapper .dataTables_length,
    #CustomerTable_wrapper .dataTables_filter {
        margin-bottom: 18px;
        display: flex;
        flex-wrap: wrap;
    }

    #CustomerTable_filter input {
        width: 76%;
    }

    .video-big-screen-inside-main-container video {
        object-fit: contain;
    }

    /* ==== player profile page end ==== */

    /* ==== drag and drop seciton start ==== */

    .vdo-card-and-contant-box .clip-card {
        flex-direction: column;
        height: fit-content;
        width: 100%;
    }

    .vdo-card-and-contant-box .video-wrapper {
        width: 100%;
        min-width: 100%;
    }

        .vdo-card-and-contant-box .video-wrapper video {
            border-top-left-radius: 1.5rem;
            border-top-right-radius: 1.5rem;
            border-bottom-left-radius: 0px;
        }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper video {
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
        border-top-left-radius: 20px;
    }

    .vdo-card-and-contant-box .video-wrapper {
        height: 300px;
    }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .video-wrapper {
        min-width: auto;
    }

    /* ==== drag and drop seciton end ==== */

    /* ==== team selection page start ==== */

    .change-team-main-container .change-team-card {
        width: calc(50% - 12px);
        padding: 1.2rem;
    }

    .change-team-main-container .change-team-title {
        font-size: 26px;
    }

    .change-team-main-container .change-team-header {
        align-items: unset;
        flex-direction: column;
        margin-bottom: 14px;
    }

    /* ==== team selection page end ==== */

    /* ==== my player profile share page start ==== */

    .my-player-profile-share-page-main-box {
        padding: 24px;
    }

    .my-profile-image-and-details-box-main {
        flex-direction: column;
        align-items: unset;
    }

    .my-profile-share-page-image-prfl {
        width: 140px;
        min-width: 140px;
        height: 181px;
        padding-right: 0px;
        border-right: unset;
        padding-bottom: 32px;
        border-bottom: 1px solid #ffffff3b;
    }

    .my-profile-share-page-pfl-dtals-box-mn {
        padding-left: 0px;
        padding-top: 32px;
    }

    .my-profile-share-card-box {
        width: calc(50% - 8px);
    }

    .player-team-main-share-pfl-tbl-box .dataTables_filter {
        margin-left: auto;
        width: fit-content;
        padding-right: 24px;
    }

    /* ==== my player profile share page end ==== */

    /* ==== team trans page start ==== */

    .team-trand-chart-box-main-container .chart-wrapper,
    .player-dashboard-chart-mn-container-box .chart-wrapper-div {
        zoom: 0.80;
    }

    /* ==== team trans page end ==== */

    .formation-analyzer-dpdn-box-main {
        flex-wrap: wrap;
    }

        .formation-analyzer-dpdn-box-main .input-group {
            width: calc(50% - 9px);
        }

        .formation-analyzer-dpdn-box-main select {
            width: 100%;
        }

    /* ==== coach corner page start ==== */

    .tactical-overview-card-box-mn-cntnr .card-header {
        padding: 10px 14px;
    }

    .tactical-overview-card-box-mn-cntnr .card {
        border-radius: 10px;
    }

    .tactical-overview-card-box-mn-cntnr .card-header-left h2 {
        font-size: 16px;
    }

    .tactical-overview-card-box-mn-cntnr .card-body {
        padding: 14px;
    }

    .tactical-overview-card-box-mn-cntnr .cards-grid {
        gap: 18px;
    }

    /* ==== coach corner page end ==== */

    .scheduled-wizard-popup-main-cntntre {
        max-width: 95%;
        width: 95%;
        min-width: unset;
    }

    .scheduled-goal-selection-main-container {
        width: 100%;
        min-width: 100%;
        padding: 0px;
    }

    .scheduled-goal-section-title-head h2,
    .home-team-and-opponent-team .group-title {
        font-size: 20px;
        margin-bottom: 22px;
    }

    .home-team-and-opponent-team {
        width: 100%;
        min-width: 100%;
    }

        .home-team-and-opponent-team .formation-grid {
            grid-template-columns: repeat(2, 1fr);
        }

    /* ==== gnd drag drop start == */

    .scheduled-game-drag-step-box-main .pitch-area {
        zoom: 0.80;
    }

    .scheduled-game-drag-step-box-main .drop-slot {
        width: 86px;
    }

    .scheduled-game-drag-step-box-main .formation-columns {
        width: 80%;
        margin-left: 80px !important;
    }

    .scheduled-game-drag-step-box-main .center-half-circle {
        width: 54px;
        height: 116px;
    }

    .hm-pg-new-csmtmize .game-video-container-box-main video {
        height: auto;
    }

    /* ==== gnd drag drop end == */

    /* ==== Temporary Players Found Popup star ==== */

    .temporary-players-found-popup-main-container .data-table {
        min-width: 520px;
    }

    .temporary-players-found-popup-main-container .popup-card {
        zoom: 0.80;
    }

    /* ==== Temporary Players Found Popup end ==== */

    /* ==== tearms of service page start ==== */

    .tearms-and-cndition-pgmnn .button-group {
        justify-content: end;
    }

    .tearms-and-cndition-pgmnn .controls-area {
        flex-wrap: wrap;
        justify-content: end;
    }

    /* ==== tearms of service page end ==== */

    /* ==== player assocation start ==== */

    .player-assocation-team-name h4,
    .player-assocation-date-box h6 {
        font-size: 14px;
    }

        .player-assocation-team-name h4 img {
            width: 24px;
            height: 24px;
        }

    .player-assocation-team-name {
        padding: 12px;
    }

    .player-assocation-date-box {
        padding: 10px;
    }

    .player-asstn-date-icn {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .player-assocation-page-main-body {
        flex-direction: column-reverse;
    }

    .player-assocation-left-panel-main,
    .player-assocation-right-panel-main {
        width: 100%;
    }


    .team-match-player-card-mn {
        width: calc(50% - 9px);
    }

    .view-lineup-popup-inside-main-tbl .possession-summary-tbl-container table {
        min-width: 890px;
    }

    /* ==== player assocation end ==== */

    /* ==== game details start ==== */

    .game-details-pg-acdn-header h3 {
        font-size: 20px;
    }

    .game-details-pg-acdn-content .manage-goalie-container {
        padding: 0px;
    }

    .captured-substitution-only-show .game-details-pg-acdn-header {
        gap: 12px;
        flex-wrap: wrap;
    }

    .view-source-and-event-data {
        gap: 14px;
    }

    .game-vs-game-details-header-section {
        font-size: 14px;
        padding: 14px;
    }

    .game-details-page-header-top .manage-id-user-header {
        margin-right: auto;
    }

    .game-details-pg-acdn-header {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }

    .hdr-withindicate {
        position: relative;
        flex-direction: column;
        align-items: unset;
    }

        .hdr-withindicate i {
            position: absolute;
            right: 24px;
            top: 24px;
        }

    .game-details-pg-acdn-item.active .drk-acdn-flexible {
        display: flex;
        margin-left: auto;
        margin-right: 0px;
    }

    /* ==== game details end ==== */

    /* ==== match review page start ==== */

    .match-review-pg-hdr-mn .player-assocation-team-name {
        margin-left: auto;
    }

    .matchreview-pg-mn-cntr .media-card {
        padding: 18px;
    }

    .matchreview-pg-mn-cntr .section-title {
        font-size: 16px;
    }

    /* ==== match review page end ==== */

    /* ==== View Defensive Stat page Start ==== */

    .View-Defensive-Stats .video-player-card,
    .View-Defensive-Stats .event-logger-card {
        padding: 16px;
    }

    .video-player-card .game-video-container-box-main video {
        height: 420px;
    }

    /* ==== View Defensive Stat page End ==== */

    /* ==== highlight page start ==== */

    .playerhighlight-pgmn .main-wrapper {
        flex-direction: column-reverse;
        gap: 0px;
        overflow-y: auto;
    }

    .playerhighlight-pgmn .sidebar {
        width: 100%;
        direction: ltr;
        position: relative;
        padding: 20px;
        overflow: visible;
        height: fit-content;
    }

    .playerhighlight-pgmn .card.active {
        border-right: 1px solid #005DBF;
        border-radius: 12px;
        margin-right: 0;
    }

    .playerhighlight-pgmn .card {
        border-radius: 12px;
        width: calc(50% - 6px);
    }

    .playerhighlight-pgmn .sidebar-inner {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .playerhighlight-pgmn .content-area {
        padding: 20px;
        flex: none;
    }

    .playerhighlight-pgmn .video-container {
        border-radius: 12px;
        height: 420px;
    }

    .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps {
        margin-left: auto;
    }

    .playerhighlight-pgmn .video-controls {
        flex-direction: column;
        align-items: unset;
        position: relative;
        gap: 36px;
    }

        .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps:nth-last-child(1) {
            position: absolute;
            right: 15px;
        }

    /* ==== highlight page end ==== */

    /* ==== player profile tab start ==== */

    .my-player-profile-tb-detls-crd-mn-box-inner-panel {
        padding: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-header-info h2 {
        font-size: 22px;
    }

    .my-player-profile-tb-detls-crd-mn-box-card-body {
        gap: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-duration-badge {
        width: 100%;
        justify-content: center;
    }

    .my-player-profile-tb-detls-crd-mn-box-value {
        justify-content: flex-start;
    }

    .my-player-profile-tb-detls-crd-mn-box-assessment-item {
        width: 100%;
    }

    /* ==== player profile tab end ==== */

    /* ==== cognitive analysis page start ==== */

    .cognitive-analysi-page-mn .match-info {
        font-size: 14px;
        flex-wrap: wrap;
    }

    .cognitive-analysi-page-mn .team-logo {
        width: 26px;
        height: 26px;
    }

    .cognitive-analysi-page-mn .video-container {
        height: 400px;
    }

    .cognitive-analysi-page-mn .top-header {
        gap: 12px;
        flex-wrap: wrap;
    }

    /* ==== cognitive analysis page end ==== */

    /* ==== manage event page start ==== */

    .mngevnt-tbpnlmn .top-bar-right {
        flex-wrap: wrap;
    }

    /* ==== manage event page end ==== */

    /* ==== manage club page start ==== */

    .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl {
        width: 100%;
        margin: unset;
    }

        .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl .nav-tabs {
            width: 100%;
            margin: unset;
            overflow: auto;
            flex-wrap: nowrap;
            scrollbar-width: none;
        }

    .player-nm-and-icn .player-display-card {
        align-items: unset;
        padding: 12px;
    }

    /* ==== manage club page end ==== */

    /* ==== select a plan to continue page start ==== */

    .selectplanprchesmn-card {
        padding: 24px;
    }

    .selectplanprchesmn-price {
        font-size: 40px;
        line-height: unset;
    }

    .selectplanprchesmn-price-box {
        margin-bottom: 14px;
    }

    .selectplanprchesmn-feature-item {
        gap: 10px;
        font-size: 13px;
    }

    .selectplanprchesmn-features {
        gap: 16px;
        margin-bottom: 28px;
    }

    .selectplanprchesmn-header {
        padding: 16px 24px;
        justify-content: center;
    }

    .selectplanprchesmn-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .selectplanprchesmn-container {
        padding: 40px 20px;
    }

    .selectplanprchesmn-main-title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .selectplanprchesmn-football-1 {
        width: 300px;
        right: -10%;
    }

    .selectplanprchesmn-football-2 {
        width: 350px;
        bottom: 0;
    }

    .selectplanprchesmn-ambient-glow {
        display: none;
    }

    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        width: 100% !important;
    }

    /* ==== select a plan to continue page end ==== */

}

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

    /* ==== dashboard page start ==== */

    .game-name-and-flage-box p {
        font-size: 16px;
    }

    .game-video-clip-cut-and-name h4 {
        width: 85%;
    }

    .possession-summary-heading-box {
        padding: 16px;
    }

        .possession-summary-heading-box h5 {
            font-size: 18px;
        }

    .game-ground-main-container,
    .game-dm-ground-grdunt-main-contaienr,
    .dashboard-container {
        zoom: 0.50;
    }

    .game-ground-without-circle-count,
    .game-ground-center-circle-and-count,
    .dm-game-grd-counting-left h2,
    .dm-game-grd-counting-center h2,
    .dm-game-grd-counting-right h2 {
        font-size: 72px;
    }

    .header-top-main-box .team-vs-team-dpdn,
    .header-top-main-box .team-match-time-date-details {
        margin-left: auto;
    }

    .header-top-main-box {
        gap: 18px;
    }

    .game-video-container-box-main video {
        height: 280px;
    }

    /* ==== dashboard page end ==== */

    /* ==== football ground score start ==== */

    .football-count-card-box-main {
        width: calc(33% - 10px);
        font-size: 32px;
    }

    .football-shots-container-main {
        padding: 46px 20px 20px 20px;
    }

    /* ==== football ground score end ==== */

    /* ==== game summary page start ==== */

    .flow-chart-grp-card {
        width: 100%;
    }

    .team-vs-team-ball-identity-box-main h5,
    .team-vs-team-ball-identity-box-main h6 {
        font-size: 16px;
    }

    .team-vs-team-vs-box h5 {
        font-size: 26px;
    }

    .team-vs-team-ball-identity-box-main img {
        width: 100px;
        height: 100px;
    }

    .team-match-time-and-date-card {
        font-size: 14px;
    }

    .team-vs-team-inside-gm-contnr {
        flex-direction: column;
        gap: 28px;
    }

    .team-vs-team-ball-identity-box-main {
        width: 100%;
        gap: 14px;
    }

    .flow-of-the-game-crt-container-main,
    .game-summary-page-all-tbl {
        padding: 16px;
    }

    .flow-of-the-game-cnvs-box-main .possession-summary-heading-box {
        border-bottom: 1px solid #002D5B;
    }

    /* ==== game summary page end ==== */

    /* ==== Submit a game for analysis popup start ==== */

    .single-wizard-itp-box .form-select,
    .single-wizard-itp-box input {
        width: 85%;
    }

    .select-new-team-row-add-check-box label,
    .select-new-team-row-add-check-box input {
        width: fit-content;
    }

    .submit-a-game-for-analysis-popup-inside-box {
        padding: 14px;
    }

        .submit-a-game-for-analysis-popup-inside-box .wizard-progress .step {
            width: 24px;
            height: 24px;
            font-size: 12px;
        }

    /* ==== Submit a game for analysis popup end ==== */

    /* ==== player profile page start ==== */

    .player-profile-main-box-container .grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .player-profile-main-box-container .input-group {
        width: 47%;
    }

        .player-profile-main-box-container .input-group.col-span-3 {
            width: 100%;
        }

    /* ==== player profile page end ==== */

    /* ==== drag and drop section start ==== */

    .vdo-card-and-contant-box .content-wrapper {
        padding: 20px;
    }

    /* ==== drag and drop section end ==== */

    /* ==== team selection page start ==== */

    .change-team-main-container .change-team-card {
        width: 100%;
        padding: 1.2rem;
    }

    .change-team-main-container .change-team-title {
        font-size: 26px;
        margin-bottom: 28px;
    }

    .change-team-main-container .change-team-header {
        align-items: center;
        flex-direction: row;
        margin-bottom: 14px;
    }

    .change-team-main-container .change-team-tabs-wrapper {
        margin-bottom: 28px;
    }

    /* ==== team selection page end ==== */

    /* ==== logout popup start ==== */

    .logout-popup-main .modal-card {
        padding: 40px 30px;
    }

    /* ==== logout popup end ==== */

    /* ==== account setting page start === */

    .account-setting-top-tab-pnl-main-box .nav-tabs .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }

    /* ==== account setting page end === */

    /* ==== Share Profile Popup Start ==== */

    .video-link-share-popup-inside-box .possession-summary-heading-box,
    .video-link-share-profile-popup-body {
        padding: 16px;
    }

    .account-setting-top-tab-pnl-main-box .main-card .profile-row {
        flex-direction: column;
        align-items: unset;
    }

    .player-profile-main-box-container .btn {
        padding: 12px;
        font-size: 12px;
    }

    /* ==== Share Profile Popup end ==== */

    .header-top-main-box .language-slct-dpdn {
        margin-left: auto;
    }

    .football-green-ground-main-box {
        zoom: 0.50;
    }

    .football-inside-green-ground-left-and-right {
        width: 185px;
        height: 195px;
    }

        .football-inside-green-ground-left-and-right.left .football-center-line-main {
            right: 85px;
        }

        .football-inside-green-ground-left-and-right.right .football-center-line-main {
            left: 85px;
        }

    .football-inside-green-ground-text.left {
        width: 126px;
        left: 70px;
    }

    .football-inside-green-ground-text.right {
        width: 126px;
        right: 70px;
    }

    .football-inside-green-ground-text h2 {
        font-size: 76px;
        line-height: 76px;
    }

    .football-ground-yelloline-left {
        left: 220px;
    }

    .football-ground-yelloline-right {
        right: 220px;
    }

    /* ==== team trans page start ==== */

    .team-trand-chart-box-main-container,
    .player-dashboard-chart-mn-container-box {
        overflow: auto;
    }

        .team-trand-chart-box-main-container .chart-top-legend {
            flex-wrap: wrap;
            gap: 14px;
            padding-bottom: 24px;
        }

        .team-trand-chart-box-main-container .chart-wrapper,
        .player-dashboard-chart-mn-container-box .chart-wrapper-div {
            zoom: unset;
            width: 900px;
        }

    .tab-buttons {
        flex-wrap: wrap;
    }

    /* ==== team trans page end ==== */

    .formation-analyzer-dpdn-box-main {
        flex-wrap: wrap;
    }

        .formation-analyzer-dpdn-box-main .input-group {
            width: 100%;
        }

        .formation-analyzer-dpdn-box-main select {
            width: 100%;
        }

    .player-dashboard-chart-mn-container-box .metric-label {
        font-size: 16px;
    }

    .player-dashboard-chart-mn-container-box .left-controls {
        gap: 10px;
    }

    #ScheduledGameTable .player-name-and-team-logo h6 {
        white-space: unset;
    }

    .from-date-to-date-itp-box {
        flex-direction: column;
    }

    .player-name-and-team-logo {
        flex-wrap: wrap;
    }

    /* ==== gnd drag drop start == */

    .scheduled-game-drag-step-box-main .pitch-area {
        zoom: 0.70;
    }

    .scheduled-game-drag-step-box-main .drop-slot {
        width: 86px;
    }

    .scheduled-game-drag-step-box-main .formation-columns {
        width: 80%;
        margin-left: 80px !important;
    }

    .scheduled-game-drag-step-box-main .center-half-circle {
        width: 40px;
        height: 90px;
    }

    /* ==== gnd drag drop end == */

    /* ==== Temporary Players Found Popup star ==== */

    .temporary-players-found-popup-main-container .popup-header,
    .temporary-players-found-popup-main-container .popup-footer-actions {
        padding: 16px;
    }

    .temporary-players-found-popup-main-container .popup-header-title {
        font-size: 16px;
    }

    .temporary-players-found-popup-main-container .alert-banner-box {
        margin: 0 16px 20px 16px;
        padding: 14px;
    }

    .temporary-players-found-popup-main-container .table-scroll-wrapper {
        margin: 0 16px 16px 16px;
    }

    .temporary-players-found-popup-main-container .popup-card {
        width: 95%;
    }

    /* ==== Temporary Players Found Popup end ==== */

    /* ==== tearms of service page start ==== */

    .tearms-and-cndition-pgmnn .card-header {
        padding: 1.5rem;
    }

    .tearms-and-cndition-pgmnn .controls-area {
        padding: 1.5rem;
    }

    .tearms-and-cndition-pgmnn .toggle-label {
        font-size: 13px;
    }

    /* ==== tearms of service page end ==== */

    /* ==== player assocation page start ==== */

    .goal-stat-popup-select-opt-main .drk-slsct-opt-mn {
        width: 100%;
    }

    .full-screen-video-main-container video {
        object-fit: cover;
    }

    /* ==== player assocation page end ==== */

    /* ==== game details page start ==== */

    .game-details-page-game-details-acdn-mn .drk-slsct-opt-mn,
    .game-details-page-game-details-acdn-mn .drk-md-tgl-on-of-box {
        width: 100%;
    }

    .game-details-pg-acdn-content,
    .game-details-page-header-top,
    .game-vs-game-page-main-body-container,
    .source-and-event-field-main,
    .game-details-pg-acdn-header {
        padding: 16px;
    }

        .game-details-pg-acdn-header h3 {
            font-size: 18px;
        }

    .game-details-page-game-details-acdn-mn {
        gap: 12px;
    }

    .source-and-event-field-main .game-details-page-game-details-acdn-mn {
        margin-bottom: 16px;
    }

    .game-vs-game-details-header-section {
        flex-wrap: wrap;
    }

    .hdr-withindicate i {
        position: absolute;
        right: 16px;
        top: 16px;
    }

    /* ==== game details page end ==== */

    /* ==== View Defensive Stat page Start ==== */

    .View-Defensive-Stats .video-player-card,
    .View-Defensive-Stats .event-logger-card {
        padding: 16px;
    }

    .video-player-card .game-video-container-box-main video {
        height: 380px;
    }

    /* ==== View Defensive Stat page End ==== */

    /* ==== highlight page Start ==== */

    .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps .footer-actions {
        flex-wrap: wrap;
        gap: 8px;
    }

    .playerhighlight-pgmn .sidebar-inner {
        flex-direction: column;
    }

    .playerhighlight-pgmn .card {
        width: 100%;
    }

    .playerhighlight-pgmn .sidebar:not(:hover) .card:not(.active) {
        opacity: unset;
        filter: unset;
    }

    .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps .footer-actions .action-btn {
        width: 40px;
        height: 40px;
    }

    .playerhighlight-pgmn .video-container,
    .playerhighlight-pgmn .video-controls,
    .playerhighlight-pgmn .content-area,
    .playerhighlight-pgmn .sidebar {
        padding: 16px;
    }

    .playerhighlight-pgmn .video-container {
        height: 320px;
    }

    /* ==== highlight page end ==== */

    /* ==== player profile tab start ==== */

    .my-player-profile-tb-detls-crd-mn-box-header-info h2 {
        font-size: 18px;
    }

    .my-player-profile-tb-detls-crd-mn-box-duration-badge {
        font-size: 12px;
    }

    .my-player-profile-tb-detls-crd-mn-box-panel-title {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .my-player-profile-tb-detls-crd-mn-box-card-body,
    .my-player-profile-tb-detls-crd-mn-box-card-header,
    .my-player-profile-tb-detls-crd-mn-box-inner-panel {
        padding: 16px;
    }

    .my-player-profile-tb-detls-crd-mn-box-kv-row {
        padding: 10px 0px;
    }

    .my-player-profile-tb-detls-crd-mn-box-assessment-grid {
        margin-top: 16px;
    }

    /* ==== player profile tab end ==== */

    /* ==== cognitive analysis page start ==== */

    .cognitive-analysi-page-mn .match-info {
        font-size: 12px;
        flex-wrap: wrap;
        gap: 6px;
    }

    .cognitive-analysi-page-mn .team-logo {
        width: 22px;
        height: 22px;
    }

    .cognitive-analysi-page-mn .video-container {
        height: 300px;
    }

    /* ==== cognitive analysis page end ==== */

    /* ==== cognitive output page start ==== */

    .cognitive-output-page-main-container .dashboard-header {
        flex-wrap: wrap;
    }

    .cognitive-output-page-main-container .header-middle {
        flex-direction: column;
    }

    /* ==== cognitive output page end ==== */

    /* ==== manage event page start ==== */

    .mngevnt-tbpnlmn .top-bar-right {
        flex-wrap: wrap;
    }

    .manage-events-fixtures-cntnr-mn .brand-top-panel,
    .manage-events-fixtures-cntnr-mn .main-table-component,
    .manage-events-fixtures-cntnr-mn .roster-table-wrapper {
        padding: 16px;
    }

    .manage-events-fixtures-cntnr-mn .tournament-title {
        font-size: 20px;
    }

    .manage-events-fixtures-cntnr-mn .player-name-and-team-logo {
        flex-wrap: nowrap;
    }

    .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box .nav-tabs {
        width: fit-content;
    }

    /* ==== manage event page end ==== */

    /* ==== manage club page start ==== */

    .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl {
        width: 100%;
        margin: unset;
    }

        .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl .nav-tabs {
            width: 100%;
            margin: unset;
            overflow: auto;
            flex-wrap: nowrap;
            scrollbar-width: none;
        }

    /* ==== manage club page end ==== */

    /* ==== select a plan to continue page start ==== */

    .selectplanprchesmn-grid {
        grid-template-columns: 1fr;
    }

    .selectplanprchesmn-main-title {
        font-size: 26px;
        margin-bottom: 28px;
    }

    .selectplanprchesmn-container {
        padding: 30px 20px;
    }

    .selectplanprchesmn-currency {
        font-size: 18px;
        margin-top: 6px;
    }

    .selectplanprchesmn-price {
        font-size: 32px;
    }

    /* ==== select a plan to continue page end ==== */

}

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

    /* ==== dashboard page start ==== */

    .game-video-clip-cut-and-name h4 {
        width: 78%;
        font-size: 16px;
    }

    .cayley-knight-card-inside-box {
        width: 100%;
    }

    .game-player-full-details-section,
    .game-video-clip-container-box-main {
        padding: 16px;
    }

    .game-clip-head-box,
    .game-clip-first-box {
        padding: 12px 16px;
    }

    .game-ground-main-container,
    .game-dm-ground-grdunt-main-contaienr,
    .football-green-ground-main-box,
    .dashboard-container {
        zoom: 0.30;
        margin-top: 200px;
        max-width: 100%;
    }

    .tab-buttons {
        flex-wrap: wrap;
    }

    .game-video-container-box-main video {
        height: 180px;
    }

    .coaches-comment-count-and-name p {
        font-size: 14px;
    }

    .game-ground-box-two .game-clips-dpdn .game-clips-dpdn-header,
    .dm-ground-grd-ground-sec-main .game-clips-dpdn .game-clips-dpdn-header,
    .football-inside-green-ground .game-clips-dpdn .game-clips-dpdn-header {
        padding: 18px 20px;
        font-size: 40px;
        border-radius: 18px;
    }

    .game-ground-box-two .game-clips-dpdn,
    .dm-ground-grd-ground-sec-main .game-clips-dpdn,
    .football-inside-green-ground .game-clips-dpdn {
        right: 0;
        top: -192px;
        width: 100% !important;
    }

        .game-ground-box-two .game-clips-dpdn .game-clips-dpdn-header i,
        .dm-ground-grd-ground-sec-main .game-clips-dpdn .game-clips-dpdn-header i,
        .football-inside-green-ground .game-clips-dpdn .game-clips-dpdn-header i {
            font-size: 40px;
        }

        .game-ground-box-two .game-clips-dpdn .game-clips-dpdn-list li,
        .dm-ground-grd-ground-sec-main .game-clips-dpdn .game-clips-dpdn-list li,
        .football-inside-green-ground .game-clips-dpdn .game-clips-dpdn-list li {
            padding: 20px 20px;
            font-size: 36px
        }

    /* ==== dashboard page end ==== */

    /* ==== football ground score start ==== */

    .football-count-card-box-main {
        width: calc(33.50% - 9px);
        font-size: 20px;
    }

    .football-game-score-count-box-main {
        gap: 12px;
    }

    .football-shots-container-main {
        padding: 40px 14px 14px 14px;
    }

        .football-shots-container-main .game-clips-dpdn {
            width: 250px;
        }

    /* ==== football ground score end ==== */

    /* ==== game summary page start ==== */

    .team-vs-team-vs-box h5 {
        font-size: 22px;
    }

    #tab2.tab-content {
        padding: 16px;
    }

    /* ==== game summary page end ==== */

    /* ==== insight popup start ==== */

    .insight-popup-head-main h5 {
        font-size: 18px;
        width: 80%;
    }

    /* ==== insight popup end ==== */

    /* ==== Submit a game for analysis popup start ==== */

    .single-wizard-itp-box .form-select,
    .single-wizard-itp-box input {
        width: 90%;
    }

    .select-new-team-row-add-check-box label,
    .select-new-team-row-add-check-box input {
        width: fit-content;
    }

    .idp-evaluation-container-main,
    .idp-date-and-extract-pdf-btn-box-main,
    .idp-players-goals {
        padding: 14px;
    }

    /* ==== Submit a game for analysis popup end ==== */

    /* ==== player profile page start ==== */

    .player-profile-main-box-container .grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .player-profile-main-box-container .input-group {
        width: 100%;
    }

        .player-profile-main-box-container .input-group.col-span-3 {
            width: 100%;
        }

    .player-profile-main-box-container .profile-row {
        flex-wrap: wrap;
    }

    .player-profile-main-box-container .checks-box {
        padding: 18px;
    }

    .player-profile-main-box-container .profile-info h1 {
        font-size: 24px;
    }

    .video-popup-footer-btn-box button {
        padding: 10px 12px;
        font-size: 14px;
    }

    /* ==== player profile page end ==== */

    /* ==== drag and drop section start ==== */

    .vdo-card-and-contant-box .opponent-name {
        font-size: 16px;
    }

    .vdo-card-and-contant-box .info-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .vdo-card-and-contant-box .card-footer {
        gap: 12px;
        flex-wrap: wrap;
    }

    .vdo-card-and-contant-box .video-wrapper {
        height: 250px;
    }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .opponent-name {
        font-size: 14px !important;
    }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .content-wrapper {
        padding: 0px 12px !important;
    }

    .vdo-card-and-contant-box .clip-container.dragging-active .clip-card .meta-info {
        gap: 1px;
    }

    .vdo-card-and-contant-box .content-wrapper,
    .my-gallery-page-main-container-inside {
        padding: 16px;
    }

    .vdo-card-and-contant-box .label-tiny {
        margin-bottom: 2px;
    }

    .my-profile-upld-img-box .btn-light {
        padding: 12px 10px;
        font-size: 12px;
    }

    /* ==== drag and drop section end ==== */

    /* ==== team selection start ==== */

    .change-team-main-container {
        padding: 2rem 18px;
    }

        .change-team-main-container .change-team-title {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .change-team-main-container .change-team-tab-btn {
            padding: 10px 20px;
        }

        .change-team-main-container .change-team-header {
            align-items: unset;
            flex-direction: column;
            margin-bottom: 14px;
            gap: 12px;
        }

    /* ==== team selection end ==== */

    /* ==== logout popup start ==== */

    .logout-popup-main .modal-card {
        padding: 30px 20px;
    }

    .logout-popup-main .exit-track {
        width: 295px;
        height: 95px;
        margin-bottom: 28px;
    }

    .logout-popup-main .ball-wrapper {
        width: 65px;
        height: 65px;
    }

    .logout-popup-main .exit-door {
        width: 68px;
        height: 68px;
    }

    .logout-popup-main h2 {
        font-size: 28px;
    }

    .logout-popup-main .text-group {
        margin-bottom: 22px;
    }

    /* ==== logout popup end ==== */

    /* ==== account setting page start === */

    .account-setting-top-tab-pnl-main-box .nav-tabs {
        flex-wrap: nowrap;
        width: 312px;
        overflow: auto;
        scrollbar-width: none;
    }

        .account-setting-top-tab-pnl-main-box .nav-tabs .nav-link {
            min-width: max-content;
        }

    .view-highlight-and-select-video-btn-box .btn-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /* ==== account setting page end === */

    /* ==== my player profile share page start ==== */

    .my-profile-share-card-box {
        width: 100%;
    }

    .my-profile-image-and-details-box-main {
        padding: 18px;
    }

    .my-profile-share-page-image-prfl {
        padding-bottom: 24px;
        height: 174px;
    }

    .my-profile-share-page-pfl-dtals-box-mn {
        padding-top: 24px;
    }

    .profile-share-player-team-dtls {
        padding: 16px 18px;
    }

    .player-team-main-share-pfl-tbl-box .dataTables_filter {
        padding-right: 18px;
    }

    .player-team-main-share-pfl-tbl-box .dataTables_length {
        padding-left: 18px;
    }

    .player-team-main-share-pfl-tbl-box table .text-left {
        padding-left: 18px !important;
    }

    .profile-share-player-team-dtls h5 {
        font-size: 18px;
    }

    /* ==== my player profile share page end ==== */

    /* === coach corner page start ==== */

    .coach-corner-crd-box-player-card {
        padding: 12px;
        flex-direction: column;
        align-items: unset;
    }

    .coach-corner-crd-box-stat-line {
        gap: 6px;
        flex-wrap: wrap;
    }

    .tactical-overview-card-box-mn-cntnr .card-header-left h2 {
        font-size: 14px;
    }

    /* === coach corner page end ==== */

    .home-team-and-opponent-team .formation-grid {
        gap: 8px;
    }

    .home-team-and-opponent-team .formation-card {
        min-height: max-content;
    }

    .home-team-and-opponent-team .pitch-preview {
        min-height: 146px;
    }

    .home-team-and-opponent-team .player-dot {
        width: 8px;
        height: 8px;
    }

    .home-team-and-opponent-team .formation-name {
        padding: 8px 5px;
    }

    /* ==== gnd drag drop start == */

    .scheduled-game-drag-step-box-main .pitch-area {
        zoom: 0.55;
    }

    .scheduled-game-drag-step-box-main .drop-slot {
        width: 86px;
    }

    .scheduled-game-drag-step-box-main .formation-columns {
        width: 80%;
        margin-left: 80px !important;
    }

    .scheduled-game-drag-step-box-main .center-half-circle {
        width: 40px;
        height: 90px;
    }

    .scheduled-game-drag-step-box-main .player-source-pill .jersey-num {
        width: 20px;
        height: 20px;
        font-size: 8px;
        margin-right: 4px;
    }

    /* ==== gnd drag drop end == */

    .submit-video-wizard-popup-main .upload-wizard-form-video-text h4 {
        font-size: 20px;
    }

    .hm-pg-new-csmtmize .game-video-clip-container-box-main {
        padding: 0px;
    }

    /* ==== tearms of service page start ==== */

    .tearms-and-cndition-pgmnn .document-viewport h3 {
        font-size: 1.2rem;
    }

    /* ==== tearms of service page end ==== */

    /* ==== player assocation start ==== */

    .player-assocation-page-header-main,
    .player-assocation-page-main-body,
    .game-video-clip-container-box-in-out-mn,
    .team-lineup-match-players-main-container,
    .player-assocation-left-panel-main .panel-card,
    .player-assocation-left-panel-main .controls-box {
        padding: 16px;
    }

    .team-match-player-card-mn {
        width: 100%;
    }

    .player-assocation-right-panel-main .game-video-container-box-main video {
        height: 275px;
    }

    .goal-stat-popup-inside-main .possession-summary-heading-box h5 {
        font-size: 16px;
    }

    .goal-stat-popup-mins-and-secs input {
        width: 120px;
    }

    .goal-stat-popup-select-opt-main {
        gap: 12px;
    }

    .full-screen-video-main-container video {
        object-fit: cover;
    }

    /* ==== player assocation end ==== */

    /* ==== match review page start ==== */

    .matchreview-pg-mn-cntr .media-card {
        padding: 16px;
    }

    .matchreview-pg-mn-cntr .main-content,
    .matchreview-pg-mn-cntr .comments-grid {
        gap: 18px;
    }

    /* ==== match review page end ==== */

    /* ==== View Defensive Stat page Start ==== */

    .View-Defensive-Stats .video-player-card,
    .View-Defensive-Stats .event-logger-card {
        padding: 16px;
    }

    .video-player-card .game-video-container-box-main video {
        height: 280px;
    }

    /* ==== View Defensive Stat page End ==== */

    /* ==== highlight page Start ==== */

    .playerhighlight-pgmn .video-container {
        height: 260px;
    }

    #AddBtnPopupMn .goal-stat-popup-body-main,
    #AddBtnPopupMn .goal-stat-popup-inside-main .player-assocation-left-panel-main.btn-mn-box-mn-tltps .footer-actions,
    #AssignedPlayerPopupMn .goal-stat-popup-body-main,
    #AssignedPlayerPopupMn .goal-stat-popup-inside-main .player-assocation-left-panel-main.btn-mn-box-mn-tltps .footer-actions {
        padding: 16px;
    }

    .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps .footer-actions {
        gap: 8px;
    }

    .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps:nth-last-child(2) .footer-actions {
        justify-content: center;
    }

        .playerhighlight-pgmn .video-controls .player-assocation-left-panel-main.btn-mn-box-mn-tltps:nth-last-child(2) .footer-actions .action-btn {
            z-index: 999;
        }

    /* ==== highlight page End ==== */

    /* ==== my player profile new tab start ==== */

    .my-profile-page-mypf-tb-mn-wrapper {
        padding: 24px 16px;
        color: #ffffff;
    }

    .my-player-profile-add-main-popup-container .my-profile-frm-mn-container {
        width: 100%;
        padding: 20px 16px;
    }

    .my-player-profile-tb-addt {
        padding: 16px;
    }

    .my-player-profile-tb-detls-crd-mn-box-inner-panel {
        min-width: 100%;
    }

    .my-player-profile-tb-detls-crd-mn-box-kv-row {
        gap: 6px;
    }

    .my-player-profile-tb-detls-crd-mn-box-value {
        font-size: 13px;
    }

    .my-player-profile-tb-detls-crd-mn-box-panel-title {
        font-size: 12px;
    }

    .my-player-profile-tb-detls-crd-mn-box-badge {
        font-size: 10px;
    }

    .my-player-profile-tb-detls-crd-mn-box-assessment-grid {
        gap: 12px;
    }

    /* ==== my player profile new tab end ==== */

    /* ==== helo effect popup start ==== */

    #HaloEffectPopupMn .my-profile-page-mypf-tb-mn-title {
        font-size: 16px;
        padding: 16px;
    }

    .helo-effect-step-main-box {
        padding: 16px;
    }

        .helo-effect-step-main-box .step-card {
            padding: 16px;
        }

    /* ==== helo effect popup end ==== */

    /* ==== cognitive analysis page start ==== */

    .cognitive-analysi-page-mn .match-info {
        font-size: 12px;
        flex-wrap: wrap;
        gap: 6px;
    }

    .cognitive-analysi-page-mn .team-logo {
        width: 22px;
        height: 22px;
    }

    .cognitive-analysi-page-mn .video-container {
        height: 250px;
    }

    .cognitive-analysi-page-mn .video-section,
    .cognitive-analysi-page-mn .top-header,
    .cognitive-analysi-page-mn .controls-toolbar,
    .cognitive-analysi-page-mn .tbl-mn-cgnitive-pg-mn-tbl {
        padding: 16px;
    }

    /* ==== cognitive analysis page end ==== */

    /* ==== cognitive output page start ==== */

    .cognitive-output-page-main-container .chart-container {
        padding: 5px 16px 16px 16px;
    }

    /* ==== cognitive output page end ==== */

    /* ==== manage club page start ==== */

    .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl {
        width: 100%;
        margin: unset;
    }

        .manage-events-fixtures-cntnr-mn .account-setting-top-tab-pnl-main-box.mngclub-pgmntabspnl .nav-tabs {
            width: 100%;
            margin: unset;
        }

    /* ==== manage club page end ==== */

    /* ==== select a plan to continue page start ==== */

    .selectplanprchesmn-container {
        padding: 20px 20px;
    }

    .selectplanprchesmn-main-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .selectplanprchesmn-grid {
        gap: 20px;
    }

    .selectplanprchesmn-currency {
        font-size: 18px;
        margin-top: 6px;
    }

    .selectplanprchesmn-price {
        font-size: 32px;
    }

    #gameDropdownList {
        min-width: fit-content;
    }

    .roster-table-wrapper .top-bar-right {
        flex-wrap: wrap;
    }

    /* ==== select a plan to continue page end ==== */

    .dashboard-container {
        margin-top: 224px !important;
    }

        .dashboard-container .game-clips-dpdn .game-clips-dpdn-header {
            padding: 18px 20px;
            font-size: 40px;
            border-radius: 18px;
        }

            .dashboard-container .game-clips-dpdn .game-clips-dpdn-header i {
                font-size: 40px;
            }

        .dashboard-container .game-clips-dpdn {
            right: 0 !important;
            top: -160px !important;
            width: 100% !important;
        }

            .dashboard-container .game-clips-dpdn .game-clips-dpdn-list li {
                padding: 20px 20px;
                font-size: 36px;
            }

}

/* ==== only sidebar use start ==== */

@media (max-width: 991px) {

    .sidebar-opn-close-db-prt {
        display: block;
        transform: rotate(180deg);
    }

    .sidebar-header {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    /* .dashboard-right-side-container-main.active {

        .sidebar-opn-close-db-prt {
            display: none;
        }

    } */

    .sidebar.collapsed {
        width: 280px;
        min-width: 280px;
    }

    .sidebar.collapsed .sidebar-header .toggle-btn {
        display: none;
    }

    .sidebar.collapsed .sidebar-shield-container-main {
        display: block;
    }

    .sidebar.collapsed .dropdown-container {
        position: unset;
        width: 100%;
        margin-top: 6px;
    }

    .sidebar.collapsed .nav-item:not(.has-dropdown):hover .tooltip {
        display: none;
    }

    .sidebar.collapsed .sidebar-header {
        align-items: flex-start;
    }

.sidebar.collapsed .menu-text,
.sidebar.collapsed .logo-text,
.sidebar.collapsed .chevron,
.sidebar.collapsed .user-details {
    display: block;
}

.sidebar.collapsed .nav-link,
.sidebar.collapsed .drop-btn {
    justify-content: center;
    padding: 10px 12px;
}

.sidebar.collapsed .nav-link,
.sidebar.collapsed .nav-item .drop-btn {
    height: fit-content;
}

.sidebar {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0px;
    transition: 0.3s;
}

    .sidebar.collapsed {
        left: -280px;
    }

}

/* ==== only sidebar use end ==== */

/* ==== pass matrix dashboard start ==== */

@media (max-width: 767px) {

    .pm-th,
    .pm-td {
        width: 85px !important;
        min-width: 85px !important;
        max-width: 85px !important;
        height: 85px !important;
        font-size: 10px !important;
        padding: 6px !important;
    }

    .pm-th-r1-c2,
    .pm-td-sticky-col-2,
    .pm-th-diag-r2 {
        left: 92px !important;
    }

    .pm-th-r2-c1,
    .pm-th-diag-r2,
    .pm-th-r2 {
        top: 91px !important;
    }

    .pm-ball-img {
        width: 100% !important;
        height: 100% !important;
    }

    .pm-diag-recipient {
        position: absolute;
        top: 5px !important;
        right: 5px !important;
        font-size: 8px !important;
    }

    .pm-diag-passing {
        position: absolute;
        bottom: 5px !important;
        left: 5px !important;
        font-size: 8px !important;
    }

    .pm-ball-num {
        margin-left: 2px !important;
        margin-bottom: 2px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 575px) {

    .pm-th,
    .pm-td {
        width: 75px !important;
        min-width: 75px !important;
        max-width: 75px !important;
        height: 75px !important;
        font-size: 8px !important;
        padding: 4px !important;
    }

    .pm-th-r1-c2,
    .pm-td-sticky-col-2,
    .pm-th-diag-r2 {
        left: 84px !important;
    }

    .pm-th-r2-c1,
    .pm-th-diag-r2,
    .pm-th-r2 {
        top: 81px !important;
    }

    .pm-ball-img {
        width: 100% !important;
        height: 100% !important;
    }

    .pm-diag-recipient {
        position: absolute;
        top: 4px !important;
        right: 6px !important;
        font-size: 7px !important;
    }

    .pm-diag-passing {
        position: absolute;
        bottom: 4px !important;
        left: 6px !important;
        font-size: 7px !important;
    }

    .pm-ball-num {
        margin-left: 2px !important;
        margin-bottom: 2px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {

    .pm-th,
    .pm-td {
        width: 65px !important;
        min-width: 65px !important;
        max-width: 65px !important;
        height: 65px !important;
        font-size: 8px !important;
        padding: 4px !important;
    }

    .pm-th-r1-c2,
    .pm-td-sticky-col-2,
    .pm-th-diag-r2 {
        left: 73px !important;
    }

    .pm-th-r2-c1,
    .pm-th-diag-r2,
    .pm-th-r2 {
        top: 72px !important;
    }

    .pm-ball-img {
        width: 100% !important;
        height: 100% !important;
    }

    .pm-diag-recipient {
        position: absolute;
        top: 18px !important;
        right: 0px !important;
        font-size: 7px !important;
        transform: rotate(45deg);
    }

    .pm-diag-passing {
        position: absolute;
        bottom: 18px !important;
        left: 4px !important;
        font-size: 7px !important;
        transform: rotate(45deg);
    }

    .pm-ball-num {
        margin-left: 1px !important;
        margin-bottom: 1px !important;
        font-size: 10px !important;
    }

    .pass-matrix-btn-link {
        font-size: 12px;
    }

    .pass-matrix-banner {
        margin-bottom: 12px;
    }
}

/* ==== pass matrix dashboard end ==== */

/* ==== video height media start ====  */

@media screen and (min-width:1920px) and (max-width:3840px) {

    .game-video-container-box-main video,
    .cognitive-analysi-page-mn .video-container {
        height: 50vh;
    }

    .cognitive-analysi-page-mn .video-container {
        max-width: 900px;
        height: 50vh;
        margin: auto;
    }

    .game-clips-table-box .table-body-scroll {
        max-height: 44vh;
    }
}

/* ==== video height media end ====  */