@media screen and (max-width: 946px) {
    .nav-2 .div-1 .account .profil .username {
        display: none;
    }

    .nav-2 .div-1 .account .profil {
        margin-left: 10px;
    }

    .nav-2 .div-1 .account {
        gap: 15px;
    }
}

@media screen and (min-width: 2000px) {
    .main .box-sports {
        grid-template-columns: repeat(7, 1fr);
    }
}

@media screen and (max-width: 2000px) {
    .main .box-sports {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (max-width: 1750px) {
    .main .box-sports {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1430px) {
    .main .box-sports {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1200px) {
    .main .box-sports {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 950px) {
    .main .box-sports {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 850px) {
    .main .foot .div-3, .main .foot .end, .main .foot .div-2 ul{
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media screen and (max-width: 1150px) {
    .main .foot .div-1 {
        display: grid;
    }
    .main .foot .div-1 .links {
        justify-content: left;
    }
}

@media screen and (max-width: 970px) {
    .main .box-promos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1020px) {
    .main .card-bloc .bloc .grid {
        grid-template-columns: 1fr;
    }
    .main .card-bloc .grid .left, .main .card-bloc .grid .right {
        width: 100%;
    }
    .main .card-bloc .grid .left {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 10px;
    }

    .main .card-bloc .grid .right .child-1 {
        gap: 20px;
    }
}

@media screen and (max-width: 1020px) {
    .main .card-bloc .grid .right .child-1 {
        flex-wrap: wrap;
    }

    .dialog .group {
        left: 50px;
        right: 50px;
    }
}

@media screen and (max-width: 1030px) {
    .main .set-box {
        padding-right: 10px;
    }
}

@media screen and (max-width: 970px) {
    .main .set-box form {
        grid-template-columns: repeat(2, 47.5%);
        column-gap: 5%;
    }

    .dialog .group {
        left: 5px;
        right: 5px;
    }

    .main .card-bloc .notices {
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .main-wx .article-wx {
        width: 100%;
    }

    .main-wx {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        display: block;
        justify-content: unset;
        align-items: unset;
        background: #f6f6f6;
    }
}