@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1250px;
  }
}
@media (min-width: 400px) {
  .navbar-collapse {
    display: none;
  }

  .page-hero-section {
    height: 100px;
  }
}

/* ================================================ */
/* Extra Small Devices (Phones) */
/* ================================================ */

@media (max-width: 575.98px) {
  /* Navbar Logo */
  .nav-logo {
    height: 60px;
  }
  .page-hero-section {
    height: 100px;
  }
}

/* ================================================ */
/* Small Devices (Large Phones) */
/* ================================================ */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* CSS for large phones */
}

/* ================================================ */
/* Medium Devices (Tablets) */
/* ================================================ */
@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-logo img {
    height: 78px;
  }
  .nav-logo {
    height: 60px;
  }
  /* 70% Left Content */
  .srvdt-left-content {
    flex: 0 0 calc(80% - 20%);
    width: calc(80% - 20%);
  }

  /* 30% Right Sidebar - Sticky */
  .srvdt-right-sidebar {
    flex: 0 0 35%;
    width: 40%;
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}

/* ================================================ */
/* Large Devices (Small Laptops) */
/* ================================================ */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* CSS for laptops */
}

/* ================================================ */
/* Extra Large Devices (Desktops) */
/* ================================================ */
@media (min-width: 1200px) {
  /* CSS for desktops */
}