@media (min-width: 767px) {
  .search-div-nav{
    width: auto;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
  }
  
  .search-nav-input-img{
    position: absolute;
    width: 20px;
    top: 8px;
    left: 8px;
  }
  .search-nav-input{
  background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    text-decoration: none;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 1px;
    border: 1px solid transparent;
    /*background-color: #EEF4F6;*/
    padding: 15px;
    height: 36px;
  
  
    color: #000000;
    text-align: left;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
  
    border-radius: 5px;
  
  
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }
  .search-nav-input::placeholder{
  color: #82888C;
  }
  
  .search-nav-input:focus,
  .search-nav-input:valid{
  background-color: #fff;
  border-color:#000000;
  width: 300px;
  
  padding-right: 10px;
  padding-left: 35px;
  }
  
.mob-search-container{
  display: none;
}
}
@media (max-width: 767px) {
  .search-div-container{
display: none;
  }

.mob-search-container{
  width: 100%;
  position: relative;
}

.mob-search-label{
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 8px;
}
.mob-search-img{

  width: 18px;
}
  .mob-search{
    display: block;
    
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    text-decoration: none;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    /*background-color: #EEF4F6;*/
    padding-left: 25px;
    height: 36px;

    border-radius: 0;
    border-bottom: 1px solid #7e7e7e;
  
  
    color: #000000;
    text-align: left;
    text-decoration: none;
    font-family: 'SF Pro Display',Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;

  
  
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
  }


  .mob-search::placeholder{
    color: #82888C;
    }
    




}