@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }

  .hero_area {
    background: linear-gradient(130deg, #231a6f, #0f054c);
  }

  .hero_area .hero_bg_box {
    display: none;
  }

  .slider_section {
    padding: 45px 0 75px 0;
  }

  .custom_nav-container .navbar-nav {
    padding-top: 15px;
    align-items: center;
  }


  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .custom_nav-container .navbar-nav .nav-item:hover ul {
    display: none;
  }

}

@media (max-width: 768px) {
  .about_section .img-box {
    margin-bottom: 45px;
  }

}

@media (max-width: 576px) {
  .header_section .header_top .contact_nav a span {
    display: none;
  }


  .client_section .client_container {
    width: 100%;
  }

  .client_section .box {
    margin: 0;
  }

  .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 45px;
  }

  .client_section .owl-carousel .owl-nav .owl-prev,
  .client_section .owl-carousel .owl-nav .owl-next {
    position: unset;
    margin: 0 2.5px;
  }
}

@media (max-width: 480px) {
  .slider_section .detail-box h1 {
    font-size: 2rem;
  }

  .track_section form {
    flex-direction: column;
    align-items: flex-start;
  }

  .track_section form input {
    width: 100%;
  }

  .track_section form button {
    padding: 10px 60px;
    margin-top: 10px;
  }
}

@media (max-width: 420px) {
  .service_section .box {
    flex-direction: column;
  }

  .service_section .box .img-box {
    justify-content: flex-start;
    margin-bottom: 15px;
  }
}

@media (max-width: 376px) {}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* ================================
   Mobile polish for small screens
================================ */
@media (max-width: 768px) {
  .layout_padding { padding: 64px 0; }
  .layout_padding2 { padding: 54px 0; }
  .layout_padding-top { padding-top: 64px; }
  .layout_padding-bottom { padding-bottom: 64px; }

  .heading_container h2 { font-size: 1.9rem; }
  .slider_section .detail-box h1 { font-size: 2.2rem; }
  .slider_section .detail-box p { font-size: 1rem; }

  .tc-stage { height: clamp(380px, 55vh, 520px); border-radius: 24px; }
}

@media (max-width: 576px) {
  /* tighter vertical rhythm */
  .layout_padding { padding: 48px 0; }
  .layout_padding2 { padding: 42px 0; }
  .layout_padding-top { padding-top: 48px; }
  .layout_padding-bottom { padding-bottom: 48px; }

  .heading_container h2 { font-size: 1.6rem; }
  .heading_container p { font-size: 0.95rem; }

  /* navbar */
  .navbar-brand span { font-size: 20px; }
  .navbar-brand img { height: 34px; }

  /* hero */
  .slider_section { padding: 32px 0 56px 0; }
  .slider_section .detail-box h1 { font-size: 1.9rem; line-height: 1.25; }
  .slider_section .detail-box p { font-size: 0.95rem; }

  /* buttons: full width looks cleaner */
  .btn-box a { display: block; width: 100%; text-align: center; }
  .btn-box a + a { margin-top: 10px; }

  /* activity cards */
  .activity_item { padding: 20px 16px; border-radius: 18px; }
  .activity_item_icon { width: 46px; height: 46px; font-size: 18px; }
  .activity_item h5 { font-size: 1.08rem; }

  /* conference cards (if any) */
  .conference_card_img { height: 180px; }
  .conferences_container { padding-left: 0; padding-right: 0; }

  /* timeline / carousel */
  .tc-stage { height: clamp(340px, 56vh, 470px); border-radius: 20px; }
  .tc-controls { gap: 8px; }
  .tc-pill { font-size: 0.86rem; padding: 8px 12px; }
}

@media (max-width: 420px) {
  .heading_container h2 { font-size: 1.45rem; }
  .slider_section .detail-box h1 { font-size: 1.65rem; }
  .activity_item { padding: 18px 14px; }
  .activity_item_icon { width: 42px; height: 42px; }
  .tc-stage { height: clamp(320px, 58vh, 450px); }
}