@media screen and (max-width: 991px){
    .sport-box-overlay h1{
        font-family: 'Playfair Display', serif;
        font-size: 1.5rem;
        color: rgb(255, 255, 255);
        font-weight: 400;
        letter-spacing: 0.07rem;
    }

    .winning-section h1{
        font-family: 'Noto Sans', sans-serif;
        font-size: 3rem;
        margin-top: 40px;
        color: white;
        text-align: center;
    }
}




@media screen and (max-width: 767px){
    .sport-box{
        width: 40%;
        height: 150px;
        border: 0px solid transparent;
        border-radius: 20px;
        box-shadow: 0px 2px 15px rgb(0, 0, 0);
        overflow: hidden;
        cursor: pointer;
    }

    #howtxt{
        font-family: 'Playfair Display', serif;
        font-size: 3rem;
        color: rgb(255, 255, 255);
        letter-spacing: 0.4rem;
        padding-top: 50px;
        font-weight: 700;
        text-align: center;
    }

    .top-of-right-walla-section h1{
        padding: 0px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 3rem;
    }


    .section-cricket{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        margin-bottom: 130px;
    }

    .section-cricket img{
        width: 90vw;
        height: auto;
    }

    #cricket-play-section{
        background-color: white;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }


    .right-walla-section{
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        gap: 50px;
    }

    .top-of-right-walla-section h1{
        padding: 0px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 3rem;
        text-align: center;
    }
    
    .top-of-right-walla-section p{
        padding: 0px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 1rem;
        text-align: center;
    }

    .to-reverse{
        flex-direction: column-reverse;
    }
}


@media screen and (max-width: 456px){
    .sport-box{
        width: 85%;
        height: 150px;
        border: 0px solid transparent;
        border-radius: 20px;
        box-shadow: 0px 2px 15px rgb(0, 0, 0);
        overflow: hidden;
        cursor: pointer;
    }

    #howtxt{
        font-family: 'Playfair Display', serif;
        font-size: 2rem;
        color: rgb(255, 255, 255);
        letter-spacing: 0.4rem;
        padding-top: 50px;
        font-weight: 700;
        text-align: center;
    }

    .top-of-right-walla-section h1{
        padding: 0px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 2rem;
    }

}