@media only screen and (min-width: 320px) {
    /*Swiper navigation*/
    .swiper-nav{
        position: absolute;
        bottom:20px;
        left:0px;
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:10px;
    }
    .swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev{
        width:30px;
        height:30px;
        border-radius:50%;
        display:flex;
        justify-content:center;
        align-items:center;
        cursor:pointer;
        background-color: var(--link-hover-clr);
        border: 1px solid var(--link-hover-clr);
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
        color: var(--link-clr);
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin:0;
        transition: border-color 0.3s ease-in-out;
    }
    .swiper-nav .swiper-button-next:after, .swiper-nav .swiper-button-prev:after{
        font-size:14px;
        font-weight:bold;
    }
    .swiper-nav .swiper-button-prev{
        order:1;
    }
    .swiper-nav .swiper-button-next{
        order:3;
    }
    .swiper-nav .swiper-button-next:hover, .swiper-nav .swiper-button-prev:hover{
        border-color: var(--link-clr);
    }
    .swiper .swiper-nav .swiper-pagination{
        order:2;
        position:relative;
        bottom:auto;
        left:auto;
        right:auto;
        top:auto;
        width:auto;
        display:flex;
        gap:5px;
        display:none;
    }
    .swiper-nav .swiper-pagination-bullet{
        transition: background-color 0.3s ease-in-out;
        margin:0;
        opacity:1;
        width:10px;
        height:10px;
        background-color: var(--link-hover-clr);
        border: 1px solid var(--link-clr);
    }
    .swiper-nav .swiper-pagination-bullet-active, .swiper-nav .swiper-pagination-bullet:hover{
        background-color: var(--link-clr);
    }
    /*Swiper recommendations*/
    .recommendations-slider.swiper{
        position:relative;
    }
    .recommendations-slider .swiper-nav{
        position:relative;
        bottom:auto;
        left:auto;
        right:auto;
        top:auto;
        margin-top:20px;
    }
    .recommendations-slider .swiper-nav .swiper-button-next, .recommendations-slider .swiper-nav .swiper-button-prev{
        box-shadow:none;
    }
}

@media only screen and (min-width: 768px) {
    /*Swiper navigation*/
    .swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev{
        width:40px;
        height:40px;
    }
    .swiper .swiper-nav .swiper-pagination{
        display:flex;
    }
}

@media only screen and (min-width: 990px) {

}

@media only screen and (min-width: 1280px) {

}