@media (max-width:992px) {
  .nav{
  padding: 0px 0px; 
  } 
  .list {
  gap: 55px;
  }
  .inner{
  padding: 5px 15px;
  }
  .hero__title{
  font-size: 95px;
  }
  .hero__btn{
  font-size: 19px;
  width: 195px;
  }
  .about__title{
  font-size: 35px;
  }
  .about {
  padding: 19px 0;
  }
  .about__text{
  font-size: 18px;
  padding: 0px 15px;
  }
  .collection__title{
  font-size: 38px;
  }
  .collection_container{
  display: flex;
  flex-direction: column;
  padding: 3px 16px;
  width: 95%;
  }
  .collection__{
  padding: -1px 218px;
  height: 5px;
}
  .collection__text1{
  margin: 44px 0;
}
  .style_container{
  display: flex;
  flex-direction: column;
  padding: 1px 86px;
}
  .style__text{
  margin-bottom: 50px;
}
  .style__text1{
  margin-bottom: 50px;
}
.style__left{
  max-width: 550px;
}
  .footer_menu{
  gap: 55px;
}
}

@media (max-width:768px) {
  .logo{
  width: 95px;
  padding: 0px 0px;
  }
  .list{
  gap: 50px;
  padding: 0px 10px;
  }
  .nav-icons{
  width: 95px;
  height: 20px;
  }
  .hero__title{
  font-size: 75px;
  }
  .hero__btn{
  width: 190px;
  font-size: 17px;
  }
  .about__title{
  font-size: 32px;
  margin-bottom: 27px;
  }
  .about__1{
  padding: 0 20px;
  }
  .about__text{
  font-size: 17px;
  padding: 0px 15px;
  }
  .collection__title{
  font-size: 35px;
  }
  .collection__text{
  font-size: 30px;
  }
  .collection__text1{
  margin: 40px 0px;
  font-size: 18px;
  }
  .discover__btn{
  font-size: 16px;
  width: 155px;
  height: 70px;
  }
  .collection__right{
  width: 485px;
  }
  .style_container{
  padding: 0px 30px;
  }
  .style__text{
  font-size: 30px;
  }
  .style__text1{
  margin: 40px 0px;
  font-size: 18px;
  }
  .discover__btn2{
  font-size: 16px;
  width: 155px;
  height: 70px;
  }
  .style__right{
  width: 485px;
  }
  .footer_logo{
  width: 95px;
  padding: 0px 0px;
  }
  .footer_menu{
  gap: 50px;
  padding: 0px 5px;
  }
  .nav-icons{
  width: 95px;
  height: 20px; 
  }
  .style_container{
  padding: 0 98px;
  }
}

@media (max-width:576px) {
  .inner{
  display: flex;
  flex-direction: column;
  }
  .logo{
  width: 93px;
  height: 15px;
  margin-bottom: 0px;
  margin-top: 6px;
  }
  .list{
  gap: 45px;
  padding: 0px 10px;
  }
  .hero__title{
  font-size: 53px;
  padding: 0px 12px
  }
  .hero__btn{
  width: 185px;
  font-size: 16px;
  }
  .about__title{
  font-size: 30px;
  margin-bottom: 24px;
  }
  .collection__title{
  font-size: 32px;
  }
  .collection__text{
  font-size: 29px;
  }
  .collection__right{
  width: 480px;
  padding: 0px 60px;
  }
  .collection_container{
    padding: 0px 0px;
  }
  .style_container {
  padding: 0px 5px;
  }
  .style__text{
  font-size: 29px;
  }
  .style__right{
  width: 480px;
  padding: 0px 60px;
  }

  .footer{
  padding: 12px 0;
  }
  .footer_container{
  display: flex;
  flex-direction: column;
  }
  .footer_logo{
  width: 93px;
  height: 33px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 0;
  }
}

@media (max-width:390px) {}