*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
}
#first-section{
    display: flex;
    margin-left: -14%;
    justify-content: space-between;
}
#first-section div{
    display: flex;
    padding: 0 10px;
    align-items: center;
}
#second-section{
    display: flex;
    justify-content: space-between;
   margin-right: -12%;
}
#second-section div{
    display: flex;
    padding: 5px 15px;
}
#first-section a, #second-section a{
    font-size:11px;
    color: rgba(0,0,0,.8);;
}
#nav-upper-section{
    display: flex;
    justify-content: space-around;
    background: rgb(238,238,238);
    padding: 4px 0px;
}

/*>>>>>>>>>>>>>Dropdwn CSS>>>>>>>>>>>>>>>>>>*/
#first-div{
display: flex;
align-items: center;
justify-content: space-between;
flex:0.7;
}

#nav-mid-section{
display: flex;
justify-content: center;
border-bottom: 1px solid rgb(204,204,204);
}
#second-div{
display: flex;
width: 30%;
margin: 3px 0px;;

}
#login-wishlist-cart{
display: flex;
align-items: center;
}

#logo{
width:20%;
object-fit: cover;
display: flex; 
align-items: center;
}
#logo img{
width: 100%;
}
#dropdown a{
padding: 0px 12px;
}
#dropdown{
display: flex;
flex:1;
font-size: 10px;
font-family: montserrat,sans-serif;
vertical-align: middle;
line-height: 45px;
padding: 0 5%;
letter-spacing: 1px;
font-weight: 520;
}

#search{
  display: flex;
  align-items: center;
width: 70%;
padding: 0px 4%;
border-radius: 5px;
background-color: rgb(234,234,234);
}

.searchbtn{
width: 100%;
flex:9;
background-color: rgb(234,234,234);border: none;
}
.searchbtn:focus{
outline:none;

}
nav{
    position: sticky;
    top:0;
    background: white;
    z-index: 1000;
}

#login-wishlist-cart{
width: 30%;
display: flex;justify-content: space-around;
border-left: 1px solid rgb(204,204,204);
margin-left: 4%;
}

#login-wishlist-cart p{
font-family: montserrat,sans-serif;
vertical-align: middle;
line-height: 45px;
letter-spacing: 1px;
}
#search-logo{
flex:1;
font-size: 18px;
}

#parent-div{
    display: flex;
    justify-content: space-around;
    width: 40%;
    margin: auto;
    padding: 15px 0px;
}
#parent-div a{
    font-size:17px;font-family: montserrat,sans-serif;
    color: black;
}
#nav-below-section{
    z-index: -1000;
}


/* /////////////////////////////////////////// */
.dropbtn {
  color: rgb(0, 0, 0);
  font-size: 14px;
  border: none;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  border:1px solid rgb(204,204,204);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  display: block;
}

.dropdown-content a:hover {text-decoration: underline; 
    }

.dropdown:hover .dropdown-content {
  display: flex; z-index: 1000; width:1000% !important; padding-left: 30px; background: white;  margin-left: -70px;}

#parent-div{
    display: flex;
    justify-content: space-around;
    width: 40%;
    margin: auto;
    padding: 15px 0px;
}
#parent-div a{
    font-size:17px;font-family: montserrat,sans-serif;
    color: black;
}

.line:hover{
  border-bottom: 5px solid rgb(253,216,53);
 
}
