/* Media query for medium-sized screens (e.g., tablets) */
@media only screen and (max-width: 768px) {
    .search-social-div {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    margin: 30px 0 30px 0;
    flex-direction: column;
    }
    
    #searchBtn {
    display: none;
    position: absolute;
    right: 60px;
    top: 60%;
    transform: translateY(-50%);
    color: #105779;
    }
    
    
  
}






/* Media query for smaller screens (e.g., mobile phones) */
@media only screen and (max-width: 480px) {
    
    .search-social-div {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    margin: 30px 0 30px 0;
    flex-direction: column;
    }
        
    #searchBtn {
    display: none;
    position: absolute;
    right: 60px;
    top: 60%;
    transform: translateY(-50%);
    color: #105779;
    }
    
    
    
}