@media (max-width: 1600px) {
    div#banner-lottie {
    height: 500px !important;
    }
    .aboutrightside {
        height: 480px;
    }
    .about-hero-right h4 {
        font-size: 1rem;
    }
    /* .banner-lottie-container.text-center {
        margin-top: 80px;
    } */
}
 @media (max-width: 1400px) {
    div#banner-lottie {
    height: 450px !important;
}
  
/* .banner-lottie-container.text-center {
    margin-top: 80px;
} */
.aboutrightside {
    height: 400px;
}
}

@media (max-width: 767px) {
	#footer .footer-bottom {
		padding-top: 0;
	}

	#footer .copyright,
	#footer .credits {
		text-align: center;
		float: none;
	}

	#footer .credits {
		padding-top: 4px;
	}
	.qr-code {
		width: 100px;
		margin: 0 auto 10px;
		display: block;
	}
      .hero {
        height: 100%;
      }
      .hero-video,
      .hero-overlay {
        height: 100%;
      }
      /* .whatsapp-float {
        position: static;
        margin-top: 1rem;
      } */
      section.aboutfeatures .container-fluid {
        display: block !important;
      }
      .featuresdiv {
          padding: 10px;
      }
      /* .whatsapp-float {
          position: fixed;
          right: 0rem;
          bottom: 0rem;
      } */
      .up-down {
          animation: none;
      }
      section.hero.position-relative h1.display-5.fw-bold.text-white {
          margin-top: 10px;
          font-size: 20px;
      }
      #header{
            padding: 10px 0;
      }
      a.btn.btn-light.mt-3 {
          font-size: small;
          margin-top: 0px !important;
      }
      p.lead.mt-3.text-white {
          margin-top: 0px !important;
          font-size: 15px;
      }
      /* .footer {
        margin-bottom: 60px;
      } */
      div#banner-lottie {
        height: 300px !important;
      }
      .up-down img{
	      width: 55px;
      }
      header#header .container-fluid.d-flex.align-items-center {
          padding: 0px 10px;
      }
      section.hero.position-relative {
          padding: 110px 0px 10px 0px;
      }
      section.about-hero.container-fluid h2 {
          font-size: 1.5rem;
      }
      h3.subheading {
          font-size: 1.5rem;
      }
      section.aboutfeatures h3 {
          font-size: 1.5rem;
      }
      .featuresdivone, .featuresdivtwo, .featuresdivthree, .featuresdivfour {
        padding: 20px 25px;
          }
          .about-hero-left{
            border-right: none !important;
          }
          .banner-lottie-container.text-center {
            margin-top: 0px;
        }
    }

    .form-section {
      padding: 4rem 0;
      background: #fff;
    }
    .footer {
      background: #f8f9fa;
      padding: 1rem 0;
      font-size: 0.9rem;
    }
    .back-to-top {
      float: right;
    }
     @media (max-width: 900px) {
        .about-hero {
            flex-direction: column;
        }

        .about-hero-left,
        .about-hero-right {
            padding: 0;
        }
        .about-hero {
          padding: 120px 20px 40px 20px;
        }

        .about-features {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(4, 1fr);
        }

        .about-feature,
        .about-why {
            border-right: none;
            border-bottom: 1px solid #eee;
        }

        .about-why {
            grid-row: auto;
            grid-column: auto;
        }
        .whatsupabout{
            bottom: -27% !important;
            left: 20px;
        }
        .whatsappdesk{
          display: none;
        }
        .whatsappmob{
          display: block;
        }
        i.bi.bi-whatsapp.me-2 {
            font-size: 20px;
        }
        .navbar-mobile {
	          width: 100%;
          }
          section.hero.position-relative .container-fluid.h-100.d-flex.align-items-center {
              padding: 0px 20px;
          }
          .aboutrightside{
          height: 100%;
        }
    }