/* 2XL */
@media only screen and (max-width: 1535px) {
}

/* XL */
@media only screen and (max-width: 1279px) {
  .header_nav--left .btn_label,
  .btn_login .btn_label,
  .btn_navigation--light:after,
  .brand-nav_logo {
    display: none;
  }
  .header_nav--left .btn_navigation svg,
  .btn_login svg {
    margin: 0;
  }
  .btn_navigation--light {
    width: 2.5rem;
    padding: 0;
    border-radius: 5rem;
  }
  .btn_navigation--light:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%),
      0 -3px 3px -2px rgb(0 0 0 / 5%);
  }
  .brand-nav_logo--light {
    display: block;
  }
  footer .brand-nav_logo--light {
    width:120px;
    margin:0px 0px 22px 0px;
  }
  .btn_login {
    width: 2.5rem;
    padding: 0;
  }
  .btn_login svg {
    font-size: 1.25rem;
  }
  .btn_login--true {
    border: none;
  }
  .btn_login--true .btn_label--user {
    margin-left: 0;
  }
  .sub-footer {
    flex-direction: column;
  }
  .footer_copyright {
    margin-top: 1.5rem;
    order: 2;
  }
}
@media only screen and (min-width: 1024px) {
    .mobile-nav {
        display:none;
    }
}
/* LG */
@media only screen and (max-width: 1023px) {
  header.header {
    padding: 0 2rem;
    flex-wrap: nowrap;
  }
  .header .header_nav--left,
  .header .header_nav--right {
    margin: 0;
  }
  .header .sub-nav,
  .header_nav--left .btn_navigation {
    display: none;
  }
  .btn--md {
    display: none;
  }
  header .header_burger {
    display: block;
  }
  .appbar {
    display: flex;
  }
  .footer {
    margin-bottom: 3.8125rem;
  }
  .footer_wrapper .footer-navigation {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer_wrapper .sub-footer_list {
    flex-direction: column;
  }
  .footer_wrapper .sub-footer_list li + li {
    margin-top: 0.75rem;
  }
  .footer_wrapper .sub-footer_list li + li::before {
    display: none;
  }
  .footer_wrapper .sub-footer_list a {
    text-align: center;
  }
}

/* MD */
@media only screen and (max-width: 767px) {
  .header {
    padding: 0 1rem;
  }
}

/* SM */
@media only screen and (max-width: 639px) {
  .navigation_materials {
    display: none;
  }
  .mobile-nav,
  .mobile-nav_sub-nav {
    height: calc(100vh - 8.1325rem);
  }
  .btn_search--light {
    width: 2.5rem;
    padding: 0;
    border-radius: 5rem;
  }
  .btn_search--light svg {
    margin: 0;
  }
  .btn_search--light .btn_label {
    display: none;
  }
  .btn_appbar .btn_label {
    font-size: 0.625rem;
    line-height: 160%;
  }
  .mobile-nav {
    max-width: 100%;
  }
  .appbar .dropdown_outter {
    position: static;
  }
  .dropdown-box--appbar.open {
    left: 0.75rem;
    right: 0.75rem;
  }
  .dropdown-box--appbar.open:before {
    display: none;
  }
  .footer_wrapper .footer {
    margin-bottom: 3.6875rem;
  }
  .footer_wrapper .footer-navigation {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

@media only screen and (min-width: 1280px) {
	.brand-nav_logo--light {
	  display: none;
	}
}