@media(max-width: 992.98px){
  .navbar-collapse {
      position: fixed;
      left: initial;
      right: -500px;
      top: -1px;
      bottom: 0px;
      width: 72%;
      background: #fff;
      padding: 0px 20px;
      border-top: 7px solid #2196f3;
      transition: right 0.5s ease;
  }
  .navbar-collapse.show {
      right: 0px;
      width: 100%;
  }
  .overlaybox {
      position: absolute;
      top: 14px;
      right: 19px;
      width: 30px;
      height: 30px;
      display: block;
  }
  .overlaybox img {
      max-width: 20px;
  }
  .menu ul li a {
      color: #000 !important;
      padding: 10px 0 !important;
      display: block;
      border-bottom: solid 1px #ddd;
  }
  .remove_bg {
      display: block;
      padding-bottom: 5px;
  }
  .menu ul li {
      width: 100%;
      display: block;
  }
}

@media(max-width: 768.98px){
  /* Agar future mein kuch add karna ho to yahan likhna */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .owl-carousel .owl-stage-outer {
      position: relative;
      overflow: hidden !important;
      -webkit-transform: translate3d(0,0,0);
  }
  .venenatis .col-sm-4 {
      margin-bottom: 80px;
  }
  .Saurabh_text h1 {
      margin-bottom: 15px;
      line-height: 28px;
      font-size: 19px;
  }
  .sec_heading {
      text-align: center;
      padding: 16px 0px;
  }
  .Saurabh_abouts_it a {
      font-size: 14px;
      padding: 14px 12px;
  }
  section.Saurabh_it_software {
      padding: 10px 0px;
  }
  .Saurabh_it img {
      max-width: 117px;
  }
  .account_sec a {
      padding: 12px 21px;
  }
  .navbar-toggler img {
      width: 60%;
  }
  .intro-video-text-area h2 {
      line-height: 43px;
      font-size: 32px;
  }
  .footer-links h3 {
      color: #ffffff;
      margin-bottom: 15px;
      font-size: 16px;
  }
  .footer-lp {
      padding-left: 10px;
  }
  .ptb-100 {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .newsletter::before {
      background-color: transparent;
  }
  .newsletter .newsletter-text-area h3 {
      margin-bottom: 15px;
      line-height: 40px;
      font-size: 29px;
      text-align: center;
  }
  .newsletter .newsletter-form-area .default-button {
      background-color: #000000;
  }
  .footer-logo-area a img {
      max-width: 45%;
      height: auto;
  }
  .footer-logo-area p {
      color: #eeeeee;
      font-size: 13px;
  }
  .sec_heading h2 {
      margin-bottom: 15px;
      line-height: 29px;
      font-size: 24px;
  }
  .Saurabh_power {
      padding: 6px 0px 9px;
  }
  .intro-video-text-area h2 {
      line-height: 36px;
      font-size: 26px;
  }
  .sign-up-form-area {
      z-index: 2;
      padding: 20px 18px 50px;
  }
  .default-section-title h3 {
      margin-bottom: 15px;
      line-height: 1.4;
      font-size: 25px;
  }
  .Submit_buttonnn a {
      padding: 13px 10px;
      font-size: 14px;
  }
  section.Saurabh_it_men {
      padding: 100px 0px 0px;
  }
}

@media(max-width: 767.98px){
  .header_cls {
      padding: 10px 0;
  }
}