.logo {
  width: 200px;
  height: 50px;
  margin-left: 90px;
  margin-top: 7px;
}
.search_input {
  height: 35px;
  width: 350px;
  /* background-color: #f7f7f7;
  color: gray;
  border: 1px solid gray; */
  /* border-radius: 3px; */
  border: none;
  outline: none;
  color: gray;
  font-size: 14px;
  background-color: #f7f7f7;
}
.search_input::hover{
 outline: none;
}

.serchproduct{
  padding-left: 10px;
  margin-left: 30px;
  border:  2px solid red;
  height: 40px;
  width: 400px;
  display: flex;
  margin-top: 10px;
   background-color: #f7f7f7;
  color: gray;
  border: 1px solid gray; 
  border-radius: 3px;
}
.search_icon {
  position: absolute;
 margin-top: 5px;
}
.loyalti {
    
  text-decoration: none;
  color: black;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 0px;
  font-size: 13px;
}
#dropdownMenuLink {
  color: black;
  border: 0px;
}
.dropbtn {
    
  text-decoration: none;
  background-color: white;
  color: black;
  padding: 13px;
  font-size: 13px;
  border: none;
}
.vl{
    
    height: 20px;
   width: 0px;
  
}
.dropdown {
  width: 150px;
  margin-top: 8px;
  /* border: 1px solid red; */
  height: 40px;
  /* border-right: 1px solid black; */
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 320px;
  height: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.dropdown-content a {
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}
#up {
  display: none;
  position: absolute;
  left: 7.7rem;
  top: 0.8rem;
}
#up2 {
  display: none;
  position: absolute;
  left: 9.8rem;
  top: 0.8rem;
}
/* #down{
      display: none;
  } */

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
  color: black;
}

.dropdown:hover #up {
  display: block;
  color: black;
}

.dropdown:hover #up2 {
  display: block;
  color: black;
}

.dropdown:hover #down {
  display: none;
  color: black;
}
.nav{
    border-bottom: .5px solid rgb(201, 201, 201);
}
#right_contact{
    width: 50%;
    height: 60%;
    border-right: 1px solid gray;
    
    /* border: 1px solid red; */
}
.f-13{
    font-size: 13px ;
}
.gray-color{
    color: gray;
}
#support_num{
    background-color: #f7f7f7;
    margin-top: -8px;
    width: 100%;
    height: 35%;
    /* border: 1px solid red; */
}
.login{
    margin: 5px 0px 5px 5px;
    width: 96%;;
    height: 50px;
    border: 0px;
    border-radius: 2px;
    color: white;
    background-color: #00afae;
}
.signup{
    margin: 0px 0px 15px 5px;
    width: 96%;;
    height: 50px;
    border: 1px solid gray; 
    border-radius: 2px;
    color: gray;
    background-color: white;
}
.account_health{
    width: 100%;
    height: 50%;
    /* border: 1px solid red; */
}
#account_info{
    width: 50%;
    height: 100%;
    border-right: 1px solid gray;
    /* border: 1px solid red; */
}

.color_blue{
    color: #00afae;
}
.cart{
    margin-top: 12px;
}
.cart-icon{
   
    /* border: 1px solid red; */
    margin-top: 10px;
}

#down_nav{
  /* padding: 10px; */
  width: 100%;
  height: 55px;
  border-bottom: .5px solid rgb(201, 201, 201);
  /* border: 1px solid red; */
  /* text-align: center; */
}
 #category{
   /* border: 1px solid red; */
   width: 100px;
 padding: 0px;
 font-size: 15px;
 margin-left: 90px;
 margin-top: 0px;
 
 font-family: Source Sans Pro,sans-serif;
}
#drop_category{
  padding-bottom: 10px;
  /* border: 1px solid red; */
  height: 20px;
}
/* #category{
  height: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  width: 80px;
  border: 1px solid red;
} */

/* #content_dropdown{
  margin-left: 00px;
  
} */
.protine{
  margin-top: 10px;
  margin-left: 15px;
}
#Brand{
  font-family: Source Sans Pro,sans-serif;
  width: 90px;
  /* border: 1px solid red; */
}
#men{
  width: 50%;
  height: 100%;
  /* border: 1px solid red; */
  border-right: .5px solid gray;

}
#women{
  width: 50%;
  height: 100%;
  
}
.gender{
  margin:20px auto;
  /* border: 1px solid black; */
  width: 95%;
  height: 100%;
}
.men_icon{
  font-size: 100px;
  /* border: 1px solid red; */
  
 
}
p:hover{
  color: #00afae;
}
/* button:hover{
  color: #00afae;
} */

#Hk_consult{
  /* border: 1px solid red; */
  width: 150px;
}
#hk{
/* border:  1px solid black; */
height: 30px;
width: 130px;
border-radius: 2px;
padding: 0px;
font-weight: bolder;
font-size: 15px;
background-color: #d8faf9;
   margin-left: 100px; 
    
}
#hk:hover{
  color: white;
  background-color: #00afae;
}
#cosult_button{
  width: 100px;
  height: 250px;
  margin-left: 100px;
  
}
#find{
  /* border: 1px solid red; */
  height: 30px;
width: 130px;
border-radius: 2px;
padding: 0px;
font-weight: bolder;
font-size: 15px;
background-color: 
#e3e3e3;
   margin-left: 85px;
}