/* Responsive logo sizing for different screen sizes */

/* Tablets and smaller (below 768px) */
@media (max-width: 767px) {
  .tm-site-logo {
    max-width: 200px;
    height: auto;
  }
  
  /* Increase header height to accommodate logo */
  .placeholder,
  .parallax-window {
    min-height: 160px;
    max-height: 160px;
  }
  
  .tm-header-inner {
    padding: 20px 15px 0px 15px;
  }
}

/* Mobile devices (below 576px) */
@media (max-width: 575px) {
  .tm-site-logo {
    max-width: 180px;
    height: auto;
  }
  
  /* Adjust header height for smaller logo */
  .placeholder,
  .parallax-window {
    min-height: 160px;
    max-height: 160px;
  }
  
  .tm-header-inner {
    padding: 15px 10px 0px 10px;
  }
}

/* Small mobile devices (below 400px) */
@media (max-width: 400px) {
  .tm-site-logo {
    max-width: 180px;
    height: auto;
  }
  
  /* Adjust header height for smallest screens */
  .placeholder,
  .parallax-window {
    min-height: 150px;
    max-height: 150px;
  }
  
  .tm-header-inner {
    padding: 10px 10px 0px 10px;
  }
}