@media screen and (max-width: 1024px) {
  .hero-heading {
    font-size: 1.8em;
  }
  .list-para li span {
    font-size: 16px;
  }
  .heading {
    font-size: 1.5em;
  }
  .feature-img {
    width: 100%;
  }
  .heading-big {
    font-size: 2.5em;
  }
  .speed-img {
    width: 100%;
    height: 370px;
  }
  .small-heading {
    font-size: 18px;
  }
  .para,
  .footer-list li a {
    font-size: 16px;
  }
  .footer-copyright {
    font-size: 15px;
  }
  .header-excellent-text {
    display: none;
  }
  .desktop-menu {
    display: none;
  }
  .mobile-menu {
    display: flex !important;
  }
  .navbar-toggler {
    background-color: #0d3b79 !important;
    border: solid 1px #0d3b79 !important;
    width: 40px !important;
    padding: 0px !important;
    height: 40px !important;
  }
  .navbar-toggler i {
    font-size: 20px;
    color: #fff;
  }
}

@media all and (min-width: 992px) {
  #header .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    margin-top: 0;
  }
  #header .navbar .nav-item:hover .nav-link {
    color: #fff;
  }
  #header .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }
  #header .navbar .dropdown-menu.fade-up {
    top: 180%;
  }
  #header .navbar .nav-item:hover .dropdown-menu {
    transition: 0.5s;
    opacity: 1;
    visibility: visible;
    top: 160%;
    transform: rotateX(0deg);
  }

  .nav-item:hover .dropdown-menu {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .hero-heading {
    font-size: 1.3em;
  }
  .list-para li span,
  .para,
  .footer-list li a {
    font-size: 14px;
  }
  .theme-button {
    font-size: 14px;
  }
  .heading-big {
    font-size: 2em;
  }
  .speed-img {
    width: 100%;
    height: 280px;
  }
  .header-contact {
    display: none;
  }
  .heading-small {
    font-size: 1.5em;
  }
}

.four-card {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 767px) {
  .mobile_Responsive {
    & h1.heading {
      font-size: 2.5em !important;
      padding-top: 1em;
    }
    & h2.heading {
      font-size: 2.5em !important;
    }
    & .col-sm-6.p-5 {
      padding: 0 !important;
      h3 {
        margin-bottom: 1em;
      }
    }
    & .col-sm-6.p-5.ps5 {
      padding: 1em !important;
    }
    & .row.p-5 {
      padding: 1em !important;
    }
  }
}

@media screen and (max-width: 500px) {
  .logo {
    width: 100px;
  }
  .header {
    height: 60px;
  }
  .heading {
    font-size: 1.3em;
  }
  .speed-img {
    width: 100%;
    height: 380px;
  }
  .header-blue-seal {
    display: none;
  }
  .icon-img-list {
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
  }
}