#slider {
position:relative;
float:left;
width:100%;
height:calc(70% - 80px);
margin-top:80px;
overflow: hidden;
}
#slider .swiper-slide {
background-size:cover;
background-color:#000;
background-position:center;
background-repeat:no-repeat;
z-index:1
}
#slider #btn {
position:absolute;
float:left;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:2;
padding:4% 6%;
font-size:30px;
font-weight:700;
background:rgba(255,255,255,.6);
border:2px solid #528403;
background:rgba(255,255,255,.9);
color:#528403;
border-radius:25px;
text-align:center;
transition:.3s
}
#slider #btn:hover {
background:#fff
}
#slider-thumbs {
position:relative;
float:left;
width:100%;
height:200px;
}
#slider-thumbs .swiper-slide {
background-size:cover;
background-color:#000;
background-position:center;
background-repeat:no-repeat;
z-index:1
}
.best-products .swiper-wrapper,
.last-products .swiper-wrapper {
margin-top:3%
}
#best-products,
#last-products {
position:relative;
float:left;
width:90%;
left:5%;
top:5%;
}
#products{
overflow: hidden;
}
.swiper-button-next,
.swiper-button-prev {
color:#528403
}
@media(max-width:800px) {
h1 {
font-size:25px
}
#slider #btn {
font-size:25px
}
}