@media only screen and (max-width: 968px){

    .slider-nav{
        flex-wrap: wrap;
    }
    .slider-nav-item{width: calc(50% - 10px);}
    
    .advantages-section .list{
        grid-template-columns: repeat(3, 1fr);
    }

}

@media only screen and (max-width: 648px){

    .advantages-section .list{
        grid-template-columns: repeat(2, 1fr);
    }
    
}

@media only screen and (max-width: 425px){

    .slider-nav{
        gap: 10px;
    }
    .slider-nav-item{
        width: 100%;
    }

    .advantages-section .list{
        position: static;
        display: flex;
        flex-direction: column;
        width: fit-content;
        margin: 0 auto;
    }
    .advantages-section .list li{
        width: fit-content;
    }
    
}