@charset "UTF-8";
.single-item {
position: relative;
}
.single-item .slide-arrow {
position: absolute;
top: 50%;
width: 36px;
height: 70px;
margin-top: -35px;
z-index: 10;
cursor: pointer;
}
.single-item .prev-arrow {
left: 10px;
}
.single-item .next-arrow {
right: 10px;
}
/*.single-item2 {
position: relative;
width: 300px;
height: auto;
margin: 50px auto 50px auto;
}
.single-item2 .slide-arrow {
position: absolute;
top: 50%;
width: 27px;
height: 38px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.single-item2 .prev-arrow {
left: -10px;
}
.single-item2 .next-arrow {
right: -10px;
}
.multiple-items1 {
width: 640px;
position: relative;
}
.multiple-items1 .slide-arrow {
position: absolute;
top: 50%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items1 .prev-arrow {
left: -50px;
}
.multiple-items1 .next-arrow {
right: -50px;
}
.multiple-items2 {
width: 1020px;
position: relative;
}
.multiple-items2 .slide-arrow {
position: absolute;
top: 46%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items2 .prev-arrow {
left: -44px;
}
.multiple-items2 .next-arrow {
right: -44px;
}
.multiple-items3 {
position: relative;
}
.multiple-items3 .slide-arrow {
position: absolute;
top: 46%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items3 .prev-arrow {
left: 220px;
}
.multiple-items3 .next-arrow {
right: 220px;
}*/
@media screen and (min-width:768px) and (max-width:999px){
.slider_top {padding: 60px 0 0 0;}
.single-item .slide-arrow {
position: absolute;
top: 50%;
width: 25px;
height: 50px;
margin-top: -25px;
z-index: 10;
cursor: pointer;
}
}
@media screen and (max-width:767px) {
.slider_top {padding: 60px 0 0 0;}
.single-item .slide-arrow {
position: absolute;
top: 50%;
width: 20px;
height: 40px;
margin-top: -20px;
z-index: 10;
cursor: pointer;
}
/*.multiple-items2 .slide-arrow {
position: absolute;
top: 46%;
width: 25px;
height: 31px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items2 .slide-arrow img {
width: 25px;
height: 31px;
}
.multiple-items2 .prev-arrow {
left: -22px;
}
.multiple-items2 .next-arrow {
right: -22px;
}*/
}