/* Fix: remove mobile right-side white gutter */

@media (max-width: 991px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  #page.site_wrapper,
  #page {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .site_wrapper,
  .site.site_wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Kill boxed/max-width constraints that create side gutters */
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .e-con-boxed,
  .e-con.e-con-boxed,
  .elementor-element.e-con-boxed {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Force hero to full width */
  .at-hero3-sec,
  .at-hero3-sec .container,
  .at-hero3-sec .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .at-hero3-content,
  .at-hero3-slider,
  .swiper-container,
  .swiper-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
}