.slick-list {
    padding: 0 25% !important; /* Adjust % to show more/less of side slides */
}
/* 2. Adjust the width of all slides */
.slick-slide {
    transition: all 0.3s ease;
    opacity: 0.5; /* Optional: dims side images for focus */
}
/* 3. Style the Center Slide */
.slick-center {opacity: 1 !important;}
@media only screen and (max-width: 479px) {
.slick-list {
	padding: 0 19% !important; /* Adjust % to show more/less of side slides */
}	
}
@media only screen and (max-width: 430px) {
.slick-list {
	padding: 0 21% !important; /* Adjust % to show more/less of side slides */
}	
}
@media only screen and (max-width: 400px) {
.slick-list {
	padding: 0 19% !important; /* Adjust % to show more/less of side slides */
}	
}
@media only screen and (max-width: 389px) {
.slick-list {
    padding: 0 17% !important; /* Adjust % to show more/less of side slides */
}	
}