/* Global mobile responsiveness fixes (loaded after style.css) */
html, body {
  overflow-x: hidden;
}

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

.table-responsive,
table {
  width: 100%;
}

/* Keep embedded media responsive on all pages */
.embed-responsive,
.ratio {
  width: 100%;
}

/* Prevent long text from breaking layouts */
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
li {
  overflow-wrap: anywhere;
}

/* Better defaults for cards and common content blocks */
.single-cases,
.single-cat,
.blog_item,
.single-job-items {
  height: auto;
}

.single-cases .cases-img img,
.single-cat .cat-img img,
.company-img img,
.blog_item_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Tablet and below */
@media (max-width: 991.98px) {
  .container,
  .container-fluid {
    padding-left: 14px;
    padding-right: 14px;
  }

  .section-tittle h2,
  .hero-cap h2 {
    font-size: clamp(1.4rem, 4.3vw, 2rem);
    line-height: 1.25;
  }

  .slider-area .single-slider {
    background-position: center top;
  }

  .single-job-items .job-items {
    display: block;
  }

  .single-job-items .company-img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
}

/* Phones */
@media (max-width: 767.98px) {
  .header-top {
    display: none !important;
  }

  .logo img {
    max-height: 34px !important;
  }

  .slider-height2 {
    height: 210px !important;
  }

  .section-padding30,
  .section-padding2,
  .testimonial-padding {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .footer-padding {
    padding-top: 35px !important;
    padding-bottom: 20px !important;
  }

  .button,
  .btn,
  .boxed-btn {
    white-space: normal;
    text-align: center;
  }

  .contact-info .media-body h3 {
    font-size: 1rem;
  }
}