@media screen and (max-width: 1024px) {
	.upc-image-4 img{
		top:-70px;
		left:22%;
/* 		height:200px !important; */
	}
	
}
@media screen and (max-width: 767px) {
	.upc-image-1 img{
		top:0;
	}
	
    .events {
        border-left: 2px solid var(--primary-color);
    }

    .dot-event {
        display: none;
    }

    .dot-event-1 {
        display: none;
    }

    .line-event {
        display: none;
    }

    .upc-image-4 {
        left: 20%;
    }

}

@media screen and (max-width:712px) {
	
	.upc-text-box{
		text-align:left;
		width:200px;
		margin:0 0 0 auto;
	}
    .dot-border {
        left: -14px;
        bottom: 20px;
    }

    .dot-border-1 {
        top: 20px;
        left: -14px;
    }

    .upc-image-1 img,
    .upc-image-2 img,
    .upc-image-3 img,
    .upc-image-4 img,
    .upc-image-5 img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        left: -40px;
    }

    .upc-image-4 img {
        top: 0;
    }
}

@media screen and (max-width: 615px) {
	.event-title{
		font-size:16px;
	}
	.date-type{
		font-size:12px;
	}
    .upc-image-1 img,
    .upc-image-2 img,
    .upc-image-3 img,
    .upc-image-4 img,
    .upc-image-5 img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        left: -40px;
    }

    .upc-image-4 img {
        top: 20px;
    }
	.dot-border {
        left: -14px;
        bottom: 10px;
    }

    .dot-border-1 {
        top: 20px;
        left: -14px;
    }
}


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

    .upc-image-1 img,
    .upc-image-2 img,
    .upc-image-3 img,
    .upc-image-4 img,
    .upc-image-5 img {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }

}

@media screen and (max-width: 320px) {
	.dot-border {
        left: -12px;
        bottom: 10px;
    }

    .dot-border-1 {
        top: 25px;
        left: -12px;
    }
	.upc-text-box{
		text-align:left;
		width:150px;
		margin:0 0 0 auto;
	}
    .upc-image-1 img,
    .upc-image-2 img,
    .upc-image-3 img,
    .upc-image-4 img,
    .upc-image-5 img {
        width: 70px;
        height: 50px;
        object-fit: contain;
    }

    .upc-image-1 img,
    .upc-image-2 img,
    .upc-image-3 img,
    .upc-image-4 img,
    .upc-image-5 img {
        left: -30px;
        top: 8px;
    }

    .upc-image-4 img {
        top: 18px;
    }
}