/* General Styles */

/* Responsive Layout for Medium to Large Screens */
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* Styles for Large Tablets and Small Desktops (Up to 1300px) */
@media (max-width: 1300px) {
  /* Adjustments can be made here if needed */
}

/* Styles for Tablets (992px and below) */
@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
    background: #001F3F; /* Single declaration for background color */
  }

  .hero_area .hero_bg_box {
    display: none; /* Hide background box on smaller screens */
  }

  .slider_section {
    padding: 45px 0 75px; /* Maintain consistent padding */
  }

  .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;
  }
}

/* Styles for Small Tablets and Large Mobile Devices (768px and below) */
@media (max-width: 768px) {
  .about_section .img-box {
    margin-bottom: 45px; /* Bottom margin for the image box */
  }
}

/* Styles for Mobile Devices (576px and below) */
@media (max-width: 576px) {
  .header_section .header_top .contact_nav a span {
    display: none; /* Hide contact nav text */
  }

  .client_section .client_container {
    width: 100%; /* Full width for client section */
  }

  .client_section .box {
    margin: 0; /* Reset margin */
  }

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

  .client_section .owl-carousel .owl-nav .owl-prev,
  .client_section .owl-carousel .owl-nav .owl-next {
    position: unset; /* Reset position for nav buttons */
    margin: 0 2.5px; /* Margin for nav buttons */
  }
}

/* Styles for Extra Small Mobile Devices (480px and below) */
@media (max-width: 480px) {
  .slider_section .detail-box h1 {
    font-size: 2rem; /* Reduce font size for h1 */
  }

  .track_section form {
    flex-direction: column; /* Stack form elements vertically */
    align-items: flex-start; /* Align items to the start */
  }

  .track_section form input {
    width: 100%; /* Full width for inputs */
  }

  .track_section form button {
    padding: 10px 60px; /* Button padding */
    margin-top: 10px; /* Margin on top */
  }
}

/* Styles for Mobile Devices with Very Small Screens (420px and below) */
@media (max-width: 420px) {
  .service_section .box {
    flex-direction: column; /* Stack service boxes vertically */
  }

  .service_section .box .img-box {
    justify-content: flex-start; /* Align image box to the start */
    margin-bottom: 15px; /* Margin below image box */
  }
}