*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.header{
  background-color:oldlace ;
  display: flex;
  justify-content:space-evenly;
  flex-wrap: wrap;
  align-items: center;
  height: 20%;
  width: 100%;
  align-content: center;
}
.logo{
  
  height: 40px;
  width: 50px;
  margin-left: 2%;
  
}
.sub1{
  min-width: 200px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  
  text-decoration: none;
  }
  .sub1 sup{
    color: red;
  }
  .search{
   
    display: flex;
    min-width: 200px;
    height: 30px;
  }
  .icon1{
    background-color: white;
  }

.text{
  border: none;
  outline: none;
  border-radius: 30px;
  min-width: 200px;
  flex-grow: 1;
}
.action{
  
  min-width: 200px;
  margin-right: 4%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;

}

.sub1 a{
 border-bottom: 2px solid oldlace;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  color: black;
  padding: 20px;
}
.sub1 a:hover{
  border-bottom: 2px solid blue;
  padding: 20px;
}
.action_container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bannerimg{
  display: flex;
  width: 100%;
  margin: 8px 0;
  
  
}
.categoryhead{
  background-color: white;
border: 2px solid beige;
font-size: 35px;
margin: 20px;


}
.categoryimg{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  
}
.offer img{
  width: 250px;
}
.footer{
  
  display: flex;
justify-content: space-evenly;
width: 100%;
margin: 10px 0;


  
  
}
.foot{
  display: flex;
  flex-direction: column;
}
.foot a{
  border: 2px solid white ;
  display: inline-block;
  text-decoration: none;
  color: rgb(65, 41, 41);
  line-height: 20px;
  font-size: 13px;
}
.foot h3{
  margin: 15px 0px 15px 0px;
}
.foot a:hover{
  
  border-bottom: 2px solid blue;
  
}