/*
  Mobile polish layer for FinixSoft.
  Loaded after notech.css / notech-responsive.css.
  Only touches spacing, font-scaling, stacking and image sizing on small
  screens - desktop layout, fonts and colors are untouched.
*/

/* ---------- Safety net (all sizes) ---------- */
html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* ---------- Tablet / large phone (<=767px) ---------- */
@media only screen and (max-width: 767px) {

  /* Tighten the ~120px/90px rhythm used across most sections */
  .feature-one,
  .services-one,
  .project-one,
  .blog-one,
  .delivering-it,
  .services-two,
  .business-from-two,
  .services-three,
  .project-page-one,
  .project-page-two,
  .similar-project,
  .team-page,
  .pricing,
  .testimonial-page,
  .gallery-page,
  .product,
  .delivering-it-three {
    padding: 70px 0 50px;
  }

  .welcome,
  .notech-more,
  .blog-sidebar,
  .blog-details,
  .contact-details,
  .message-one,
  .testimonial-two,
  .service-details,
  .welcome-two {
    padding: 70px 0 60px;
  }

  .why-choose-one,
  .cta-one__inner,
  .brand-two__inner,
  .we-help__inner,
  .brand-five,
  .business-from {
    padding: 65px 0 65px;
  }

  .page-header {
    padding: 80px 0 78px;
  }

  .project-two {
    padding: 90px 0 50px;
    margin-top: -40px;
  }

  .trusted-company {
    padding: 0 0 60px;
  }

  .blog-two {
    padding: 0 0 90px;
  }

  .why-choose-two,
  .faq-page {
    padding: 0 0 60px;
  }

  .comment-one__single {
    padding-bottom: 35px;
  }

  .counter-one,
  .counter-two,
  .counter-three {
    padding: 60px 0 60px;
  }

  .we-stand {
    padding: 45px 0 55px;
  }

  .error-page {
    padding: 50px 0 70px;
  }

  .faq-search {
    padding: 70px 0 40px;
  }

  .project-details {
    padding: 70px 0 0;
  }

  .site-footer__middle {
    padding: 55px 0 60px;
  }

  .review-form-one {
    padding: 16px 0 60px;
  }

  /* Section titles a touch tighter on mobile */
  .section-title {
    margin-bottom: 32px;
  }

  /* Buttons: keep comfortable tap target, avoid oversized full-bleed feel */
  .thm-btn {
    padding: 13px 32px 13px;
  }

  /* Service / feature cards: reduce oversized padding + icon circles so
     stacked single-column cards don't each eat a full screen */
  .services-two__single {
    padding: 28px 25px 28px;
    margin-bottom: 20px;
  }

  .services-two__icon {
    height: 90px;
    width: 90px;
  }

  .delivering-it__content {
    padding: 22px 25px 20px;
  }
}

/* ---------- Small phone (<=480px) ---------- */
@media only screen and (max-width: 480px) {

  .feature-one,
  .services-one,
  .project-one,
  .blog-one,
  .delivering-it,
  .services-two,
  .business-from-two,
  .services-three,
  .project-page-one,
  .project-page-two,
  .similar-project,
  .team-page,
  .pricing,
  .testimonial-page,
  .gallery-page,
  .product,
  .delivering-it-three {
    padding: 55px 0 40px;
  }

  .welcome,
  .notech-more,
  .blog-sidebar,
  .blog-details,
  .contact-details,
  .message-one,
  .testimonial-two,
  .service-details,
  .welcome-two {
    padding: 55px 0 45px;
  }

  .why-choose-one,
  .cta-one__inner,
  .brand-two__inner,
  .we-help__inner,
  .brand-five,
  .business-from {
    padding: 50px 0 50px;
  }

  .page-header {
    padding: 60px 0 58px;
  }

  .project-two {
    padding: 70px 0 40px;
    margin-top: 0;
  }

  .trusted-company {
    padding: 0 0 45px;
  }

  .blog-two {
    padding: 0 0 60px;
  }

  .why-choose-two,
  .faq-page {
    padding: 0 0 45px;
  }

  .counter-one,
  .counter-two,
  .counter-three {
    padding: 45px 0 45px;
  }

  .section-title {
    margin-bottom: 26px;
  }

  .section-title__title {
    font-size: 26px;
    line-height: 34px;
  }

  .main-slider-two h2 {
    font-size: 34px;
    line-height: 42px;
  }

  .cta-one__title {
    font-size: 24px;
    line-height: 32px;
  }

  .thm-btn {
    padding: 12px 26px 12px;
    font-size: 14px;
  }

  .main-menu__logo img {
    max-height: 30px;
    width: auto;
  }
}