/* Responsive cleanup overrides */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img, svg, video, canvas, iframe {
  max-width: 100%;
  height: auto;
}

input, select, textarea, button {
  max-width: 100%;
}

.preloader__image,
.custom-cursor,
.custom-cursor__cursor,
.custom-cursor__cursor-two {
  max-width: none;
}

@media (max-width: 1199px) {
  .main-header__inner,
  .main-header__center,
  .main-header__center__bottom,
  .main-header__right,
  .topbar-one__inner,
  .topbar-one__info,
  .main-menu__list,
  .footer-widget__gallery,
  .sidebar,
  .contact-one__inner,
  .contact-two__inner,
  .about-two__inner,
  .why-choose-one__inner,
  .why-choose-two__inner,
  .services-details__content,
  .blog-details,
  .team-details,
  .checkout-page,
  .cart-page,
  .login-page,
  .error-page,
  .faq-page,
  .gallery-page,
  .packages-page,
  .products-page {
    max-width: 100%;
  }

  .main-header--two .main-header__logo,
  .main-header--two .main-header__right,
  .main-header--three .main-header__logo,
  .main-header--three .main-header__right {
    width: auto;
  }

  .contact-two__img,
  .about-two__shape,
  .about-three__shape,
  .service-two__shape,
  .funfact-one__shape,
  .main-slider__shape,
  .main-slider-two__shape,
  .main-slider-three__shape {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .topbar-one__inner,
  .topbar-one__info,
  .main-header__right,
  .main-header__center__bottom,
  .footer-widget,
  .blog-sidebar,
  .sidebar,
  .cart-page__table,
  .checkout-page__your-order,
  .checkout-page__billing,
  .login-page__form,
  .comment-form,
  .contact-one__form,
  .team-form-one__form {
    width: 100%;
  }

  .topbar-one__inner,
  .topbar-one__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .topbar-one__info__item,
  .topbar-one__right,
  .main-header__right {
    text-align: center;
  }

  .main-header__logo img,
  .mobile-nav__logo img,
  .footer-widget__logo img {
    max-width: 180px;
    width: 100%;
  }

  .contact-two__img,
  .contact-two__bg,
  .main-slider__img,
  .main-slider-two__img,
  .main-slider-three__img {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .contact-two__bg__shape {
    width: min(100vw, 460px);
    height: min(100vw, 460px);
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .row {
    --bs-gutter-x: 24px;
  }

  .main-header__inner,
  .main-header--two .main-header__logo,
  .main-header--two .main-header__right,
  .main-header--three .main-header__logo,
  .main-header--three .main-header__right,
  .main-header__center__bottom,
  .main-menu__list,
  .mobile-nav__content,
  .mobile-nav__container,
  .topbar-one,
  .topbar-one__inner,
  .topbar-one__info,
  .footer-widget,
  .sidebar,
  .blog-sidebar,
  .cart-page__table,
  .checkout-page__billing,
  .checkout-page__your-order,
  .login-page__form,
  .contact-one__form,
  .comment-form,
  .team-form-one__form,
  .google-map,
  .video-one,
  .faq-page,
  .error-page {
    max-width: 100%;
  }

  .main-slider__title,
  .main-slider-two__title,
  .main-slider-three__title,
  .page-header__title,
  .sec-title__title {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .contact-two__img img,
  .about-one__image img,
  .about-two__image img,
  .about-three__image img,
  .service-details__image img,
  .team-details__image img,
  .blog-details__image img,
  .project-details__image img,
  .product-details__img img,
  .gallery-page__card img,
  .portfolio-card img {
    width: 100%;
    height: auto;
  }

  .contact-two__bg__shape,
  .contact-two__img,
  .main-slider__shape,
  .main-slider-two__shape,
  .main-slider-three__shape,
  .funfact-one__shape,
  .cta-two__shape,
  .service-two__shape,
  .about-two__shape,
  .about-three__shape {
    display: none !important;
  }

  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}