/* One-page landing fixes only: keeps original MyStory color/design intact */
html { scroll-behavior: smooth; }
section[id], div[id] { scroll-margin-top: 95px; }
img { max-width: 100%; height: auto; }
.main-menu__list > li > a { text-transform: capitalize; }
.main-menu__btn-style1 .thm-btn { white-space: nowrap; }
.contact-form-validated .result { margin-top: 12px; font-size: 14px; }

@media (max-width: 1199px) {
  .main-header__middle { margin-left: auto; }
  .main-header__right { gap: 10px; }
}
@media (max-width: 991px) {
  .main-header__right { display: none; }
  .banner-one__content { padding-top: 40px; padding-bottom: 40px; }
  .banner-one__img { margin-top: 30px; text-align: center; }
  .about-one__img, .faq-two__img { margin-bottom: 35px; }
  .project-one__single, .blog-one__single, .services-one__single { margin-bottom: 30px; }
}
@media (max-width: 767px) {
  section[id], div[id] { scroll-margin-top: 75px; }
  .banner-one__title, .banner-one__title a, .banner-one h1 { font-size: 42px !important; line-height: 1.14 !important; }
  .section-title__title { font-size: 34px !important; line-height: 1.2 !important; }
  .banner-one__text, .about-one__text, .contact-one__text { font-size: 16px; line-height: 1.6; }
  .scroling-text-one__text-list li h2 { font-size: 34px !important; }
  .contact-one__form-box { margin-top: 25px; }
  .mobile-nav__content { width: 300px; max-width: 86%; }
}
@media (max-width: 480px) {
  .container { padding-left: 16px; padding-right: 16px; }
  .banner-one__title, .banner-one__title a, .banner-one h1 { font-size: 34px !important; }
  .section-title__title { font-size: 28px !important; }
  .thm-btn { padding-left: 22px; padding-right: 22px; }
}
