@media only screen and (min-width: 3840px) {
    h1 {
        font-size: 30px;
    }
    p,
    a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 890px) {
    header {
        position: fixed;
        z-index: 99;
        width: 100%;
        background: #1d2a57;
    }
    .navbar1 ul {
        padding-top: 10px;
    }
    .navbar3 {
        display: block;
        background-color: #ffe8a7;
    }

    .navbar4 {
        position: absolute;
        display: block;
        height: 100vh;
        width: 100%;
        background-color: blanchedalmond;
        transform: translateX(-1000px);
        opacity: 0;
        transition: all 0.8s;
    }
    .navbar4-visible {
        transform: translateX(0px);
        opacity: 1;
    }
    .logo {
        transform: translateX(-25px);
    }
    .logo a {
        font-size: 1.4em;
    }
    /***********************************************
    *********les elements à rendre retirer*********
    ***********************************************/

    .navbar2 {
        display: none;
    }
    .mini-nav {
        display: none;
    }
    .search {
        display: none;
    }

    /***************************
    *********les icons*********
    ***************************/

    .icons-shop-profil {
        display: flex;
        transform: translateX(-20px);
    }
    .icons-shop-profil > * {
        margin-inline: 10px;
    }
    .icons-profil {
        background-image: url(../../images/user.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
        height: 28px;
        width: 28px;
    }
    .icons-shop {
        background-image: url(../../images/panier.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
        height: 28px;
        width: 28px;
    }
    .icon-menu {
        background-image: url(../../images/menu.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        height: 32px;
        width: 34px;
    }
    .icon-menu-close {
        background-image: url(../../images/close_menu.png);
        background-size: 27px;
        background-repeat: no-repeat;
        background-position: center;
        height: 32px;
        width: 34px;
    }
    .navbar3 input[type="text"] {
        background-color: aliceblue;
        border: 1px solid white;
        height: 30px;
        padding-left: 10px;
        font-size: 13px;
    }

    /***************************
    *********menu*********
    ***************************/
    .navbar4 li {
        list-style: none;
        padding-block: 15px;
        border-block: 0.5px solid rgb(174, 173, 173);
    }
    .navbar4 li:hover {
        background-color: #fbd15f;
        cursor: pointer;
    }
    .navbar4-sous-menu {
        position: absolute;
        height: 100vh;
        width: 100%;
        background-color: blanchedalmond;
        transform: translateX(1000px);
        transition: all 0.8s;
    }
    .navbar4-sous-menu ul {
        display: grid;
        padding-left: 0;
    }
    .navbar4-sous-menu ul a {
        padding-left: 10px;
        font-size: 20px;
        color: #1d2a57;
        text-decoration: none;
        list-style: none;
        list-style: none;
        padding-block: 15px;
        border-block: 0.5px solid rgb(174, 173, 173);
    }
    .navbar4-sous-menu ul a:hover {
        background-color: #fbd15f;
        cursor: pointer;
    }
    .navbar4-sous-menu-visible {
        transform: translateX(0px);
    }
    .my-dropdown-edit a {
        padding-left: 10px;
        font-size: 20px;
        color: #1d2a57;
        text-decoration: none;
        list-style: none;
    }
    .my-dropdown {
        display: none;
    }
    .my-dropdown-edit #my-dropdown-nav7 {
        position: absolute;
        height: 100vh;
        width: 100%;
        background-color: blanchedalmond;
        transform: translateX();
        opacity: 1;
        transition: all 0.8s;
    }
    .item-btn-navbar3 {
        background-image: url(../../images/rechercher.png);
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        height: 29px;
        width: 40px;
        background-color: #1d2a57;
        border: none;
        border-radius: 4px;
        transform: translateX(-30px);
    }
    /* #nav-1 {
    }
    #nav-2 {
    }
    #nav-3 {
    }
    #nav-4 {
    }
    #nav-5 {
    }
    #nav-6 {
    }
    #nav-7 {
    }

    #nav-1:hover {
    }
    #nav-2:hover {
    }
    #nav-3:hover {
    }
    #nav-4:hover {
    }
    #nav-5:hover {
    }
    #nav-6:hover {
    }
    #nav-7:hover {
    } */
}