@media (min-width: 768px) {
    .main-screen {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 2.8rem
    }

    .header-img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 130px;
    }

    .tournament-name {
        position: absolute;
        top: 7%;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
    }

    .tournament-img-border {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) translateY(50%);
    }

    .tournament-img-bottom-left {
        position: absolute;
        bottom: -10px;
        left: 35px;
    }

    .tournament-img-bottom-right {
        position: absolute;
        bottom: -10px;
        right: 35px;
        transform: rotateY(180deg);
    }

    .main-sponsor {
        width: 221px;
        height: 205px;
        padding: 15px;
        padding-right: 35px;
        box-sizing: border-box;
        position: absolute;
    }

    .count-container {
        position: absolute;
        top: 37.4%;
        z-index: 999;
    }

    .all-counts {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .avl-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        top: 4%;
    }

    .sold-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        top: 42%;
    }

    .unsold-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        bottom: 8%;
    }

    .auction-arena-sponsor {
        width: 221px;
        height: 270px;
        padding: 15px;
        padding-right: 35px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .main-sponsor-border {
        position: absolute;
        top: 0;
        left: 0;
    }

    .main-sponsor-img {
        display: flex;
        justify-content: center;
        position: absolute;
        width: 100%;
        top: 12px;
        height: 70%;
    }

    .auction-arena-sponsor-border {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }

    .auction-arena-sponsor-img {
        display: flex;
        justify-content: center;
        /* position: absolute;
        width: 80%;
        bottom: 12px;
        height: 58%; */
    }

    .player-image {
        position: absolute;
        top: 29%;
        left: 20%;
        width: 30%;
        height: 68%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .player-details-container {
        position: absolute;
        top: 22%;
        left: 56%;
        width: 42%;
        height: 72%;
    }

    .player-shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -15px;
        left: -15px;
    }


    .player-img-container {
        clip-path: polygon(8% 0%, 13% 5%, 87% 5%, 92% 0%, 100% 0%, 100% 20%, 95% 25%, 95% 75%, 100% 80%, 100% 100%, 92% 100%, 87% 95%, 13% 95%, 8% 100%, 0% 100%, 0% 80%, 5% 75%, 5% 25%, 0% 20%, 0% 0%);
        width: 100%;
        height: 100%;
        position: relative;
    }

    .player-details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .bid-details {
        position: absolute;
        top: 45%;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .max-bid-details {
        position: absolute;
        top: 98%;
        left: 0;
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .player-additional-details {
        position: absolute;
        bottom: 22%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .player-name {
        position: absolute;
        top: 22%;
        left: 0;
        width: 100%;
        height: auto;
    }

    .team-bid {
        position: absolute;
        top: 17%;
        left: 4%;
        width: 46%;
        display: flex;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .team-img {
        position: absolute;
        top: 17%;
        left: 52%;
        width: 40%;
        height: 60%;
        max-width: 40%;
        max-height: 60%;
    }

    .left-side-elemt {
        position: absolute;
        top: 50%;
        left: 17px;
        transform: translateY(-50%);
    }

    .right-side-elemt {
        position: absolute;
        top: 50%;
        right: 17px;
        transform: translateY(-50%);
    }

    /* .bg-line-element {
        position: absolute;
        top: 43%;
    } */

    .auction-arena-logo {
        position: absolute;
        right: 0;
        top: -5%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index: 999;
    }

    .sold-img,
    .unsold-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.5);
        transition: all .4s linear;
        z-index: 2;
    }

    .d-none {
        display: none !important;
    }

    .bottom-icons {
        position: absolute;
        bottom: 6px;
        right: 13.5%;
        z-index: 999;
        display: flex;
        align-items: center
    }

    .owl-item {
        min-height: 190px !important;
    }
}

@media (max-width: 768px) {
    .d-none {
        display: none !important;
    }

    .main-screen {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 2.8rem
    }

    .header-img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: auto;
    }

    .tournament-name {
        position: absolute;
        top: 10%;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        margin: 0 auto;
    }

    .tournament-img-border {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) translateY(50%);
    }

    .count-container {
        position: absolute;
        top: 37.4%;
        z-index: 999;
    }

    .all-counts {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .avl-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        top: 4%;
    }

    .sold-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        top: 42%;
    }

    .unsold-count {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 25px 0 10px;
        width: 100%;
        box-sizing: border-box;
        bottom: 8%;
    }

    .main-sponsor {
        width: 30%;
        height: 120px;
        box-sizing: border-box;
        position: absolute;
        top: 12%;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main-sponsor-border {
        position: absolute;
        top: 0;
        left: 0;
    }

    .main-sponsor-img {
        display: flex;
        justify-content: center;
        width: 75px;
        height: 75px;
    }

    .auction-arena-sponsor {
        width: 30%;
        height: 120px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 12%;
        right: 0;
    }

    .auction-arena-sponsor-border {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
    }

    .auction-arena-sponsor-img {
        display: flex;
        justify-content: center;
        width: 75px;
        height: 75px;
    }

    .teams-container,
    .info-container {
        position: absolute;
        top: 27%;
        left: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        padding-top: 0;
        height: 65%;
        overflow-y: auto;
    }

    .info-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .player-image {
        position: absolute;
        top: 30%;
        left: 25%;
        width: 50%;
        height: 22%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .player-stats {
        position: absolute;
        top: 38%;
        left: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .player-stats a {
        color: #fff;
        font-size: 16px;
        text-decoration: underline;
    }

    .player-shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -10px;
        left: -10px;
    }

    .player-img-container {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 100%;
        overflow: hidden;
    }

    .player-details {
        position: absolute;
        top: 53%;
        left: 5%;
        width: 90%;
        height: 17%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .bid-details {
        position: absolute;
        top: 72%;
        left: 5%;
        width: 90%;
        display: flex;
        height: 17%;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .player-additional-details {
        position: absolute;
        bottom: 22%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .player-name {
        position: absolute;
        top: 17%;
        left: 0;
        width: 100%;
        height: auto;
    }

    .team-container {
        position: relative;
        height: 170px;
        margin-bottom: 15px;
    }

    .team-bid {
        position: absolute;
        top: 17%;
        left: 4%;
        width: 46%;
        display: flex;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .team-img {
        position: absolute;
        top: 17%;
        left: 52%;
        width: 40%;
        height: 60%;
        max-width: 40%;
        max-height: 60%;
    }

    /* .bg-line-element {
        position: absolute;
        top: 43%;
    } */

    .auction-arena-logo {
        position: absolute;
        right: 10px;
        top: -5%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index: 999;
    }

    .sold-img,
    .unsold-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.5);
        transition: all .4s linear;
        z-index: 2;
    }

    .d-none {
        display: none !important;
    }

    .bottom-icons {
        position: absolute;
        bottom: 6px;
        right: 13.5%;
        z-index: 999;
        display: flex;
        align-items: center
    }

    .auction-btn {
        padding: 15px 25px;
        display: flex;
        justify-content: space-between;
    }
}