@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:10px 50%;

        color: var(--link-clr);
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin:0;
        transition: border-color 0.3s ease-in-out;
        background-color:var(--dark-blue);
    }
    .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='9.56' height='14.216' viewBox='0 0 9.56 14.216'%3E%3Cg data-name='Group 929' transform='translate(-37.591 1162.596) rotate(-90)'%3E%3Cg data-name='Group 901' transform='translate(-2391.792 -1395.004) rotate(-50)'%3E%3Cline data-name='Line 27' x2='8.801' transform='translate(1176.5 3643.5)' fill='none' stroke='%23f9f7f4' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg data-name='Group 902' transform='translate(3184.633 -3204.248) rotate(50)'%3E%3Cline data-name='Line 27' x2='8.801' transform='translate(1176.5 3643.5)' fill='none' stroke='%23f9f7f4' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        rotate:180deg;
    }
    .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='9.56' height='14.216' viewBox='0 0 9.56 14.216'%3E%3Cg data-name='Group 929' transform='translate(-37.591 1162.596) rotate(-90)'%3E%3Cg data-name='Group 901' transform='translate(-2391.792 -1395.004) rotate(-50)'%3E%3Cline data-name='Line 27' x2='8.801' transform='translate(1176.5 3643.5)' fill='none' stroke='%23f9f7f4' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg data-name='Group 902' transform='translate(3184.633 -3204.248) rotate(50)'%3E%3Cline data-name='Line 27' x2='8.801' transform='translate(1176.5 3643.5)' fill='none' stroke='%23f9f7f4' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    }

    .swiper-button-next:after, .swiper-button-prev:after{
        display:none;
    }
    .swiper-nav .swiper-button-next:hover, .swiper-nav .swiper-button-prev:hover{
        background-color:var(--light-blue);
    }
    .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 .swiper-nav .swiper-pagination-bullet{
        transition: background-color 0.3s ease-in-out;
        margin:0;
        opacity:1;
        width:12px;
        height:12px;
        background-color: var(--light-blue);
        opacity:0.3;
        border-radius:0px;
    }
    .swiper .swiper-initialized .swiper-nav .swiper-button-disabled{
        opacity:0.2;
        cursor:not-allowed;
    }
    .swiper .swiper-nav .swiper-pagination-bullet-active, .swiper .swiper-nav .swiper-pagination-bullet:hover{
        background-color: var(--light-blue);
        opacity:1;
    }
    /*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:16px;
        left:16px;
        right:auto;
        top:auto;
        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;
        gap:0;
    }
    .half-width-swiper{
        width:100%;
    }
    .half-width-swiper figure{
        width:100%;
        
    }
}

@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;
        background-position:15px 50%;
    }
    .swiper .swiper-nav .swiper-pagination{
        display:flex;
    }

}

@media only screen and (min-width: 990px) {
    .half-width-swiper{
        width:50%;
    }
    .half-width-swiper figure{
        height:420px;
    }
}

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

}