@media only screen and (min-width: 320px) {
    /*Swiper initialized*/
    .swiper{
        opacity:0;
        transform: translateY(10px);
        transition: all var(--transition-speed) ease-in-out;
    }
    .swiper-initialized{
        opacity:1;
        transform: translateY(0);
    }
    .swiper-initialized .swiper-nav{
        opacity:1;
        transform: translateY(0);
    }
    .swiper-initialized .swiper-nav .swiper-button-next, .swiper-initialized .swiper-nav .swiper-button-prev{
        opacity:1;
        transform: translateY(0);
    }
    /*Swiper navigation*/
    .swiper-nav{
        display:flex;
        justify-content:center;
        align-items:center;
        align-self:center;
        gap:10px;
        opacity:0;
        
    }
    .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:transparent;
        background-repeat:no-repeat;
        background-position:center;
        border: 1px solid var(--link-hover-clr);
        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;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.811' height='17.121' viewBox='0 0 19.811 17.121'%3E%3Cpath data-name='Path 194' d='M10.5,4.5,3,12m0,0,7.5,7.5M3,12H21' transform='translate(-1.939 -3.439)' fill='black' stroke='%233df49e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
        background-color:black;
    }
    .swiper-nav .swiper-button-next{
        order:3;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.811' height='17.121' viewBox='0 0 19.811 17.121'%3E%3Cpath data-name='Path 194' d='M13.5,4.5,21,12m0,0-7.5,7.5M21,12H3' transform='translate(-2.25 -3.439)' fill='black' stroke='%233df49e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
        background-color:black;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
        display:none;
    }
    .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;
        opacity:1;
    }
    .swiper-nav .swiper-pagination-bullet{
        transition: background-color 0.3s ease-in-out;
        margin:0;
        opacity:1;
        width:20px;
        height:20px;
        background-color: var(--link-hover-clr);
        border: 1px solid var(--link-clr);
    }
    .swiper-initialized .swiper-nav .swiper-button-disabled{
        opacity:0.5;
        cursor:not-allowed;
    }
    .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;
    }
    /*Gallery slider*/
    .gallery-slider .swiper-nav{
        position:absolute;
        bottom:auto;
        left:auto;
        right:10px;
        top:10px;
        z-index:10;
        gap:5px;
    }
    .gallery-slider .swiper-nav .swiper-nav-button{ 
        width: 25px;
        height:25px;
        background-size:50%;
    }
    .gallery-slider .gallery-wrapper{
        display:flex;
        align-items:normal;
        justify-content:normal;
    }
}

@media only screen and (min-width: 768px) {
    /*Swiper navigation*/
    .swiper-nav{
        opacity:1;
        align-self:flex-end;
    }
    .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) {

}