@media (min-width: 2560px) {

      .d-md-block,
      .social-links {
          display: block !important;
      }


      .th-hero-bg {
          height: 38rem;
      }
  }

  @media (min-width: 1440px) {
      .hero-style1 {
          padding: 120px !important;
      }
  }

  @media (min-width: 1020px) {


      .th-hero-bg {
          height: 35rem;
      }
  }

  @media (max-width: 991px) {
      .hero-style1 {
          text-align: left;
      }

      .hero-animated-bubble {
          display: block;

      }
  }

  @media (min-width: 768px) {


      .hero-animated-bubble {
          display: block;

      }
  }

  /* Styles for slightly larger small screens */
  @media only screen and (max-width: 430px) {
      .hero-style1 {
          padding: 106px 0 120px 0;
      }

      .hero-animated-bubble {
          position: absolute;
          top: 6rem;
          left: 4rem;
          height: 61%;
          width: 60%;
      }

      .about-sec {
          margin-top: 1rem;
      }

      .th-hero-bg {
          height: 30rem;
      }
  }


  @media only screen and (max-width: 425px) {
      .about-sec {
          margin-top: -3.6rem;
      }

      .th-hero-bg {
          height: 30rem;
      }

      .d-md-block,
      .social-links {
          display: none !important;
      }

      .th-mobile-menu {
          margin-top: 0rem;
      }
  }


  /* Styles for small screens */
  @media only screen and (max-width: 414px) {
      .hero-style1 {
          padding: 116px 0 120px 0;
          text-align: center;
      }

      .hero-animated-bubble {
          position: absolute;
          top: 6rem;
          left: 4rem;
          height: 61%;
          width: 60%;
      }

      .about-sec {
          margin-top: -8rem;
      }

      .th-hero-bg {
          height: 34rem;
      }

      .service-box_img img {
          height: 11rem;
      }

      .service-box .box-content {
          height: 30rem !important;
      }

      .service-item_img img {
          height: 18rem;
      }

      th {
          font-size: 12px;
          padding: 1px;
      }

      .social-links {
          display: none !important;
      }
  }

  @media only screen and (max-width: 375px) {
      .about-sec {
          margin-top: -4rem;
      }

      .th-mobile-menu {
          margin-top: 0rem;
          height: 100%;
      }

      .btn-group {
          justify-content: center;
      }
  }

  @media only screen and (max-width: 320px) {
      .hero-style1 {
          padding: 106px 0 120px 0;
          text-align: center;
      }

      .about-sec {
          margin-top: -8rem;
      }

      .btn-group {
          justify-content: center !important;
      }
  }