/*Ordinateurs standards*/
@media screen and (width < 2560px) {
    .bm_players_list{
        width: 70%;
    }

    .bm_pagination_nav{
        width: 70%;
    }

    .bm_news_container{
        grid-template-columns: repeat(2, 30vw);
    }

    .bm_news_img, .bm_news_article .bm_filter{
        height: 15vw;
    }

    .bm_news_footer{
        height: 5vw;
    }

    .bm_nav{
        height: 100px;
    }

    .bm_nav_logo{
        width: 175px;
        transition: scale 0.3s ease;
    }

    .bm_nav_icon{
        width: 50px;
    }

    nav a{
        font-size: 1rem;
    }

}

/*Ordinateurs portables*/
@media screen and (width < 1440px) {
    .bm_news_container{
        grid-template-columns: repeat(2, 40vw);
    }

    .bm_news_img, .bm_news_article .bm_filter{
        height: 20vw;
    }

    .bm_news_footer{
        height: 6.5vw;
    }
}


/* tablettes*/
@media screen and (width < 1024px) {
    #bm_large_nav {
        display: none;
    }

    #bm_small_nav {
        display: flex;
    }

    .bm_players_list{
        width: 90%;
        grid-template-columns: repeat(3, 1fr);
    }

    .bm_pagination_nav{
        width: 90%;
    }

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

    .boutique-nav{
        grid-column: span 2;
    }

    .bm_pagination_nav{
        width: 90%;
    }

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

    .bm_news_container{
        grid-template-columns: repeat(1, 80vw);
        gap: 40px;
    }

    .bm_news_img, .bm_news_article .bm_filter{
        height: 40vw;
    }

    .bm_news_footer{
        height: 13.5vw;
    }
}


/*Mobiles*/
@media screen and (width < 768px) {

    .bm_players_list{
        width: 90%;
        grid-template-columns: repeat(1, 1fr);
    }

    .bm_pagination_nav{
        width: 90%;
    }

    #bm_dropdown_menu{
        width: 100vw;
    }

    .hide{
        right: -100vw;
    }

    .bm_widget_container{
        grid-template-columns: repeat(1, 1fr);
        gap: 60px;
    }

    .bm_footer{
        height: 30svh;
        justify-content: space-between;
    }

    .produits{
        grid-template-columns: repeat(1, 1fr);
    }

    .boutique-nav{
        grid-column: span 1;
    }

    .boutique-nav a{
        font-size: 0.9rem;
    }

    .bm_accueil_btn{
        font-size: 2rem;
    }

    .gros_titre h1{
        font-size: 3.2rem;
    }

    .bm_form_container form{
        width: 100%;
        margin: 0 20px;
    }

    .bm_form_row{
        min-width: 0px;
    }

    .bm_news_container{
        grid-template-columns: repeat(1, 90vw);
    }

    .bm_news_img, .bm_news_article .bm_filter{
        height: 45vw;
    }

    .bm_news_footer{
        height: 15vw;
    }
}