CSS File

1/* CSS Document */

2.swiper-viewport {

3 margin: 0 0 60px;

4 background: #fff;

5 z-index: 1;

6 border: 4px solid #fff;

7 border-radius: 4px;

8 box-shadow: 0 1px 4px rgba(0,0,0,.2);

9 width: 100%;

10 position: relative;

11 overflow: visible;

12}

13/* OpenCart Code */

14.swiper-container {

15 direction: ltr !important;

16}

17.swiper-pager {

18 width: 100%;

19 position: absolute;

20 top: 50%;

21 line-height: 45px;

22}

23.swiper-button-prev, .swiper-button-next {

24 color: rgba(0, 0, 0, 0.8);

25 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

26 transition: all .3s ease;

27 z-index: 2;

28 background-image: none;

29}

30.swiper-viewport .swiper-button-prev {

31 opacity: 0.7;

32 left: 10px;

33}

34.swiper-viewport .swiper-button-next {

35 opacity: 0.7;

36 right: 10px;

37

38}

39/* Desktop */

40@media (min-width: 768px){

...