@media screen and (min-width: 320px) {
    .majoitus-loop{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-evenly;
    }
    .majoitus-card{
        width:100%;
        margin-bottom:40px;

    }
    .majoitus-card-link{
        color:#000000
    }
    .majoitus-card-link:hover{
        color:#000000;
    }
    .majoitus-card-images{
        overflow:hidden;
        margin-bottom:15px;
        height:275px;
        cursor:default;
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        min-height: 0;
        min-width: 0;

    }
    .majoitus-card-images .swiper-slide{
        width: auto;
        flex-shrink: 0;
        display: block;
        height: 100%;
        max-height: 100%;
    }
    .majoitus-card-images img{
        border-radius:4px;
        width:100%;
        height:275px;
        object-fit:cover;
        max-width:100%;
    }
    .majoitus-card .swiper-nav .swiper-pagination.card-swiper-pagination{
        display:flex;
    }
    .majoitus-card .swiper-nav .swiper-button-next, .majoitus-card .swiper-nav .swiper-button-prev{
        display:none;
    }
    .majoitus-card-title{
        font-size:1.2rem;
        margin-bottom:10px;
        font-family:var(--main-font);
        font-weight:bold;
    }
    .regular-text{
        font-weight:normal;
    }
    .majoitus-card-detail{
        display:flex;
        align-items:center;
        gap:10px;
        font-size:1rem;
        margin-bottom:5px;
    }
    .majoitus-card-detail .card-icon{
        width:30px;
        height:30px;
    }
    .majoitus-card-button{
        margin-top:0px;
        font-size:0.8rem;

    }
    .majoitus-card-button:after{
        border-color:var(--link-clr);
    }
    /*Pagination*/
    .applari-search-pagination a{
        border-color:var(--grey);
    }
    .applari-search-pagination-current{
        background:var(--link-clr);
        color:white;
    }
    .applari-search-pagination a:hover{
        background:var(--link-clr);
        color:white;
    }
}

@media screen and (min-width: 520px) {
    .majoitus-loop{
        
    }
    .majoitus-card{
        width: calc(50% - 10px);
    }
}

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

}

@media screen and (min-width: 990px) {
    
    .majoitus-card .swiper-nav .swiper-button-next, .majoitus-card .swiper-nav .swiper-button-prev{
        display:flex;
        height:30px;
        width:30px;
        
    }
    
}   

@media screen and (min-width: 1280px) {
    .majoitus-card{
        width: calc(33.33% - 10px);
        display:flex;
        flex-direction:column;
        margin-bottom:20px;
    }
    .majoitus-card-images{
        height:350px;
    }
    .majoitus-card-images img{
        height:350px;
    }
    
    .majoitus-card-images:hover .swiper-nav .swiper-button-next, .majoitus-card-images:hover .swiper-nav .swiper-button-prev{
        opacity:1;
        transform: translateY(0);
    }
    .majoitus-card-title{
        font-size:1rem;
    }
    .majoitus-card-content:hover .majoitus-card-button{
        color:var(--link-clr);
    }
    .majoitus-card-content:hover .majoitus-card-button:after{
        transform: scaleX(1);
    }
    .majoitus-card-detail{
        font-size:0.9rem;
        margin-bottom:10px;
    }
    .majoitus-card-detail .card-icon{
        width:25px;
        height:25px;
    }
    .majoitus-card-content .majoitus-card-button{
        margin-top:-5px;
        opacity:0;
        transform: translateY(20px);
        transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    }
    .majoitus-card-content:hover .majoitus-card-button{
        opacity:1;
        transform: translateY(0);
    }
    .majoitus-card .majoitus-card-content .majoitus-card-button:hover:after{
        transform: scaleX(1);
        background:var(--link-clr);
    }   
    .majoitus-card .swiper-nav .swiper-button-next, .majoitus-card .swiper-nav .swiper-button-prev{
        opacity:0;
        transform: translateY(20px);
        transition:opacity 0.6s ease-in-out, transform 0.6s ease-in-out, border-color 0.3s ease-in-out;
        
    }
}