/* features for  categories, sort by and sale tags */
 
 .filterDiv {
  display: none;
}

.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 14px;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
  
}


.dropbtn2 {
  background-color: #1b1b1b;
   border-radius:3px;
  color: #eee;
  padding: 8px;
  width:200%;
  position:relative;
  left:75px;
  text-align:left;
  font-size: 14px;
  border: none;
  cursor: pointer;
  margin-top:10px;
  margin-bottom:50px;
  
}

.dropbtn2:hover, .dropbtn2:focus {
  background-color: grey;
}


.dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown2-content {
  display: none;
  position: absolute;
  left:-80px;
  background-color: #f6f6f6;
  width: 290px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  top:70%;
  
}

.dropdown2-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  
}



.dropdown2 a:hover {background-color: lightgrey;}

.show2 {display: block;}



.dropbtn3 {
  background-color: #1b1b1b;
   border-radius:3px;
  color: #eee;
  padding: 8px;
  width:200%;
  text-align:left;
  font-size: 14px;
  border: none;
  cursor: pointer;
  margin-top:10px;
  margin-bottom:50px;
  
}

.dropbtn3:hover, .dropbtn3:focus {
  background-color: grey;
}

#myInput {
  box-sizing: border-box;
  width:280px;
  font-size: 16px;
  padding:5px;
  border: none;
  border-bottom: 1px solid #ddd;
  
}

#myInput:focus {outline: 1px solid #ddd;}

.dropdown3 {
  position: relative;
  display: inline-block;
}

.dropdown3-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 280px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  top:70%;
  
}

.dropdown3-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  
  
}



.dropdown2 a:hover {background-color: #ddd;}

.show {display: block;}


.arrow{
  border:solid white;
  border-width:0 3px 3px 0;
  display: inline-block;
  padding:3px;
  position:absolute;
  left:71px;
  top:25px;
  
  }
.down{
  transform: rotate(45deg);
  -webkit-transform:rotate(45deg);}
  
  .arrow2{
  border:solid white;
  border-width:0 3px 3px 0;
  display: inline-block;
  padding:3px;
  position:absolute;
  left:63px;
  top:14px;
 
  
  }
.down2{
  transform: rotate(45deg);
  -webkit-transform:rotate(45deg);}
  
  
  
 .saletag {
  background-color: #cb1c53;
  border-radius:100%;
  color: #eee;
  width:50px;
  height:50px;
  font-size: 16px;
  position:absolute;
  top:10px;
  left:8px;
  
  
}