@media only screen and (max-width: 600px) {
  .getquote img {
    width: 10vw;
    height: auto;
  }

  .chatwithus p {
    color: #f0f4f1;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 4vw;
    text-shadow: 1px 1px 15px rgb(0, 0, 0);
  }

  .chatwithus img {
    width: 10vw;
    height: auto;
  }

  .getquote p {
    color: #f0f4f1;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 4vw;
    text-shadow: 1px 1px 15px rgb(0, 0, 0);
  }

  .nav-links {
    display: none;
  }

  .ham {
    display: block;
    margin-left: auto;
    margin-right: 10vw;
    color: #fff;
    z-index: 50;
  }

  .mob-menu {
    width: 100%;
    height: auto;
    background-color: rgb(3, 97, 28);
    opacity: 0.9;
    color: #fff;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .mob-menu ul {
    margin-top: 50px;
    padding-bottom: 10px;
    margin-left: 40px;
  }

  .mob-menu li {
    padding: 5px;
    font-family: "Poppins";
    font-size: 3vw;
  }

  .nav-bar img {
    width: 8vw;
    height: auto;
    margin-left: 7vw;
  }

  .nav-bar p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 4.5vw;
    margin-left: 2vw;
    cursor: pointer;
  }

  .hero-content {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: absolute;
    top: 30vw;
    margin-left: 6vw;
  }

  .hero-content h1 {
    font-weight: 600;
    font-size: 8vw;
  }

  .hero-content h3 {
    font-size: 3vw;
    margin-top: 3px;
  }

  .hero-content button {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 3vw;
    color: black;
  }

  .about-bg {
    display: none;
  }

  .about-mob-bg {
    display: block;
    width: 100%;
    height: auto;
  }

  .about p {
    position: absolute;
    top: 130vw;
    right: 14vw;
    max-width: 75vw;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 3.7vw;
    text-align: justify;
  }

  .green-energy-bg {
    display: none;
  }

  .green-energy-mob-bg {
    display: block;
    width: 100%;
    height: auto;
  }

  .green-energy p {
    position: absolute;
    top: 130vw;
    right: 14vw;
    max-width: 75vw;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 3.7vw;
    text-align: justify;
  }

  .why-choose-us-bg {
    display: none;
  }

  .why-choose-us-mob-bg {
    display: block;
    width: 100%;
    height: auto;
  }

  .why-choose-us ul {
    position: absolute;
    top: 125vw;
    right: 13vw;
    max-width: 75vw;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 3.5vw;
    text-align: justify;
  }

  .ongrid-packages-bg {
    display: none;
  }

  .ongrid-packages-bg-mob {
    display: block;
  }

  .off-grid-packages-bg {
    display: none;
  }

  .off-grid-packages-bg-mob {
    display: block;
  }

  .contact-bg {
    display: none;
  }
  .contact-bg-mob {
    display: block;
  }

  .contact-content {
    position: absolute;
    top: 85vw;
    right: 10vw;
    max-width: 80vw;

    color: #fff;
  }

  .contact-content .mob {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1vw;
    margin-bottom: 5vw;
  }

  .contact-content .mob img {
    width: 6vw;
    height: auto;
    margin-right: 3vw;
  }

  .contact-content .mob p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 5vw;
  }

  .contact-content .whatsapp {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1vw;
  }

  .contact-content .whatsapp img {
    width: 6vw;
    height: auto;
    margin-right: 3vw;
  }

  .contact-content .whatsapp p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 5vw;
  }

  .contact-content .email {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1vw;
  }

  .contact-content .email img {
    width: 6vw;
    height: auto;
    margin-right: 3vw;
  }

  .contact-content .email p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 5vw;
  }

  .contact-content .loc {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1vw;
  }

  .contact-content .loc img {
    width: 6vw;
    height: auto;
    margin-right: 3vw;
  }

  .contact-content .loc p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 5vw;
  }

  .footer-bg {
    display: none;
  }

  .footer-bg-mob {
    display: block;
  }

  .footer-ontent {
    position: absolute;
    display: flex;
    flex-direction: column;
  }

  .footer-col-1 {
    width: 70vw;
  }

  .footer-col-1 p {
    font-size: 3vw;
    max-width: 50vw;
  }

  .bottom-logo img {
    width: 8vw;
  }

  .bottom-logo p {
    font-size: 4.3vw;
  }

  .footer-col-2 {
    width: 40vw;
    margin-top: 5vw;
  }

  .footer-col-2 h3 {
    font-size: 4vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
  }
  .footer-col-2 a {
    font-size: 3vw;

    margin-bottom: 0.5vw;
  }

  .footer-col-3 {
    width: 40vw;
    margin-top: 5vw;
  }

  .footer-col-3 h3 {
    font-size: 4vw;
    margin-bottom: 1vw;
  }
  .footer-col-3 a {
    font-size: 3vw;
    margin-bottom: 1vw;
  }

  .copyright {
    right: 30vw;
    bottom: 2vw;
    font-size: 2vw;
  }

  .slider {
    position: absolute;
    top: 130vw;
    left: 8vw;
    width: 90vw;
    height: 93vw;
    overflow: hidden;
  }

  .slide img {
    width: 70vw;
    height: auto;
    border-radius: 10px;
  }

  .price {
    width: 76%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 3.5vw;
  }
  .subsidyprice {
    width: 75%;
  }
  .subsidyprice p {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 3.8vw;
  }

  .dots {
    bottom: 2px;
    left: 42%;
  }

  .dot {
    width: 2vw;
    height: 2vw;
  }

  .slider1 {
    position: absolute;
    top: 125vw;
    left: 8vw;
    width: 90vw;
    height: 98vw;

    overflow: hidden;
  }

  .slide1 img {
    width: 70vw;
    height: auto;
    border-radius: 10px;
  }

  .note p {
    text-align: center;
    max-width: 70vw;
    font-size: 2.6vw;
    margin-left: 5vw;
  }

  .dots1 {
    bottom: 0px;
    left: 42%;
  }
  .dot1 {
    width: 2vw;
    height: 2vw;
  }

  .arrows1,
  .arrows,
  .prev-arrow1,
  .next-arrow1 {
    display: none;
  }
}