/* AK World Service - mobile overflow safe fix only */
@media only screen and (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  video,
  iframe,
  object,
  embed {
    max-width: 100% !important;
    height: auto;
  }

  main,
  section,
  header,
  footer,
  .site,
  .page,
  .site-content,
  .page-content,
  .content,
  .wrapper,
  .container,
  .l-container,
  .o-container,
  .c-container {
    max-width: 100vw !important;
    overflow-x: hidden;
  }

  [class*="container"],
  [class*="wrapper"],
  [class*="inner"],
  [class*="content"],
  [class*="section"],
  [class*="row"],
  [class*="card"],
  [class*="slider"],
  [class*="swiper"],
  [class*="slick"] {
    max-width: 100% !important;
  }

  main [style*="width: 100vw"],
  section [style*="width: 100vw"],
  main [style*="width:100vw"],
  section [style*="width:100vw"],
  main [style*="min-width"],
  section [style*="min-width"] {
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  main [style*="margin-left:-"],
  main [style*="margin-left: -"],
  section [style*="margin-left:-"],
  section [style*="margin-left: -"] {
    margin-left: 0 !important;
  }

  main [style*="left:-"],
  main [style*="left: -"],
  section [style*="left:-"],
  section [style*="left: -"] {
    left: 0 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  a,
  span {
    overflow-wrap: break-word;
  }

  .c-btn,
  a[class*="btn"],
  button {
    max-width: 100%;
    white-space: normal;
  }
}