/* Phone and tablet fixes on top of the Artisticx theme styles. */
@media (max-width: 991px) {
  /* "What do we do" cards: grid instead of the desktop scatter */
  .art-what-do-item-area { height: auto; padding: 30px 15px 0; }
  .art-what-do-item-wrap { position: static; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
  .art-what-do-item-wrap .art-what-do-item { position: static; width: auto; height: auto; min-height: 170px; margin: 0 !important; padding: 25px 12px 18px; transform: none !important; }

  .art-counter-title .counter-title { font-size: 40px; line-height: 1.15; padding: 0 15px; }
}

@media (max-width: 767px) {
  .art-counter-title .counter-title { font-size: 32px; margin-bottom: 25px; }
  .art-counter-bg { margin-bottom: 50px !important; }

  .sec_title { font-size: 28px !important; line-height: 1.15 !important; letter-spacing: -0.5px; }

  /* Footer "Let's work together": the theme hides the middle word on phones */
  .art-footer-title { font-size: 46px; line-height: 0.9; padding-left: 0; }
  .art-footer-title span { display: inline-flex !important; align-items: center; gap: 8px; }
  .art-footer-title span i, .art-footer-content .art-footer-title span i { width: 44px !important; height: 44px !important; font-size: 20px !important; }

  .art-counter-item h3 { font-size: 40px; }
  iframe.elementor-video-iframe { aspect-ratio: 16 / 9; height: auto !important; }
}

@media (max-width: 400px) {
  .art-what-do-item-wrap { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .art-what-do-item-wrap .art-what-do-item { min-height: 150px; padding: 20px 8px 14px; font-size: 14px; }
  .art-what-do-item .item-icon img { max-width: 64px; }
}

/* Decorative shapes stick out past the right edge and cause sideways scrolling */
html, body { overflow-x: clip; }