@media (min-width: 1600px) {
  .header-banner-dynamic .header-banner-img {
    width: 1600px;
  }
  .header-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1600px;
      aspect-ratio: 1600 / 180;
  }
}
@media (min-width: 992px) and (max-width: 1440px) {
    .wrapper .header-main {
        background-size: unset;
        height: 120px;
        border-bottom: 1px solid #cccc;
    }
    .icon-open-menu{
        width: 38px;
    }
    
      .ncsc-img{
        height: 140px;
      }
}

@media (max-width: 1024px) {
    .sp-logo-icon{
       top: 0;
       left: 10px;
       width: 131px;
    }
  .header-search-container{
      display: flex;
      flex-direction: column;
      align-items: end;
      justify-content: end;
      gap: 4px;
      padding-left: 0rem !important;
      padding-right: 0rem !important;
  }
    .header-search-bar {
      width: 100%;
    }
    .search-padding-border{
        padding-right: 0px;
        border-right: 1px solid #EBEBEB;
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .icon-open-menu {
        display: none;
    }
}/* Footer desktop theo Figma; tablet/mobile dùng khối footer riêng nên không bị ảnh hưởng */
@media (min-width: 1025px) {
    .footer-img {
        font-family: 'Roboto', sans-serif;
    }
    .footer-navigation {
        padding: 29px 0 0;
        gap: 5px;
    }
    .footer-navigation::after {
        width: 75%;
    }
    .footer-navigation-detail {
        padding: 15px 10px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 18px;
    }
    .footer-navigation-detail:hover {
        border-radius: 10px;
    }
    .footer-container-info {
        align-items: flex-start;
        gap: 21px;
        padding: 24px 0 15px;
    }
    .footer-info-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }
    .footer-container-info .footer-info-detail-container {
        justify-content: flex-start;
        gap: 32px;
    }
    .footer-container-info .footer-info-detail-1,
    .footer-container-info .footer-info-detail-2 {
        padding: 0;
        gap: 8px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }
    .footer-container-info .footer-info-detail-1 {
        flex: 0 1 537px;
    }
    .footer-info-ncsc {
        flex-shrink: 0;
    }
    .footer-bottom {
        padding: 24px 0 12px !important;
    }
    .footer-bottom a {
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase;
    }
}