.container{
    max-width: 85%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width:1400px) {
    .container{
        max-width: 1320px;
     }
}

@media (max-width:1200px) {
    .container{
        max-width: 1140px;
     }
}

@media (max-width:992px) {
    .container{
        max-width: 960px;
     }
     .header-right__box{
        width: 65%;
     }
     .header__bottom{
        height: auto;
     }
     .header-bottom__buttons{
        width: 75%;
     }
     .works{
        margin: 10rem auto;
     }
     .works__content{
       flex-direction: column;
     }
     .works-left__section{
       width: 100%;  
       margin-bottom: 5rem;   
       text-align: center;   
     }
     .works-left__button {
       width: 50%;
     }
     .works-right__section{
       width: 100%;
     }
     .artcart__holder{
       flex-wrap: wrap;
       gap: 6rem;
     }
     .artcart__cart{
       flex-grow: 1;
     }
     .top-sellers__item{
      width: 25%;
     }
     .newsletters__img{
      width: 100%;
      height: 100%;
     }
}

@media (max-width:768px) {
    .container{
        max-width: 720px;
     }
     .header__buttons{
        display: none;
     }
     .header-right__box{
        display: none;
     }
     .header__bars{
        display: flex;
     }
     .header__bottom{
      height: 75vh;
   }
   .header-bottom__buttons{
      width: 50%;
   }
     .header-bottom__title{
       font-size: 5.5rem;
     }
     .header-bottom__content{
       width: 70%;
     }
     .all__logos{
       gap: 5rem;
       flex-wrap: wrap;
       margin: 5rem auto;
       width: 75%;
     }
     .artcarts__title,.artcarts__text{
       text-align: center;
     }
     .top-sellers__top,.top-sellers__bottom{
       flex-direction: column;
       gap: 2rem;
     }
     .top-sellers__item{
      width: 80%;
     }
     .top-seller__title{
      font-size: 2.5rem;
    }
     .newsletters__messagebox{
      flex-direction: column-reverse;
     }
     .newsletters__left {
      width: 100%;
      margin-top: 5rem;
     }
     .footer__container{
        flex-wrap: wrap;
        gap: 2.5rem;
     }
     .marketplace,.resources,.community,.newsletter{
      width: 30%;
     } 
}

@media (max-width:576px) {
    .container{
        max-width: 100%;
     }
     .header__bottom{
      height: auto;
   }
   .header-bottom__buttons{
     flex-direction: column;
   }
   .activites-user__title, .activites-artworks__title, .activites-artists__title{
      font-size: 2.3rem;
   }
   .header-bottom__btn1,.header-bottom__btn2{
      width: 100%;
      display: block;
      margin-top: 1rem;
   }
   .all__logos{
      flex-direction: column;
    }
    .boxes__holder{
      flex-direction: column;
    }
    .content__box{
     width: 90%;
    }
    .artcart__holder{
      justify-content: center;
      gap: 3rem;
    }
    .artcart__cart{
      width: 100%;
      flex-grow: 0;
      margin: 3rem 0;
    }
    .artcart-image__holder{
       height: 50rem;
    }
    .top-sellers__title :is(p){
       font-size: 1.4rem;
    }
    .footer__container{
     flex-direction: column;
   }
    .marketplace,.resources,.community,.newsletter{
      width: 80%;
     } 
}