.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.tit_pageBanner{
    text-align:left;
    color: #fff;
    font-size:1.4rem;
    line-height:1.3;
    font-family: "LexendDeca-M";
    margin:0 0;
    padding:0 0;
}
.tit_pageBanner.tit-detail{
  font-size:1.2rem;
}
.gird_products{
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap:0.5rem;
}
.gridListPost{
  display:grid;
  grid-template-columns:1fr;
  grid-gap:0.5rem;
}

.grid-CoreValue{
  display:grid;
  grid-template-columns:1fr;
  grid-gap:0.5rem;
}
.des_pageBanner{
    text-align:left;
}
@media (min-width:360px) {
    .gird_products,.gridListPost{
       grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 440px) {
  .gird_products,.gridListPost,.grid-CoreValue{
    grid-gap:0.7rem;
  }
}
@media (min-width: 576px) {
     .grid-CoreValue{
         grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .gird_products{
       grid-template-columns: repeat(3, 1fr);
       grid-gap:1rem;
    }
    .gridListPost{
      grid-gap:1rem;
      grid-template-columns: repeat(3, 1fr);
    }

}
@media (min-width: 992px) {
  :root{ --container-max-width:960px; }
  .grid-CoreValue{
     grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  :root { --container-max-width: 1140px; }
  .des_pageBanner{
    text-align:center;
  }
  .tit_pageBanner{
    font-size:1.6rem;
    text-align:center;
  }
  .tit_pageBanner.tit-detail{
    font-size:1.4rem;
  }
   .gird_products{
    grid-template-columns: repeat(4, 1fr);
  }
  .gridListPost{
      grid-template-columns: repeat(4, 1fr);
   }
   .grid-CoreValue{
     grid-gap:1.2rem;
  }
}
@media (min-width: 1400px) {
  .root{--container-max-width: 1320px; }
  .gird_products,.gridListPost{
    grid-gap:1.2rem;
  }
   .grid-CoreValue{
     grid-gap:2rem;
  }
}
@media (min-width: 1600px) {
     .grid-CoreValue{
     grid-gap:3rem;
  }
  :root{ --container-max-width: 1520px; }
  .tit_pageBanner{
    font-size:1.8rem;
  }
  .tit_pageBanner.tit-detail{
    font-size:1.6rem;
  }
  .gird_products,.gridListPost{
    grid-gap:1.5rem;
  }
}