.container {
  width: 1536px;
  margin-left: auto;
  margin-right: auto;
}
.container-1366 {
  width: 1366px;
  margin-left: auto;
  margin-right: auto;
}

.media-con{
  left: calc(50% - (1366px / 2));
}

.align-center{
    top: calc(50% - 20px);
    left: calc(50% - (1536px / 2));
}
  
  /* 2xl */
  @media (max-width: 1536px) {
    .container {
      width: 1280px;
    }

    .container-1366 {
      width: 1024px;
    }

    .media-con {
      left: calc(50% - (1024px / 2));
    }

    .align-center{
        left: calc(50% - (1280px / 2));
    }
  }
  
  /* xl */
  @media (max-width: 1280px) {
    .about-c .grid{
      display: flex;
    }
    .about-c .gc--3{
      flex-direction: column;
    }
    .about-c .gc--3 .p-t--full {
      padding-top: unset;
      height: fit-content;
    }
    .about-c .gc--3 .p-t--full  .position-ab {
      position:relative;
    }


    .product-c .grid{
      display: flex;
    }
    .product-c .gc--3{
      flex-direction: column;
    }
    .product-c .gc--3 .p-t--full {
      padding-top: unset;
      height: fit-content;
    }
    .product-c .gc--3 .p-t--full  .position-ab {
      position:relative;
    }

    .prd-ll .gc--3{
      --column-count: 2;
    }



    .container {
      width: 1024px;
    }
    .container-1366 {
      width: 768px;
    }
    .media-con {
      left: calc(50% - (768px / 2));
    }
    .align-center{
      left: calc(50% - (1024px / 2));
    }


    .lh--44 {
      line-height: 28px;
    }
    .fs--36 {
      font-size: 24px;
    }

    .lh--36 {
      line-height: 24px;
    }
    .fs--20 {
        font-size: 16px;
    }

    /* .fs--16 {
      font-size: 12px;
    } */

    .fs--24 {
      font-size: 19px;
    }

    .btn--green,.btn--line-green{
      font-size: 16px;
    }
    .fs--48 {
      font-size: 40px;
    }

    .g--120 {
      gap: 60px;
    }
  }
  
  /* lg */
  @media (max-width: 1040px) {
    .BOD-c .gc--4{
      --column-count: 2;
    }
    .flx-b div{
      flex-direction: column;
    }
    .flx-b .h--520{
      height: auto !important;
    }

    .g-b .gc--3{
      --column-count: 1;
    }

    .g-b .gc--3 div div div h4{
      font-size: 64px;
      line-height: 64px;
    }

    .flx-a .as{
      flex-direction: column;
    }

    .items-h{
      display: none;
    }

    .nav-con{
      display: none !important;
    }
    .blg-m{
      padding-top: 40px;
    }

    .ft-1 .gc--3{
      --column-count: 1;
    }

    .ft-1 .gc--3 .b-right--1 {
      border-bottom: 1px solid #ffffff;
      border-right: 0px solid #ffffff;
    }

    .ft-1 .gc--3 .b-left--1 {
      border-top: 1px solid #ffffff;
      border-left: 0px solid #ffffff;
    }

    .ft-1 .pr--48 {
      padding-right: 0;
  }
    .ft-1 .pl--48 {
        padding-left: 0;
    }

    .ft-bb{
      flex-direction: column;
      gap: 16px;
    }

  }

  @media (max-width: 1024px) {
    .ab-u div{
      flex-direction: column;
    }
    .ab-u .g--80{
      gap: 40px;
    }
    .ab-u .green-sep{
      height: 1px;
      width: 100%;
    }
    .media-m div{
      flex-direction: column;
    }
    .media-p .media-p-con{
      flex-direction: column;
    }
    .container {
      width: 768px;
    }
    .container-1366 {
      width: 640px;
    }
    .media-con {
      left: calc(50% - (640px / 2));
    }
    .align-center{
      left: calc(50% - (768px / 2));
    }
  }
  
  /* md */
  @media (max-width: 768px) {
    .about-m-c .h--640{
      height: 400px;
    }
    .about-m-c .h--400{
      height: auto;
    }
    .about-m-c .top--370{
      top: 100px;
    }
    .about-m-c .p--80{
      padding: 60px;
    }
    .media-bl .gc--3{
      --column-count: 2;
    }
    .m-prod .h--400{
      height: fit-content;
    }

    .m-prod .top--160{
      top: 80px;
    }

    .menu-prod .p-lr--80{
      padding: 0 24px;
      justify-content: center;
    }

    .prd-ll .gc--3{
      --column-count: 1;
    }
    
    .container {
      width: 640px;
    }
    .container-1366 {
      width: 475px;
    }
    .media-con {
      left: calc(50% - (475px / 2));
    }
    .align-center{
      left: calc(50% - ( 640px / 2));
    }

    .blg-m .h--540{
      height: auto;
    }

    .blg-m .top--370{
      top: 300px;
    }

    .cta-h3{
      text-align: center;
    }

    .news-c{
      flex-direction: column;
      gap: 0px;
      padding-bottom: 8px;
    }
  }
  
  /* sm */
  @media (max-width: 640px) {
    .media-bl .gc--3{
      --column-count: 1;
    }
    .custom-next, .custom-prev {
      display: none;
    }

    .container {
      padding-left: 1rem;
      padding-right: 1rem;
      width: 100%;
    }
    .align-center{
      left: calc(50% - (475px / 2));
    }
  }

ul.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

ul.breadcrumbs li {
    margin-right: 5px;
}

ul.breadcrumbs li a {
    text-decoration: none;
    color: #0073aa;
}

ul.breadcrumbs li a:hover {
    text-decoration: underline;
}

ul.breadcrumbs li::after {
    content: ' '; /* Adds a separator between breadcrumb items */
    margin-left: 5px;
}

ul.breadcrumbs li:last-child::after {
    content: ''; /* Removes the separator from the last breadcrumb item */
}
ul.breadcrumbs li:last-child::before {
    content: '-'; /* Removes the separator from the last breadcrumb item */
    opacity: 0;
}