@media (max-device-width: 992px){
  .menu {
    display: none;
    position: absolute;
    width: 100%;
    height: 469px;
    left: -13px;
    top: 70px;
    text-align: center;
    overflow-X: scroll;
    padding: 20px 0px;
    background-color: #9a8bb2;
  }
  input[type=checkbox]:checked ~ .menu{
   display: block;
  }
  .hamburger{
  display:block;
  }
  .menu  li  {
    font-size: 24px;
    padding: 3px;
    text-align: left;
  }
  #menu{
  animation-name: slide;
  animation-duration: 0.5s;
  }
  @keyframes slide {
      0%{
          width: 0px;
      }
      100%{
          width: 100%;
      }
    }
  }

@media screen and (max-width: 991px) {
    .navbar {
      padding-left: 15px;
    }

    .navbar .nav-link {
      margin: 10px auto !important;
    }
    .nav-scroll .navbar-toggler {
      margin-right: 15px;
    }
    .nav-scroll .navbar-collapse .nav-link {
      color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
      color: #1A237E !important;
    }
    .navbar-toggler {
        color: rgb(109 104 104 / 55%) !important;
        border: var(--bs-border-width) solid rgb(255 255 255 / 10%) !important;
        box-shadow: none !important;
    }
    .rainet_link a {
        line-height: 49px;
    }
    .my-side-ul {
        justify-content: center;
    }
    .center-text h4 {
        font-size: 35px;
    }
    .get-started {
        font-size: 17px;
        padding: 5px 32px;
    }
    .head-text h4 {
        font-size: 34px;
    }
    .client-box img {
        width: 100%;
    }
    .nav-scroll a {
        color: rgb(255, 255, 255);
      }
      .slider-upper-box-1{
        display: none;
      }
      .slider-upper-box-2{
        display: none;
      }
      .menu a {
        /* padding: 10px 28px 10px 19px; */
        text-decoration: none;
        position: relative;
        color: #333;
        font-size: 17px;
        border-right: none;
        font-weight: 500;
    }
    .response-menu-mega{
      text-decoration: none;
    position: relative;
    color: #333;
    padding: 3px !important;
    border-right: none;
    font-weight: 500;
    font-size: 24px !important;
    text-align: left;
    }
    .service-dropdown li , .product-dropdown li  , .device-dropdown li {
      padding: 8px; 
    }
    .service-dropdown li a, .product-dropdown li a, .device-dropdown li a {
      padding: 7px 14px;
  }
  .home-front {
    margin-bottom: 22px;
  }
  .slider-content{
    margin-bottom: 20px;
  }
  .testimonial-section {
    height: 100%;
    margin-top: 40px;
  }
  .testimonial-box {
    margin: 0px 0px 40px;
  }
  .client-box {
    left: 0px;
  }
  .sub-footer {
    flex-direction: column;
  }
  .sub-footer p {
    text-align: center;
    font-size: 12px;
  }
  .sub-footer .socials i {
    margin: 16px 14px;
    background: #fff;
    padding: 0px 10px;
    line-height: 37px;
    text-align: center;
    font-size: 18px;
    border-radius: 46px;
    width: 38px;
    height: 38px;
  }
  .choose-section {
    margin-top: 21px;
  }
  .item-top-margin{
    margin-top: 40px;
  }
  .title-p {
    font-size: 13px;
  }
  .career-img img{
    width: 100%;
  }
  .top-heading h3{
    font-size: 26px;
  }
  .blog-upper {
    padding: 5px;
    font-size: 12px;
}

}