.MultiCarousel { float: left; /*overflow: hidden;*/ margin: 0px; padding: 15px; width: 100%; position:relative; } .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; } .MultiCarousel .MultiCarousel-inner .item { float: left; } .MultiCarousel .MultiCarousel-inner .item img { width: 100%; } .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:; color:#666;} .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%; top:calc(50% - 20px); z-index: 100;} .MultiCarousel .leftLst { left:0; z-index: 100; margin-left: -35px;} .MultiCarousel .rightLst { right:0; z-index: 100; margin-right:-35px;} .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background: #999; } @media (max-width: 825px) { .MultiCarousel .leftLst {margin-left:0px;} .MultiCarousel .rightLst {margin-right:0px;} } /* @media (max-width: 666px) { .MultiCarousel .MultiCarousel-inner .item img { max-width: 400px; width: 100%; } } */