@media (max-width: 768px) {

      #intro{
       margin-bottom:10%;
      }
      .sidebar {
        width: 50%;
        border-right: 1px solid #ccc;
        border-bottom: none;
        height: auto;
      }
    
      .map-container {
        width: 50%;
        height: auto;
        position: relative;
      }
    
      #map {
        height: 100vh !important;
      }
    
      .resort-list {
        overflow-y: auto;
        padding: 10px;
      }
    
      .resort-info {
          height: 40vh; 
          max-height: 40vh; 
          overflow: auto; 
          display: flex;
           font-size: 12px;
          flex-direction: column;
          flex-wrap: nowrap;
      }
        
      #resort-details {
          max-height: 60vh;
          overflow-y: auto;
          display: none;
          word-wrap: break-word;
          white-space: normal;
          position: relative;
          /*margin-bottom: 4vh;*/
      }
  


 
      #resort-details p{
          padding-right:5%;
      }
    
      .resort {
        font-size: 14px;
      }
    
      #intro {
        font-size: 18px;
      }
    
      #search-input {
        width: 100%;
        font-size: 14px;
      }
    
      #filter-toggle {
        font-size: 14px;
        padding: 8px;
      }
    
      .filter-menu label {
        font-size: 14px;
      }
    
      .special-elite-regular {
        font-size: 32px;
      }
    
      #company {
        position: relative;
        font-size: 26px;
        margin: auto;
        width:100%;
        text-align: centerl;
        /*! border: 1px solid green; */
      }
      
      .search-bar {
        width:100%;
        padding:0 !important;
        margin:0 !important;
      }
      #search-input{
        border-radius: 15%;
        border:5px solid #607D8B;
        width: 90%;
      }
}