.product-third-bg {
  width: 100%;
  height: 70vh;
  position: absolute;
  background-color: rgb(1, 1, 68);
  background-size: cover;
  background-position: 0px;
  filter: brightness(80%);
}

@media screen and (min-width:300px) and (max-width:500px) {
  .product-third-bg {
    width: 100%;
    height: 80vh;
  }

  #Dialmantra-app-features {
    padding-bottom: 1rem !important;
  }

  #main-services p {
    width: 100% !important;
  }

  .DialmantraAppContent h4 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }

  .DialmantraAppContent ul li {
    font-size: 16px !important;
  }

  .advantagesDialmantraApp h4 {
    font-size: 22px !important;
    text-align: center;
    margin-bottom: 30px !important;
  }

  .advantagesDialmantraApp ul li {
    font-size: 16px !important;
    margin: 0rem 20px !important;
  }

  .advantagesDialmantraApp p {
    margin-left: 0px !important;
  }

}

.DialmantraAppContent h4 {
  font-size: 30px;
  color: #293275;
  font-weight: 600;
  margin-bottom: 30px;
}

.DialmantraAppContent ul li {
  font-size: 20px;
  color: black;
  margin-top: 10px;
  font-weight: 600;
}

#DialmantraAppImg {
  height: 60vh;
  width: auto;
}

.advantagesDialmantraApp h4 {
  color: black;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 600;

}

.advantagesDialmantraApp ul li {
  font-size: 20px;
  font-weight: 600;
  color: black;
  margin-left: 30px;
}

.advantagesDialmantraApp p {
  font-size: 16px;
  margin-top: 10px;
  color: rgb(8, 8, 8);
  margin-left: 30px;

}

.DialmantraAppContent p {
  font-size: 16px;
  margin-top: 10px;
  color: rgb(8, 8, 8);
}

.DialmantraImages {
  width: 30%;
  justify-content: center;
}

.DialmantraAppFeatures {
  width: 65%;
  margin-left: 4rem;
}

#Dialmantra-app-features {
  padding-bottom: 3rem !important;
}

@media screen and (max-width:1024px) {
  .DialmantraImages {
    width: 100% !important;
    justify-content: center;
  }

  .DialmantraAppFeatures {
    width: 70% !important;
  }
}


@media screen and (max-width:768px) {
  .app_dialer_content{
    order: 2;
    margin-top: 20px;
  }
  .app_dialer_Image{
    order: 1;
    margin-top: 0px !important;
  }
  .DialmantraAppFeatures{
    margin-left: 3rem !important;
    width: 80% !important;
  }
  .DialmantraAppContent h4{
    text-align: center;
  }
}