@media (max-width: 1000px) {
   
    .event-card img {
        width: 13rem;
        height: 13rem;
    }
    .event-title {
        font-size: 40px;
    }
    .event-date {
        font-size: 20px;
    }
    .event-price {
        font-size: 20px;
    }
    .event-description{
        font-size: 20px;
    }
    .description {
        font-size: 20px;
    }
    .buy-ticket-btn {
        padding: 12px 20px;
        height: 50px;
        font-size: 20px;
        border-radius: 25px;
    }
}
   
   
    @media (max-width: 800px) {
   
        .event-card img {
            width: 9rem;
            height: 9rem;
        }
        .event-title {
            font-size: 30px;
        }
        .event-date {
            font-size: 16px;
        }
        .event-price {
            font-size: 16px;
        }
        .event-description{
            font-size: 16px;
        }
        .description {
            font-size: 16px;
        }
        .buy-ticket-btn {
            padding: 10px 16px;
            height: 40px;
            font-size: 16px;
            border-radius: 20px;
        }
   
    .contact-info p{
        margin: 0;
        padding: 3px;
        font-size: 12px;
    }
    .copyright {
        margin-right: 2rem;
    }

}



@media (max-width: 480px) {
    

    .nav-links {
        font-size: 18px;
        gap: 1rem;
    }

    .background-circle-main-1 {
        width: 500px;
        height: 500px;
        left: -50%;
        top: -300px;
    }
    
    .background-circle-main-2 {
        width: 200px;
        height: 400px;
        right: -0%;
        top: 80px;
        border-radius: 0%;
        border-top-left-radius: 200px;
        border-bottom-left-radius: 200px;
    }



    .event-card img {
        width: 120px;
        height: 120px;
    }
    .event-title {
        font-size: 18px;
    }
    .event-date {
        font-size: 14px;
    }
    .event-price {
        font-size: 14px;
    }
    .event-description{
        font-size: 14px;
    }
    .description {
        font-size: 14px;
    }
    .buy-ticket-btn {
        padding: 8px 16px;
        height: 35px;
        font-size: 14px;
        border-radius: 15px;
    }
    .footer-section{
        justify-content: space-evenly;
    }
    .contact-info {
        font-size: 12px;
        flex-direction: column;
        gap: 5px;
        margin: 0;
    }
    .contact-info p{
        margin: 0;
    }
    .footer-section{
        width: 100%;
    }
    .copyright {
        margin-right: 0rem;
    }
}