@media (max-width: 1440px) {
  html {
    font-size: 18px !important;
  }
  .fs22 {
    min-width: 120px !important;
  }
  .brand_nav a.nav_link {
    padding: 1rem 1.2rem !important;
  }
  .brand_nav a.nav_link.active::after {
    width: calc(100%) !important;
    left: 0 !important;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 14px !important;
  }
  :root {
    --padding: 22px;
  }
  .grid_4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .grid_3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .grid_1_9 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .grid_1_9 .left {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .grid_1_9 .left .icon_link {
    width: fit-content !important;
  }
  .grid_1_9 .left .icon_link:nth-child(4),
  .grid_1_9 .left .icon_link:nth-child(5) {
    margin-bottom: 0.25rem !important;
  }
  :root {
    --padding: 30px;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 24%;
  }
  .table_box th,
  .table_box td {
    padding: 0.5rem 0.6rem !important;
  }
  .download_box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .brand_nav {
    max-width: 100%;
  }
  .brand_nav .pcnav {
    padding: 0 !important;
  }
  .brand_nav a.nav_link {
    padding: 1rem 1rem !important;
  }
  .grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .grid_2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .download_box .right a.down_load_link {
    margin-right: 0.2rem;
  }
}
@media (max-width: 400px) {
  .brand_nav {
    flex-wrap: wrap !important;
  }
  .grid_4 {
    grid-template-columns: repeat(1, 1fr);
  }
}