#search-icon{
 font-size:24px;
  color:white;
  margin-top:-5px;
  margin-left:25px;
  cursor:pointer;
}
.search-popup{
  width:50%;
  height:0px;
  display:none;
  height:auto;
   text-align: center;
    z-index: 10;
  margin:0px auto;
   
}
.search{
position:relative;
z-index:100;
  margin-top:-50px;
  width:100%;
  
  }
.search-bar{
  width: 60%;
    background: white;
    border: 1px solid white;
    color: black;
  outline:none;
  height:10px;
  margin-top:-50px;
}
.submit-button{
    border: 1px solid white;
    margin-left: -5px;
    height: 10px;
  line-height:0;
  outline:none;
  width:auto;
  background: none;
  color: white;
}
.submit-button:hover{
background-color:bisque;
}

#cross-button-search{
font-size:24px;
  color:white;
cursor:pointer;
  display:none;
  margin-top:-5px;
  margin-left:25px;
 
}
.search-page_wrapper {
    max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}
.search-page-style{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
}
@media(max-width:750px) and (min-width:480px){

  .search-popup{
  width:100%;
    padding:10px 10%;
     background: #24272a;
   
}
.search{
  margin-top:0px;
  
  }
.search-bar{
  width: 80%;
      background: white;
    border: 1px solid #24272a;
    border-radius: 10px;
   border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: black;
    
}
.submit-button{
  
    width:20%;
  background:white;
  color:black;
  border-radius:10px;
  border:1px solid #24272a;
  border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
 .submit-button:hover{
background-color:bisque;
color:black;
 }
  

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

  .search-popup{
  width:100%;
    padding:0px;
     background: #24272a;
   
}
.search{
  margin-top:0px;
  
  }
.search-bar{
  width: 80%;
      background: white;
    border:none;
    color: black;
  border-radius: 0px;
    
}
.submit-button{
  
    width:20%;
  background:white;
  color:black;
  border-radius:0px;
  border:none;
  padding-left:3px;
}
 .submit-button:hover{
background-color:bisque;
color:black;
 }
}