/*--------------------------------------------------------------
# Navigation Menu - Desktop Specific
--------------------------------------------------------------*/
@media (min-width: 1200px) {
    .navmenu {
      padding: 0;
    }
  
    .navmenu ul {
      display: flex;
    }
  
    /* Specific desktop dropdown rules */
    .navmenu .dropdown ul {
      top: 130%; /* Reapply if overridden by base or mobile styles */
      left: 14px; /* Reapply if overridden by base or mobile styles */
      opacity: 0;
      visibility: hidden;
    }
  
    .navmenu .dropdown:hover>ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
    }
  
    .navmenu .dropdown .dropdown ul {
      top: 0;
      left: -90%;
      visibility: hidden;
    }
  
    .navmenu .dropdown .dropdown:hover>ul {
      opacity: 1;
      top: 0;
      left: -100%;
      visibility: visible;
    }
    
    
  }
  
  /*--------------------------------------------------------------
  # Global Sections - Desktop Specific
  --------------------------------------------------------------*/
  /* Ensure scroll margin top for desktop if needed, otherwise this is default */
  @media (min-width: 1200px) {
    section,
    .section {
      scroll-margin-top: 90px;
    }
  }
  
  /*--------------------------------------------------------------
  # Hero Section - Desktop Specific
  --------------------------------------------------------------*/
  @media (min-width: 1200px) {
    .hero {
      padding: 120px 0; /* Default value from original main.css, ensuring it's for desktop */
    }
  }
  
  /*--------------------------------------------------------------
  # Services Section - Desktop Specific
  --------------------------------------------------------------*/
  @media (min-width: 1365px) {
    .services .service-item:hover {
      transform: translateY(-10px);
    }
  
    .services .service-item:hover h3 {
      color: var(--accent-color);
    }
  }
  
  /*--------------------------------------------------------------
  # Team Section - Desktop Specific
  --------------------------------------------------------------*/
  @media (min-width: 1025px) { /* Adjust breakpoint if necessary, based on original content */
    .team .member .member-img {
      margin: 0 80px; /* Reapply default margin for larger screens */
    }
    
  }