.swiper{
    width:100%;
    height: auto;
    min-height: 600px;
}

.swiper-slide img{
    width: 100%;
    height: 560px;
}

.swiper-button-prev{
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin:80px;
    left: 30px;
}

.swiper-button-prev::after{
    display: none;
}

.swiper-button-next{
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin:80px;
    right: 30px;
}

.swiper-button-next::after{
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .swiper-button-next{
        margin-right: -5px;
        background-size: 50%;
    }

    .swiper-button-prev{
        margin-left: -5px;
        background-size: 50%;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px){
    .swiper-button-next{
        margin-right: -5px;
        background-size: 80%;
    }

    .swiper-button-prev{
        margin-left: -5px;
        background-size: 80%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px){
    .swiper-button-next{
        margin-right: -5px;
        background-size: 80%;
    }

    .swiper-button-prev{
        margin-left: -5px;
        background-size: 80%;
    }

}

@media only screen and (min-width: 960px) and (max-width: 1024px){
    .swiper-button-next{
        margin-right: -5px;
        background-size: 80%;
    }

    .swiper-button-prev{
        margin-left: -5px;
        background-size: 80%;
    }
}

@media only screen and (min-width: 1024px){
    .swiper-button-next{
        margin-right: 20px;
        background-size: 100%;
    }

    .swiper-button-prev{
        margin-left: 20px;
        background-size: 100%;
    }
}
@media (max-width: 768px) {
.swiper{
    width:100%;
    height: auto;
    min-height: 160px;
}
.swiper-slide img{
    width: 100%;
    height: 200px;
}
}