/* Responsive fixes for the exported A+ website. Desktop layout is preserved. */
@media (max-width: 1024px) {
  html { width: 100%; max-width: 100%; }
  body#dmRoot, #dmRoot #dm, #dmRoot #dm .dmInner,
  #dmRoot #dm .site_content, #dmRoot #dm .dmBody,
  #dmRoot #dm .allWrapper, #dmRoot #dm .dmContent,
  #dmRoot #dm .dmRespRowsWrapper, #dmRoot #dm .dmRespRow,
  #dmRoot #dm .dmRespColsWrapper, #dmRoot #dm .dmRespCol,
  #dmRoot #dm .dmFooter, #dmRoot #dm .dmHeader {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #dmRoot #dm .dmInner, #dmRoot #dm .site_content,
  #dmRoot #dm .dmBody, #dmRoot #dm .dmRespRowsWrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #dmRoot #dm img, #dmRoot #dm video, #dmRoot #dm iframe {
    max-width: 100% !important;
  }
  #dmRoot #dm .dmNewParagraph { overflow-wrap: anywhere; }
}
@media (max-width: 767px) {
  body#dmRoot { padding-bottom: 88px !important; }
  #dmRoot #dm .site_content { margin-top: 0 !important; padding-top: 0 !important; }
  #dmRoot #layout-drawer-hamburger { display: none !important; }
  #dmRoot #dm .dmRespRow {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-attachment: scroll !important;
  }
  #dmRoot #dm .dmRespColsWrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #dmRoot #dm .dmRespCol {
    width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #dmRoot #dm .dmNewParagraph,
  #dmRoot #dm .imageWidget,
  #dmRoot #dm .dmPhotoGallery {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #dmRoot #dm .dmNewParagraph { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  #dmRoot #dm .dmNewParagraph :is(h1,h2,h3,h4,h5,h6,p,li) { overflow-wrap: anywhere; }
  #dmRoot #dm .dmNewParagraph h1 { font-size: 32px !important; line-height: 1.22 !important; }
  #dmRoot #dm .dmNewParagraph h2 { font-size: 27px !important; line-height: 1.3 !important; }
  #dmRoot #dm .dmNewParagraph :is(h3,h4,h5,h6) { font-size: 23px !important; line-height: 1.35 !important; }
  #dmRoot #dm .dmNewParagraph :is(p,li) { font-size: 17px !important; line-height: 1.6 !important; }
  #dmRoot #dm .dmNewParagraph :is(h1,h2,h3,h4,h5,h6,p,li) :is(span,font,strong,a) { font-size: inherit !important; line-height: inherit !important; }
  #dmRoot #dm .dmButtonLink { max-width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }
  #dmRoot #dm .dmButtonLink .text { white-space: normal !important; font-size: 16px !important; }
  #dmRoot #dm .unifiednav { display: none !important; }
  #dmRoot .aplus-mobile-menu { box-sizing: border-box; width: 100%; min-width: 0; gap: 12px; }
  #dmRoot .aplus-mobile-menu > a { font-size: 17px; line-height: 1.3; text-decoration: none; }
  #dmRoot .aplus-mobile-menu summary { min-height: 44px; display: flex; align-items: center; }
  #dmRoot .aplus-mobile-menu .aplus-menu-list { box-sizing: border-box; max-width: 100%; }
  #dmRoot .aplus-mobile-menu .aplus-menu-list a { min-height: 44px; box-sizing: border-box; font-size: 16px; line-height: 1.4; }
  #dmRoot .aplus-call-fixed { z-index: 1000 !important; left: 88px !important; right: 12px !important; bottom: 12px !important; padding: 15px 8px !important; font-size: 15px !important; line-height: 20px !important; }
  #dmRoot #dm .aplus-dishwasher-page { padding: 28px 20px 40px !important; max-width: 100% !important; box-sizing: border-box; }
  #dmRoot #dm .aplus-contact { padding: 22px 16px; overflow-wrap: anywhere; }
  #dmRoot #dm .aplus-contact a { display: block; margin: 10px 0; }
}