/* Mobile / tablet layout fixes for BeTheme fixed widths */
@media only screen and (max-width: 1240px) {
  html,
  body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #Wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .section_wrapper,
  .container,
  .content_wrapper,
  .sections_group,
  .entry-content,
  .with_aside .content_wrapper,
  .four.columns {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #Top_bar .container,
  #Top_bar .top_bar_left {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Content cards: use most of the screen, small even gutters */
  #Content .section_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #Content .wrap.box-shadow,
  #Content .mcb-wrap.box-shadow {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #Content .column,
  #Content .columns,
  #Content .mcb-column {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  #Content img,
  #Content .scale-with-grid {
    max-width: 100% !important;
    height: auto !important;
  }

  #Content .services-fs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Footer: same side padding as content (not flush to edge) */
  #Footer .widgets_wrapper,
  #Footer .footer_copy {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  #Footer .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #Footer .column,
  #Footer .column.one-third {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 24px !important;
    box-sizing: border-box !important;
  }

  #Footer .textwidget,
  #Footer h6,
  #Footer p {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}