/* --- Base Styles (No Media Query - Applies to ALL screens) --- */

.sp-megamenu-parent>li::after {
  background-color: #a3c686;
}

.hidy {
  width: 113%;
  height: 60px;
  background-color: #ffffff;
  position: relative;
  bottom: 57px;
  right: 50px;
}

/* Error Page Styling */

html.error-page body {
  background-color: #ffffff!important;
}

html.error-page .error-logo {
  transform: scale(0.5);
}

html.error-page .error-code,
html.error-page .error-message,
html.error-page .error-wrapper a.sppb-btn-link {
  color: #000000!important;
}

.coming-soon-logo {
  transform: scale(0.5);
  margin-bottom: -4rem!important;
}

.view-article #sp-main-body .article-details .article-header h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -2px;
    text-decoration: none;
      color: #336a0f;
}

.view-article #sp-main-body .article-details .article-full-image {
    border-top: 0px;
    padding-top: 0px;
}

.view-article #sp-main-body .article-details .article-full-image {
    border-top: 0px;
    padding-top: 0px;
    max-width: 400px;
    float: right;
    margin-left: 50px;
    margin-bottom: 50px;
}

.view-article #sp-main-body .article-details div[itemprop=articleBody] {
    max-width: 100%;
}

/* Error Page Styling */

.view-page .sp-page-builder .page-content #section-id-e681e30d-56ca-469a-9ee5-f4b818e49715 {
  background-position: 95% 50%;
}

/* Base style for phones/small devices (320px to 599px) */

@media screen and (min-width:320px) and (max-width:932px) {
.logo-image-phone {
    height: 80px!important;
}

}


/* --- Special Device Queries --- */

/* iPhone bg fix (using device-width, kept as is since you were using it) */
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.sp-page-builder .page-content #section-id-1744591881432,
  .sp-page-builder .page-content #section-id-cc5626a0-c1d9-4393-b7ad-22dea4e2612f,
  .sp-page-builder .page-content #section-id-5f06a744-4dc3-4ac4-a736-24a12da8568a,
  .sp-page-builder .page-content #section-id-afdc712d-42e9-4f68-800d-192c6747851d,
  .sp-page-builder .page-content #section-id-daa3c52a-f77d-4f3a-a5ce-774c259537cc,
  .sp-page-builder .page-content #section-id-8fc8a7c8-14c6-44cb-ab07-8f2b17bac2f7,
  .sp-page-builder .page-content #section-id-71c1fe44-43cd-478e-87ab-6ec7288ebc03,
  .sp-page-builder .page-content #section-id-826859d5-2581-4990-a799-db98986d64ff,
  .sp-page-builder .page-content #section-id-e0474c16-3a24-4784-98b3-f93a96d5c485,
  .sp-page-builder .page-content #section-id-19dae5cf-35e1-4701-a392-3197193fba5b,
  .sp-page-builder .page-content #section-id-76dee559-953c-476e-ba81-7fffe528115b{
    background-size: unset !important;
    background-attachment: scroll !important;
    background-position: top !important;
  }
}


/* --- Standard Responsive Breakpoints --- */

/* Small devices (portrait tablets, 600px and up) */
@media only screen and (min-width: 600px) {
  /* ... styles for 600px and wider ... */
}

/* Medium devices (landscape tablets & small laptops, 768px to 799px) */
@media screen and (min-width: 768px) and (max-width: 799px) {
  #sp-logo.col-auto {
    width: 20%;
  }
  #sp-menu.col-auto {
    width: 80%;
  }
  .sp-megamenu-parent>li>a,
  .sp-megamenu-parent>li span {
    padding: 0 4px!important; 
  }
}

/* Large devices (Tablets, Laptops, Desktops, 800px to 1366px) */
/* This covers your 1280px resolution cleanly and merges redundant rules */
@media screen and (min-width: 800px) and (max-width: 1366px) {
  #sp-logo.col-auto {
    width: 20%;
  }
  #sp-menu.col-auto {
    width: 80%;
  }
  .sp-megamenu-parent>li>a {
    padding: 0 4px!important;
  }
}

/* Alternate Large Device Range (900px to 1440px) */
/* Note: Only use this if you have specific styles that don't apply to the 800-1366 range above */
@media screen and (min-width: 900px) and (max-width: 1440px) {
  /* ... other 900-1440px styles ... */
}

/* Extra large devices (large desktops, 1367px and up) */
@media only screen and (min-width: 1367px) {
  /* ... styles for 1367px and wider ... */
}