@media only screen and (max-width:320px){
    .navbar-brand img {
        width: 45px;
    }
    #main_body_wrapper .container {
        height: 100%;
        text-align: center;
         margin: 12px auto;
    }
    .navbar {
        margin-top: 55px;
    }
    .useless_div {
        width: 20px;
    }
    .social_links_wrap {
        /* width: 80%;
        height: 1px;
        text-align: center;
        font-size: 0.7rem;
        position: relative;
        top: -8px; */
        display: none;
    }
    .home_contents h2, .home_contents h3 {
        font-size: 0.8rem;
        line-height: 10px;
    }
    .home_contents p {
        font-size: 0.8rem;
        margin-top: 5px;
    }
    .small_div {
        width: 45px;
        height: 45PX;
        top: 22px;
        left: 84px !important;
    }
    .large_div{
        width: 90px !important;
        height: 90px !important;
        border-radius: 10px;
        margin-top: 35px;
    }
    .arrow_dot {
        height: 30px;
        width: 30px;
        left: 20px;
        bottom: 44px;
    }
    .amenity_img img {
        margin-right: -25px;
    }
    .thankyou_wrap h2{
        font-size: 3rem !important;
      }
      
}

@media only screen and (max-width:580px){
    .navbar-brand img {
        width: 100px;
    }
    .social_media {
        width: 100%;
        position: relative;
        top: 12px;
        right: auto;
        /* border: 1px solid red; */
}
.useless_div {
    width: 80px;
}
.social_links_wrap {
    /* width: 80%;
    height: 1px;
    margin: auto;
    line-height: 18px;
    text-align: center;
    font-size: 0.8rem;
    */
    display: none;
}

.follow_us {
    justify-content: center;
}
.follow_us span #twitter-icon {
    top: 3px;
    right: 4.5px;
  }
  .follow_us span  #instagram-icon{
    top: 2px;
    right: 5px;
  }
  .follow_us span #facebook-icon {
    top: 2px;
    right: 6px;
  }
  .follow_us span {
    margin-left: 8px;
}

.navbar {
    margin-top: 0px;
    padding-top: 20px;
    background: #fff;
}
  #svg_logo_right,#svg_logo_left,.svg_list{
    display: none;
  }
#svg_logo_right {
    width: auto;
}
.navbar-nav {
    text-align: center;
}
/* .container {
    margin: 10px auto;
} */

.home_banner_contents{
    z-index: 99;
}
.home_banner_contents h1{
     display : none;
   font-size: 2rem;
}
.home_banner_contents h5{
     display : none;
      font-size: 1.2rem;
}
.home_banner_contents h6{
     display : none;
     font-size: 1rem;
}
.home_banner_contents p{
     font-size: 0.9rem;
     line-height: 22px;
     padding: 0 10px;
     text-align: center;
     width: 100%;
      display : none;
}
.home_banner_contents a {
    padding: 5px 16px;
    margin-top: 8px;
    font-size: 11px;
}
.responsive .banner_images_wrap img {
    height: auto;
    margin-top: 75px;
}
.responsive .banner_images_wrap {
    width: 100%;
    height: auto;
    padding: 0;
}
.responsive{
    height : 100%;
}
.home_svg_wrapper{
    display: none !important;
}
.about_rak h2 {
    margin: 35px 0 20px 0;
    font-size: 1.1rem;
}
.box_shadow{
    display : none;
}
.start_btn{
    margin-top: -18px;
}
.start_btn button {
    padding: 2px 18px;
    border-radius: 20px;
    font-size: 0.7rem;
}
.small_dots {
    height: 15px;
    width: 15px;
    left: 118px;
    top: 60px;
}
.small_sec_dot {
    height: 15px;
    width: 15px;
    right: 125px;
    bottom: 0px;
}
.large_div {
    width: 115px;
    height: 115px;
    border-radius: 20px;
    margin-top: 37px;
}
.small_div {
    width: 50px;
    height: 50PX;
    top: 22px;
    left: 135px;
    border-radius: 10px;
}
#main_body_wrapper {
    height: 100%;
}
.start_btn a {
    padding: 6px 20px;
}

#bookSiteVisit .modal-content, #getLocation .modal-content {
    width: 100%;
}


.mai_home_wrapper{
  height: auto;
}
/*-- About rak--*/
.rak_overivew p {
    padding: 27px 0 0 0;
}

  /*-- Gallery --*/
  .gallery_wrapper h2{
    margin: 40px auto;
    text-align: center;
    font-size: 1.1rem;
  }
  .gallery div{
    margin:0;
    width: auto;
    height: 100%;
  }
  .gallery div img{
   width: 100%;
   height: 100%;
  }
/*-- End of Galleryv--*/
/*-- Amenities --*/
.amenity_wrap {
    height: auto;
}
.amenity_section h2 {
    margin: 45px 0 30px 0;
    text-align: center;
    font-size: 1.1rem;
}

.amenity_link img {
    display: none;
}
#amenity_stars{
    display: none;
}
.amenities_wrapper ul li {
    list-style-type: none !important;
    background-image: none;
    padding: 0;
    margin: 10px auto;
}
.amenity_link{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.amenity_wrap .amenities_list {
   height: auto;
   margin: 35px 0 18px 0;
}
.amenity_wrap .amenities_wrapper, .amenity_img_wrap {
     height: auto; 
}

.amenity_img img {
    margin-right: -32px;
}


/*-- Neighborhood --*/
#neighborhood_start_svg, #neighborhood_end_svg{
    width: 50px;
}
#neightbor_svg{
    display: none;
}
.list_wrap span{
    display: none !important;
  }

  .office_tech_park .container{
    margin: 10px auto 20px auto;
  }
.neighborhood_section h2 {
    margin: 25px auto;
    font-size: 1.1rem;
}
.hotel_icon_wrapper, .office_section, .hospital_icon_wrapper, .sec_resturant_col, .school_icon_wrapper{
    border: 1px solid red;
    display: none;
}
.neightborhood_list .list_wrap {
    margin: 0rem !important;
    font-size: 0.8rem;
    line-height: 6px;
    text-align: center;
}
.hotel .list_wrap, .restaurant .list_wrap,.hospitals .list_wrap,.list_section .list_wrap,.school .list_wrap {
    width: 100%;
    text-align: center;
    line-height: 6px;
}

.list_section {
   justify-content: center;
}
.hotel {
    width: 100%;
    justify-content: center;
}
.hospitals, .restaurant {
    width: 100%;
    justify-content: center;
}
.second_row {
     margin-top: 0px;
}

.school {
    margin: -10px 0 30px 0;
    width: auto;
    justify-content: center;
}
.price_banner .img_wrap {
    width: 100%;
    height: 100%;
    margin: auto;
}
.middle_text {
    height: 160px;
    width: 100%;
    margin: -40px 0 0px 0;
}
/*-- Neighbourhood section --*/
.invest_book_site_visit{
    text-align: center;
    margin: -79px 0 40px 0;
    }
    .amenity_book_site_visit{
        margin: -38px 0 -11px 0;
        }
/*-- Investment--*/
.invest_heading {
    margin: 30px auto 30px auto;
    font-size: 1.1rem;
}
 .price_heading {
    margin: 25px auto;
    font-size: 1.1rem;
}
.investment_wrapper {
    width: 100%;
    height: auto;
}
#invest_star{
    display: none;
}
.investment_wrapper .img_wrapper {
    width: 100%;
    margin: 35px auto -15px auto;
}
.house_section {
    margin-top: 20px;
}
.house_section .col-lg-6 ul{
    margin: auto !important;
    text-align: center;
}
.bda_approve{
    margin-top: 20px;
}
.invest_sign_text {
    position: relative;
    top: 60px;
     left: 0;
}
.first_text_wrap .first_text {
    position: absolute;
    left: 0;
    font-size: 2.5rem;
}
.invest_sign_text .arrow {
    position: absolute;
    top: -39px;
    right: 55px;
    width: 45px;
    transform: rotate(-51deg);
}

/*-- Price Section--*/
.price_wrapper {
    height: auto;
    position: relative;
}
.price_details {
    width: 90%;
    margin: auto;
    padding: 40px 0;
}
#prices {
    height: 44px;
    width: 100%;
    float: left;
}
.center_div .row{
    display: flex;
    justify-content:center ;
}
#prices:hover {
    height: 100px;
}
.price_details p{
    margin: 0;
    font-size: 0.9rem;
    text-align: center;
  }
.address {
    text-align: center;
    margin-top: 15px;
}
.quick_links {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.message_section {
    text-align: center;
    margin-top: -2px;
}
.price_details h3 {
    font-size: 0.9rem !important;
}

/*---- all svg styling --*/
  #neighborhood_start_svg, #neighborhood_end_svg, #investment_start_svg,#investment_end_svg, #investment_start_svg, #investment_end_svg,#amenity_start_svg,#amenity_end_svg,#about_start_svg,#about_end_svg{
      border: 1px solid red;
      width: 20%;
      display: none;
  }
/*-- End of all svg styling --*/
.thankyou_wrap h2{
    font-size: 4rem !important;
  }

}



@media (min-width: 581px) and (max-width : 767px){

    .navbar {
        margin-top: 0px;
        padding-top: 50px;
    }
    .navbar-brand img {
        width: 50px;
    }
    .social_media {
        width: 100%;
        position: relative;
        top: 12px;
        right: auto;
        /* border: 1px solid red; */
}
.social_links_wrap {
    width: 80%;
    height: 1px;
    margin: auto;
    line-height: 18px;
    text-align: center;
    font-size: 0.8rem;
   
}

.follow_us {
    justify-content: center;
}
.follow_us span #twitter-icon {
    top: 3px;
    right: 4.5px;
  }
  .follow_us span  #instagram-icon{
    top: 2px;
    right: 5px;
  }
  .follow_us span #facebook-icon {
    top: 2px;
    right: 6px;
  }
  .follow_us span {
    margin-left: 8px;
}


  #svg_logo_right,#svg_logo_left,.svg_list{
    display: none;
  }
#svg_logo_right {
    width: auto;
}
.navbar-nav {
    text-align: center;
}
/* .container {
    margin: 10px auto;
} */


.home_contents {
    align-items: center; 
}
.home_contents h2,.home_contents h3 {
    text-align: center;
    font-size: 0.9rem;
}
.home_contents p {
    font-size: 0.8rem;
}
.start_btn{
    margin-top: -18px;
}
.start_btn button {
    padding: 2px 18px;
    border-radius: 20px;
    font-size: 0.7rem;
}
.small_dots {
    height: 15px;
    width: 15px;
    left: 168px;
    top: 64px;
}
.small_sec_dot {
    height: 15px;
    width: 15px;
    right: 185px;
    bottom: 0px;
}
.arrow_dot {
    height: 35px;
    width: 35px;
    left: 100px;
    bottom: 39px;
}

.large_div {
    width: 115px;
    height: 115px;
    border-radius: 20px;
    margin-top: 37px;
}
.small_div {
    width: 50px;
    height: 50PX;
    top: 22px;
    left: 185px;
    border-radius: 10px;
}
#main_body_wrapper {
    height: 100%;
}

/*-- About rak--*/
.rak_overivew p {
    padding: 27px 0 0 0;
}
/*-- Gallery--*/
  .gallery div{
    margin:0;
    width: auto;
    height: 100%;
  }
  .gallery div img{
   width: 100%;
   height: 100%;
  }
/*-- Amenities --*/
.amenity_wrap {
    height: auto;
}
.amenity_section h2 {
    margin: 45px 0 30px 0;
    text-align: center;
    font-size: 1.1rem;
}

.amenity_link img {
    display: none;
}
#amenity_stars{
    display: none;
}
.amenities_wrapper ul li {
    list-style-type: none !important;
    background-image: none;
    padding: 0;
    margin: 10px auto;
}
.amenity_link{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.amenity_wrap .amenities_list {
   height: auto;
   margin: 35px 0 18px 0;
}
.amenity_wrap .amenities_wrapper, .amenity_img_wrap {
     height: auto; 
}


/*-- Neighborhood --*/
#neighborhood_start_svg, #neighborhood_end_svg{
    width: 50px;
}
#neightbor_svg{
    display: none;
}
.list_wrap span{
    display: none !important;
  }

  .office_tech_park .container{
    margin: 10px auto 20px auto;
  }
.neighborhood_section h2 {
    margin: 25px auto;
    font-size: 1.1rem;
}
.hotel_icon_wrapper, .office_section, .hospital_icon_wrapper, .sec_resturant_col, .school_icon_wrapper{
    border: 1px solid red;
    display: none;
}
.neightborhood_list .list_wrap {
    margin: 0rem !important;
    font-size: 0.8rem;
    line-height: 6px;
    text-align: center;
}
.hotel .list_wrap, .restaurant .list_wrap,.hospitals .list_wrap,.list_section .list_wrap,.school .list_wrap {
    width: 100%;
    text-align: center;
    line-height: 6px;
}

.list_section {
   justify-content: center;
}
.hotel {
    width: 100%;
    justify-content: center;
}
.hospitals, .restaurant {
    width: 100%;
    justify-content: center;
}
.second_row {
     margin-top: 0px;
}

.school {
    margin: -10px 0 30px 0;
    width: auto;
    justify-content: center;
}
.price_banner .img_wrap {
    width: 100%;
    height: 100%;
    margin: auto;
}
.middle_text {
    height: 160px;
    width: 100%;
    margin: -40px 0 0px 0;
}
/*-- Neighbourhood section --*/

/*-- Investment--*/
.invest_heading {
    margin: 30px auto 30px auto;
    font-size: 1.1rem;
}
 .price_heading {
    margin: 25px auto;
    font-size: 1.1rem;
}
.investment_wrapper {
    width: 100%;
    height: auto;
}
#invest_star{
    display: none;
}
.investment_wrapper .img_wrapper {
    width: 100%;
    margin: 35px auto -15px auto;
}
.house_section {
    margin-top: 20px;
}
.house_section .col-lg-6 ul{
    margin: auto !important;
    text-align: center;
}
.bda_approve{
    margin-top: 20px;
}
.invest_sign_text {
    position: relative;
    top: 60px;
     left: 0;
}
.first_text_wrap .first_text {
    position: absolute;
    left: 0;
    font-size: 2.5rem;
}
.invest_sign_text .arrow {
    position: absolute;
    top: -39px;
    right: 55px;
    width: 45px;
    transform: rotate(-51deg);
}

/*-- Price Section--*/
.price_wrapper {
    height: 440px;
    position: relative;
}
.price_details {
    width: 90%;
    margin: auto;
    padding: 40px 0;
}
#prices {
    height: 63px;
    width: 100%;
    float: left;
}
#prices:hover {
    height: 100px;
}
.address {
    text-align: center;
    margin-top: 15px;
}
.quick_links {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.message_section {
    text-align: center;
    margin-top: -2px;
}

/*---- all svg styling --*/
  #neighborhood_start_svg, #neighborhood_end_svg, #investment_start_svg,#investment_end_svg, #investment_start_svg, #investment_end_svg,#amenity_start_svg,#amenity_end_svg,#about_start_svg,#about_end_svg{
      width: auto;
  }
/*-- End of all svg styling --*/

}

@media (min-width: 768px) and (max-width : 990px){
    .navbar {
        margin-top: 0px;
        padding-top: 50px;
    }
    .navbar-brand img {
        width: 50px;
    }
    .social_media {
        width: 100%;
        position: relative;
        top: 12px;
        right: auto;
        /* border: 1px solid red; */
}
.social_links_wrap {
    width: 80%;
    height: 1px;
    margin: auto;
    line-height: 18px;
    text-align: center;
    font-size: 0.8rem;
   
}

.follow_us {
    justify-content: center;
}
.follow_us span #twitter-icon {
    top: 3px;
    right: 4.5px;
  }
  .follow_us span  #instagram-icon{
    top: 2px;
    right: 5px;
  }
  .follow_us span #facebook-icon {
    top: 2px;
    right: 6px;
  }
  .follow_us span {
    margin-left: 8px;
}

  #svg_logo_right,#svg_logo_left,.svg_list{
    display: none;
  }
#svg_logo_right {
    width: auto;
}
.navbar-nav {
    text-align: center;
}
/* .container {
    margin: 10px auto;
} */


.home_contents {
    align-items: center; 
}
.home_contents h2,.home_contents h3 {
    text-align: center;
    font-size: 0.9rem;
}
.home_contents p {
    font-size: 0.8rem;
}
.start_btn{
    margin-top: -18px;
}
.start_btn button {
    padding: 2px 18px;
    border-radius: 20px;
    font-size: 0.7rem;
}
.small_dots {
    height: 15px;
    width: 15px;
    left: 255px;
    top: 64px;
}
.small_sec_dot {
    height: 15px;
    width: 15px;
    right:270px;
    bottom: 0px;
}
.arrow_dot {
    height: 35px;
    width: 35px;
    left: 175px;
    bottom: 39px;
}

.large_div {
    width: 115px;
    height: 115px;
    border-radius: 20px;
    margin-top: 37px;
}
.small_div {
    width: 50px;
    height: 50PX;
    top: 22px;
    left: 274px;
    border-radius: 10px;
}
#main_body_wrapper {
    height: 100%;
}

/*-- About rak--*/
.rak_overivew p {
    padding: 27px 0 0 0;
}

/*-- Amenities --*/
.amenity_wrap {
    height: auto;
}
.amenity_section h2 {
    margin: 45px 0 30px 0;
    text-align: center;
    font-size: 1.1rem;
}

.amenity_link img {
    display: none;
}
#amenity_stars{
    display: none;
}
.amenities_wrapper ul li {
    list-style-type: none !important;
    background-image: none;
    padding: 0;
    margin: 10px auto;
}
.amenity_link{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.amenity_wrap .amenities_list {
   height: auto;
   margin: 35px 0 18px 0;
}
.amenity_wrap .amenities_wrapper, .amenity_img_wrap {
     height: auto; 
}


/*-- Neighborhood --*/
#neighborhood_start_svg, #neighborhood_end_svg{
    width: 50px;
}
#neightbor_svg{
    display: none;
}
.list_wrap span{
    display: none !important;
  }

  .office_tech_park .container{
    margin: 10px auto 20px auto;
  }
.neighborhood_section h2 {
    margin: 25px auto;
    font-size: 1.1rem;
}
.hotel_icon_wrapper, .office_section, .hospital_icon_wrapper, .sec_resturant_col, .school_icon_wrapper{
    border: 1px solid red;
    display: none;
}
.neightborhood_list .list_wrap {
    margin: 0rem !important;
    font-size: 0.8rem;
    line-height: 6px;
    text-align: center;
}
.hotel .list_wrap, .restaurant .list_wrap,.hospitals .list_wrap,.list_section .list_wrap,.school .list_wrap {
    width: 100%;
    text-align: center;
    line-height: 6px;
}

.list_section {
   justify-content: center;
}
.hotel {
    width: 100%;
    justify-content: center;
}
.hospitals, .restaurant {
    width: 100%;
    justify-content: center;
}
.second_row {
     margin-top: 0px;
}

.school {
    margin: -10px 0 30px 0;
    width: auto;
    justify-content: center;
}
.price_banner .img_wrap {
    width: 100%;
    height: 100%;
    margin: auto;
}
.middle_text {
    height: 160px;
    width: 100%;
    margin: -40px 0 0px 0;
}
/*-- Neighbourhood section --*/

/*-- Investment--*/
.invest_heading {
    margin: 30px auto 30px auto;
    font-size: 1.1rem;
}
 .price_heading {
    margin: 25px auto;
    font-size: 1.1rem;
}
.investment_wrapper {
    width: 100%;
    height: auto;
}
#invest_star{
    display: none;
}
.investment_wrapper .img_wrapper {
    width: 100%;
    margin: 35px auto -15px auto;
}
.house_section {
    margin-top: 20px;
}
.house_section .col-lg-6 ul{
    margin: auto !important;
    text-align: center;
}
.bda_approve{
    margin-top: 20px;
}
.invest_sign_text {
    position: relative;
    top: 60px;
     left: 0;
}
.first_text_wrap .first_text {
    position: absolute;
    left: 0;
    font-size: 2.5rem;
}
.invest_sign_text .arrow {
    position: absolute;
    top: -39px;
    right: 55px;
    width: 45px;
    transform: rotate(-51deg);
}

/*-- Price Section--*/
.price_wrapper {
    height: 390px;
    position: relative;
}
.price_details {
    width: 90%;
    margin: auto;
    padding: 40px 0;
}
#prices {
    height: 63px;
    width: 100%;
    float: left;
}
#prices:hover {
    height: 100px;
}
.address {
    text-align: center;
    margin-top: 15px;
}
.quick_links {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.message_section {
    text-align: center;
    margin-top: -2px;
}

/*---- all svg styling --*/
  #neighborhood_start_svg, #neighborhood_end_svg, #investment_start_svg,#investment_end_svg, #investment_start_svg, #investment_end_svg,#amenity_start_svg,#amenity_end_svg,#about_start_svg,#about_end_svg{
      width: auto;
  }
/*-- End of all svg styling --*/

}


@media (min-width: 991px) and (max-width : 1280px){

      
    /*-- header ---*/
    .social_links_wrap {
        width: 90%;
    }

    .navbar-brand img {
        width: 55px;
    }


    #ul_svg{
        margin-top: -33px;
     }  
     #svg_logo_right{
        width: 60%;
     }
    #svg_logo_right #svg_circle{
        border: 1px solid red;
      
    }
  
    /*-- Main banner --*/
    .small_div {
        width: 90px;
        height: 90px;
        top: -40px;
        left: 130px;
    }

    .large_div {
        border-radius: 30px;
        width: 250px;
        height: 250px;
    }
    .small_dots {
        height: 15px;
        width: 15px;
        left: 110px;
        top: 28px;
    }
    .arrow_dot {
        height: 35px;
        width: 35px;
        left: 24px;
        bottom: 18px;
        font-size: 1.8rem;
    }
	.small_sec_dot {
        right: 80px;
    }
  /*-- Amenity --*/
  .amenity_img img {
    width: 45%;
    height: 100%;
    margin-top: 60px;
    margin-right: -30px;
    }

    #neightbor_svg{
        display: none;
    }
    #neightbor_sec_svg{
        height: 324px;
        width: 670px;
        position: absolute;
        left: 26%;
        display: block;
    }
   

 /*-- Investment --*/
 .investment_wrapper .img_wrapper {
    width: 338px;
    left: 0;
    top: 79px;
    position: relative;
}
.invest_house {
    width: 100%;
    height: 90%;
    margin-top: 40px;
}
.invest_sign_text .sec_text {
    font-size: 3.5rem;
}
.invest_sign_text {
    position: absolute;
    top: 24px;
    left: 5px;
}
.invest_sign_text {
    position: absolute;
    top: 16px;
    left: -51px;
}

/**-- Neightbourhood --*/
   .school {
    width: 210px;
}
 .hospitals{
    width: 260px;
 }
 .hospitals .list_wrap{
    text-align: left;
    width: 220px;
 }
/*-- Price Section ---*/
.price_wrapper {
    height: 335px;
}
#prices:hover {
    height: 85px;  
}
#prices {
    height: 27px;
}

}


@media (min-width: 1281px) and (max-width : 1440px){

     /*-- investment --*/
     .investment_wrapper .img_wrapper {
        width: 338px;
        left: 0;
        top: 79px;
        position: relative;
    }

}