.reviews-carousel-wrapper {
position: relative; width: 100%;
max-width: 900px; margin: 20px auto;
padding: 0 40px; box-sizing: border-box;
}
.reviews-container {
width: 100%;
overflow: hidden; }
.reviews-track {
display: flex; transition: transform 0.5s ease-in-out;  }
.review-box {  flex: 0 0 calc(100% / 3); box-sizing: border-box; padding: 15px;
border: 1px solid #eee;
margin: 0 5px; background-color: #f9f9f9; }
.review-box:first-child {
margin-left: 0;
}
.review-box:last-child {
margin-right: 0;
}
.review-box img {
max-width: 100%; height: auto;
margin-bottom: 10px;
}
.review-carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
z-index: 10;
font-size: 1.5em;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1; }
.review-carousel-nav.review-prev {
left: -10px; }
.review-carousel-nav.review-next {
right: -10px; }
.review-carousel-nav:disabled {
opacity: 0.3;
cursor: not-allowed;
} @media (max-width: 768px) {
.reviews-carousel-wrapper {
padding: 0 30px; }
.review-box {
flex: 0 0 100%; margin: 0; }
.review-carousel-nav.review-prev {
left: -5px; 
}
.review-carousel-nav.review-next {
right: -5px; 
}
}
@media (max-width: 480px) {
.reviews-carousel-wrapper {
padding: 0; }
.review-carousel-nav { padding: 5px;
font-size: 1.2em;
width: 30px;
height: 30px;
}
.review-carousel-nav.review-prev {
left: 5px; 
}
.review-carousel-nav.review-next {
right: 5px; 
}
}