/* QloApps loads every file in css/autoload/. Keep the account menu and the right drawer inside the page. */
body#my-account,
body.my-account {
  overflow-x: hidden;
}
body#my-account ul.myaccount-link-list,
body#my-account ul.myaccount-link-list li,
body#my-account ul.myaccount-link-list li a,
body#my-account ul.myaccount-link-list li a span,
body.my-account ul.myaccount-link-list,
body.my-account ul.myaccount-link-list li,
body.my-account ul.myaccount-link-list li a,
body.my-account ul.myaccount-link-list li a span {
  overflow: visible;
  max-width: 100%;
  height: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  text-transform: none;
  box-sizing: border-box;
}
body#my-account .addresses-lists,
body.my-account .addresses-lists {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
body#my-account .addresses-lists > [class*="col-"],
body.my-account .addresses-lists > [class*="col-"] {
  float: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  body#my-account .addresses-lists > [class*="col-"],
  body.my-account .addresses-lists > [class*="col-"] {
    width: 50%;
  }
}
#menu_cont.menu_cont_right {
  max-width: min(320px, 100vw);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
#menu_cont.menu_cont_right a,
.footer-navigation-section a {
  white-space: normal;
  overflow-wrap: anywhere;
}
.footer-container,
.footer-container .row,
.footer-container .col-sm-3 {
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .footer-container .col-sm-3 {
    float: none;
    width: 100%;
  }
}