@media (min-width: 540px) {
    .shreya-event-section-main-container {
        height: auto;
    }

    .shreya-event-section-sub-container {
        flex-wrap: wrap;
        width: 95%;
        justify-content: center;
    }

    .shreya-event-section-sub-container .shreya-event-main-card{
    /* position: relative; */
    background-color: #fff;
    transition: all 0.5s;
    padding: 20px;
    /* transform: skewY(-5deg); */
    margin: 30px 0 20px;
    width: 88%;
    height: 500px;
}
.shreya-event-main-card .shreya-event-card-img{
    position: relative;
    overflow: hidden;
    transform: skewY(5deg);
    border-radius: unset;
    margin-top: -50px;
    /* background-color:#003e4d; */
    background-size: cover;
    width: 100%;
    height: 55%;
}
}
@media (min-width: 580px) {
    .shreya-event-section-main-container {
        height: auto;
    }

    .shreya-event-section-sub-container {
        flex-wrap: wrap;
        width: 95%;
        justify-content: center;
    }

    .shreya-event-section-sub-container .shreya-event-main-card{
    /* position: relative; */
    background-color: #fff;
    transition: all 0.5s;
    padding: 20px;
    /* transform: skewY(-5deg); */
    margin: 30px 0 20px;
    width: 75%;
    height: 450px;
}
.shreya-event-main-card .shreya-event-card-img{
    position: relative;
    overflow: hidden;
    transform: skewY(5deg);
    border-radius: unset;
    margin-top: -50px;
    /* background-color:#003e4d; */
    background-size: cover;
    width: 100%;
    height: 55%;
}
}
@media (min-width: 620px) {
    .shreya-event-section-main-container {
        height: auto;
    }

    .shreya-event-section-sub-container {
        flex-wrap: wrap;
        width: 95%;
        justify-content: center;
    }

    .shreya-event-section-sub-container .shreya-event-main-card{
    /* position: relative; */
    background-color: #fff;
    transition: all 0.5s;
    padding: 20px;
    /* transform: skewY(-5deg); */
    margin: 30px 0 20px;
    width: 65%;
    height: 450px;
}
.shreya-event-main-card .shreya-event-card-img{
    position: relative;
    overflow: hidden;
    transform: skewY(5deg);
    border-radius: unset;
    margin-top: -50px;
    /* background-color:#003e4d; */
    background-size: cover;
    width: 100%;
    height: 55%;
}
}
@media (min-width: 750px) {
    .shreya-event-section-main-container {
        height: auto;
    }

    .shreya-event-section-sub-container {
        flex-wrap: wrap;
        width: 95%;
        justify-content: center;
    }

    .shreya-event-section-sub-container .shreya-event-main-card{
    /* position: relative; */
    background-color: #fff;
    transition: all 0.5s;
    padding: 20px;
    /* transform: skewY(-5deg); */
    margin: 30px 0 20px;
    width: 55%;
    height: 450px;
}
}