/*
font-family: 'DM Sans', sans-serif;  400 500  700
    --primary-color: #00684a;
    --secondary-color: #39b54a;
    font-family: 'Roboto', sans-serif;
  font-family: 'Tenor Sans', sans-serif;
*/

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {}

@media (max-width: 1499px) {}

@media (max-width: 1440px) {}

@media (max-width: 1399px) {}

@media (max-width: 1299px) {}

@media (max-width: 1199px) {}

@media (max-width: 1100px) {}

@media (max-width: 1025px) {}

@media (min-width: 1000) and (max-width: 1199px) {}

@media (max-width: 991px) {

  .hDr_Logo,
  .scrollinG .hDr_Logo {
    width: 120px;
  }

  #mobHam {
    display: block;
    right: 10px; /* Move hamburger menu further from edge */
    margin-left: 15px; /* Add left margin */
    z-index: 1500;
  }

  #navbarMenu {
    position: fixed;
    right: -280px; /* Match the width */
    top: 60px;
    height: calc(100% - 60px);
    width: 280px; /* Slightly narrower menu */
    z-index: 1000;
    transition: right 0.4s ease-in-out;
    -webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    display: flex;
    background-color: var(--color-white);
    overflow-y: auto;
    padding: 30px 20px; /* Adjust padding */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }

  #navbarMenu .nav-item {
    padding: 0px;
  }

  #navbarMenu .nav-item .nav-link {
    padding: 12px 15px; /* More padding for touch targets */
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
  }

  #navbarMenu .nav-item:last-child .nav-link {
    border-bottom: none;
  }

  #navbarMenu .nav-item .nav-link.active {
    color: var(--color-accent);
    background-color: var(--color-primary);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .mobShow #navbarMenu {
    right: 0px;
  }

  .pG_Hed_Top {
    display: none; /* Hide top header on mobile to save space */
  }
  
  .pG_Hed nav {
    padding: 8px 0; /* Reduce navbar padding */
  }
  
  .pg_search form input {
    width: 120px; /* Reduce search input width */
    font-size: 14px;
    padding: 5px 8px;
  }
  
  .pfil_rlted_ul li {
    margin-right: 8px; /* Reduce spacing between icons */
  }
  
  .pfil_rlted_ul li a {
    font-size: 16px; /* Smaller icons to save space */
  }
  
  /* Ensure right side elements have proper spacing */
  .d-flex.ms-auto.me-0.my-auto > div:last-child {
    margin-left: auto;
    padding-right: 60px; /* Add padding to prevent overlap with hamburger */
  }
  
  #pG_Body {
    padding-top: 70px; /* Reduce top padding for smaller header */
  }

  /* Hero section mobile adjustments */
  .swiper-slide .row {
    height: 100%;
    align-items: center;
  }
  
  .swiper-slide .col-md-6:first-child {
    display: none; /* Hide empty column on mobile */
  }
  
  .swiper-slide .col-md-6:last-child {
    width: 100%; /* Full width for content */
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .swiper-slide {
    height: 300px; /* Reduce hero height on mobile */
  }
  
  .swiper-slide_content_text_fst {
    font-size: 28px !important; /* Much smaller text for mobile */
    line-height: 1.1;
  }
  
  .swiper-slide_content_text_scn {
    font-size: 36px !important; /* Smaller secondary text */
    line-height: 1.1;
    margin-bottom: 15px;
  }
  
  .hero_button {
    font-size: 18px; /* Smaller button text */
    padding: 8px 18px; /* Reduce button padding */
  }
  
  .swiper-slide_content {
    padding: 20px; /* Add some padding around content */
    text-align: center;
  }

  /* Hero Icons Section Mobile */
  .hero_icons ul {
    flex-direction: column; /* Stack icons vertically */
    gap: 25px;
  }
  
  .hero_icons ul li {
    width: 100%; /* Full width for each item */
    padding: 0 20px; /* More horizontal padding */
    justify-content: flex-start; /* Align to left */
    align-items: flex-start; /* Align items to top */
  }
  
  .hero_icons ul li::after {
    display: none; /* Remove divider lines */
  }
  
  .hero_icons ul li img {
    width: 45px; /* Slightly larger icons for better visibility */
    height: 45px;
    margin-right: 15px;
    margin-top: 5px; /* Slight top margin for alignment */
    flex-shrink: 0; /* Prevent icon from shrinking */
  }
  
  .hero_icons ul li p {
    font-size: 14px; /* Slightly larger text for readability */
    line-height: 1.4;
    margin: 0; /* Remove default margins */
    flex: 1; /* Take remaining space */
  }

  /* Improve touch targets and spacing */
  .pfil_rlted_ul li a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pfile_dropdown {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .location-button {
    font-size: 12px;
    padding: 4px 8px;
  }
  
  /* Additional mobile header spacing fixes */
  .pfil_rlted_ul {
    margin-right: 5px; /* Reduce right margin */
  }
  
  .pg_search {
    margin-right: 10px !important; /* Reduce search margin */
  }
  
  /* Ensure dropdown doesn't interfere with hamburger */
  .dropdown.my-auto {
    margin-right: 5px;
  }
}

@media (max-width: 750px) {}

@media (max-width: 650px) {}

@media (max-width: 575px) {
  .container {
    padding-left: 7px;
    padding-right: 7px;
  }
  
  .swiper-slide {
    height: 250px; /* Even smaller on very small screens */
  }
  
  .swiper-slide_content_text_fst {
    font-size: 24px !important;
  }
  
  .swiper-slide_content_text_scn {
    font-size: 30px !important;
  }
  
  .hero_button {
    font-size: 16px;
    padding: 6px 15px;
  }
  
  .pg_search form input {
    width: 80px; /* Even smaller search on tiny screens */
  }
  
  .hDr_Logo {
    min-width: 50px !important; /* Smaller logo for tiny screens */
  }

  .hdmob {
    margin-left: -44px !important;
  }

  /* Additional fix for very tight spaces */
  .pfil_rlted_ul li {
    margin-right: 1px; /* Even tighter spacing on small screens */
  }
  
  #mobHam {
    right: -5px; /* Move closer to edge on small screens */
  }
  
  .d-flex.ms-auto.me-0.my-auto > div:last-child {
    padding-right: 45px; /* Adjust padding for smaller hamburger position */
  }

  .hero_icons ul li:first-child {
      padding-left: 20px;
  }
}

/* Responsive typography scaling for extra small devices */
@media (max-width: 480px) {
  .swiper-slide_content_text_fst {
    font-size: 20px !important;
  }
  
  .swiper-slide_content_text_scn {
    font-size: 26px !important;
  }
}

@media (max-width: 500px) {}

@media (max-width: 450px) {}

@media (max-width: 400px) {}

@media (max-width: 350px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .col-xl-20 {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 1500px) {}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
}

@media (min-width: 1801px) {}