@media (max-width: 786px) {
  .sp6{
    padding: 20px 0px;
  }
  .sp7{
    padding: 20px 0px;
  }
  .sp8{
    padding: 30px 0px;
  }
  .sp9{
    padding: 40px 0px;
  }
  .sp10 {
    padding: 50px 0px;
  }
  .navbar{
    padding: 15px 10px;
  }
  .slider .carousel-inner img{
    height: auto;
  }
  .slider .project-details{
    padding:50px 10px;
    text-align: center;
    margin: 0px auto;
  }

  .slider .project-details .welcome{
    font-size: 18px;
  }
  .slider .project-details .project-name{
    font-size: 35px;
  }
  .slider .project-details .location{
    font-size: 20px;
  }
  .slider .project-details .project-type{
    font-size: 25px;
  }
  .overview .overview-content .sub-title{
    width: 100%;
  }
  .slider .project-details .price{
    font-size: 22px;
  }
  .slider .project-details .button-borders{
    margin: 0px auto;
  }
  .slider .project-details .price span{
    font-size: 28px;
  }
  .slider .carousel-inner img{
    height: 250px;
  }
  .overview .overview-img img{
    height: auto;
  }

  /* Highlights */
  .highlights .highlight-content .sub-title{
    width: 100%;
  }
  .highlights .highlight-content .highlight-details{
    margin-top: 20px;
  }
  .highlights .highlight-content .highlight-img img{
    height: 300px;
  }

  /* Price list */
  .price-list .price-details .sub-title{
    width: 100%;
  }
  .price-list .price-details .price-card{
    margin-top: 20px;
  }
  .price-list .price-details .price-card .card{
    margin-bottom: 20px;
  }
  /* Amenities */
  .amenities .amenities-content .sub-title{
    width: 100%;
  }
  .amenities .amenities-content .animated-border-box{
    margin-bottom: 30px;
  }
  .amenities .amenities-content .card{
    margin-bottom: 20px;
  }

  /* Gallery */
  .gallery .gallery-content .sub-title{
    width: 100%;
  }
  .gallery .gallery-details{
    margin-top: 10px;
  }

  /* floor plan  */
  .floorplan .floorplan-content .sub-title{
    width: 100%;
  }
  .floorplan .floorplan-details .card{
    margin-bottom: 40px;
  }
  .contactus p{
    padding-bottom: 20px;
  }
  .modal .modal-img img{
   display: none;
  }
  .sub-title{
    width: 100%;
  }
}