/* For extremely small screen devices (595px and below) */
/* ----------------------new css added  start ----------------------------- */
@media screen and (max-width: 450px) {
  .V_resp_choose_file {
    margin-left: -37px;
  }

  .ask_btn {
    width: 155px;
    font-size: 10px !important;
  }

  .fixed-right{
    position: relative !important;
  }

  .project_details_btn_download{
    padding: 10px !important;
    width: 100%;
    display: block;
    text-align: center;
  }
  .chat-box-outer {
    /* bottom: 4%; */
  }

  .padding_margin_i{
    padding: 2px !important;
  }

  .fa-bookmark-o{
    top: 17px !important;
    right: 20px !important;
  }
 

  .render_all_data_inventory_section{
    position: relative !important;
    width: auto !important;
  }

  #project_name{
    font-size: 22px !important;
  }

  .custom_btn_header{
    font-size: 16px;
    width: 100% !important;
  }

  .project_details_show_container{
    padding: 10px !important;
  }

  .custom_btn_header1{
    font-size: 16px;
    width: 100% !important;
  }

  .alphabet-container{
    display: contents !important;
  }

  .tab{
    font-size: 16px !important;
    margin-top: 10px;
    width: 95% !important;
  }
  .name_show_project{
    
  }

  #boucher_link_section{
    margin-top: 10px;
  }
  
  .project_details_btn {
    display: block;
    text-align: center;
  }

  .tab-content {
    padding: 10px;
  }
}

@media screen and (max-width: 360px) {
  .login_btn123 {
    margin-left: -4px !important;
    padding: 7px !important;
  }
}

@media screen and (max-width: 900px) {
  .que_text {
    font-size: 18px;
    font-weight: 500;
    color: black;
  }

  .ans_text {
    color: grey;
    font-size: 15px;
  }
}

@media screen and (max-width: 700px) {
  .ans_text {
    color: grey;
    font-size: 12px;
  }

  .que_text {
    font-size: 14px;
    font-weight: 500;
    color: black;
  }

  .res_para {
    font-size: 14px;
  }

  .d-res {
    flex-direction: column;
  }

  .swiper {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .enq-btn-comp-proj {
    height: 25px !important;
    width: 108px !important;
    font-size: 15px !important;
  }

  .res-mt5 {
    margin-top: 10px !important;
  }

  .container_box_for_otp {
    text-align: center;
  }

  .container_box_for_otp1 {
    margin-top: 12px !important;
  }

  .font_16_res {
    font-size: 18px !important;
  }

  .font_15_res {
    font-size: 15px !important;
  }

  .more_project {
    width: 100%;
  }

  .svg_x{
    width: 20px !important;
    height: 20px !important;
  }
  .about-data h1,
  .about-data p,
  .about-data h3 {
    width: 90%;
  }

  .social-link a i {
    font-size: 20px;
  }
}

@media screen and (max-width: 500px) {
  .mobile_d_none {
    display: none;
  }

  .comp-proj-box .row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .web_color {
    font-size: 18px !important;
  }

  .enquiry_btn1 {
    width: 100px !important;
  }

  .parentContainer {
      padding-left:0px ;
  }
  .grey_color {
    /* font-size: 15px; */
  }

  .enquiry_btn {
    /* width: 100px; */
  }

  .load_more {
    height: 35px;
  }

  .compare-project-btn {
    width: 85vw;
  }

  .rating>label {
    font-size: 6vw !important;
  }

  .docs-guide-data {
    margin-top: 25px !important;
  }

  .file-chose-row {
    width: 100vw !important;
  }

  .btn-row1 {
    margin-left: -17px;
  }

  .home-banner-text h1 {
    margin-top: 1.5rem;
  }

  .add_comment_btn1 {
    padding: 15px 10px !important;
    font-size: 14px !important;
  }

  .margin_top_news {
    margin-top: 40px;
  }

  .margin_left_profile {
    margin-left: 36px;
  }

  .btn_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw !important;
    padding: 0px 10px;
  }

  .btn_block .col-md-6 {
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .btn_block .col-md-6 a {
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .margin_100{
    padding-left: 0px; 
  padding-right: 0px;
  }

  .ask_btn {
    width: 170px;
    height: auto !important;
    margin: 0px !important;
    padding: 20px !important;
    font-size: 11px !important;
  }
}

@media only screen and (max-width: 595px) {

  .mt-4,
  .mt-3 {
    margin-top: 4px !important;
  }

  .category-res {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
  }

  .uncollapse-category {
    display: none;
  }

  .login_btn123 {
    margin-left: -4px !important;
  }

  .remove_link {
    visibility: visible !important;
    position: absolute;
    top: 4px;
    right: 26px;
    font-size: 34px;
  }

  .collapse-category {
    display: block;
  }

  .border_top_e {
    border-top: 2px solid rgba(0, 0, 0, .1);
    /* margin-top: ; */
    /* margin-bottom: 10px; */
    padding-top: 10px;
    /* margin-left: 5px;
    margin-right: 5px; */
  }

  .comment_box_user {
    font-size: 21px !important;
    /* margin-top: 10px; */
  }

  .services_box_question {
    margin-top: -120px;
  }

  .services_box_property {
    margin-top: -100px;
  }
  .property_img_section{
    margin-top: 10px !important;
  }

  ::-webkit-file-upload-button {
    color: rgb(255, 255, 255);
    background-color: #102953;
    border: none;
    border-radius: 20px;
    width: auto;

    height: auto;
    padding: 5px;
    cursor: pointer;
    font-size: 16px;
    padding-left: 28px;

  }



  .add_comment_btn {
    box-sizing: border-box;
    font: inherit;
    padding: 15px 0px;
    transition-property: box-shadow, background-color;
    transition-duration: 60ms;
    transition-timing-function: ease-out;
    height: 30px;
    /* min-width: 30px; */
    position: relative;
    border-width: 0px;
    outline: none;
    color: inherit;
    border-radius: 4px;
    color: white;
    font-size: 12px;
  }

  .comment_input {
    width: 115%;
    border-radius: 4px;
    color: #282829;
    background-color: #fff;
    /* margin-left: 8px; */
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid grey;
    font-size: 14px;
  }

  .hide-text {
    display: none;
  }

  #openChatboxBtn {
    right: 5%;
  }

  .chat-box-wrapper {
    /* height: 450px; */
    width: 333px !important;
  }

  .chat-box {
    height: 100%;
    width: 333px;
  }

  .chat-body {
    height: 66%;
  }

  .mobile-full-width {
    width: 100vw !important;
  }

  .project-details-row .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% 0% 50% !important;
    flex-basis: 1 !important;
  }

  .home-banner-text h1 {
    font-weight: 700;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid #F2A75C ;
    display: inline-block;
    margin-top: 5.5rem;
    font: normal normal bold 35px/45px Lora;
    letter-spacing: 0.68px;
  }

  .home_banner_serach {
    z-index: 1000;
    margin-top: -10rem;
  }
  .placeholder_serach::placeholder {
    content: "Mobile Placeholder"; /* New placeholder text for mobile */
  }
  .home-banner-text h3 {
    font-weight: 400;
    font: normal normal normal 34px/40px Poppins;
    opacity: 1;
  }
  .home_banner1 {
    height: 340px;
  }
  .margin_top_section {
    margin-top: 80px;
  }

  #mobile_version {
    display: block !important;
  }

  #desktop_version {
    /* display:unset !important;
    dis */
    display: none !important;
  }

  .text_center_mobile {
    text-align: center;
  }

  .font_36 {
    font-size: 36px !important;
  }

  .margin_minimum {
    margin-top: -30px;
  }

  .navbar .nav-link {
    font-size: 14px;
  }

  .d_mobile {
    display: block !important;
  }
  .home_page_ads_banner{
    height: auto !important;
  }

  .b_mobile {
    display: none;
  }

  .navbar-toggler {
    padding: 9px;

  }


  .class_when_mobile{
    position: fixed;
    background-color: white;
    top: 70px;
    left: 0px;
    padding: 10px;
    z-index: 1000;
  }

  .home_banner{
    height: 450px;

  }

  .phase_show{
    font-size: 15px;
  }

  .tower_show{
    width: fit-content !important;
    font-size: 15px;
  }

  .come_height_youtube{
    height: 250px;
  }

}


/* ----------------------new css added end ----------------------------- */

@media only screen and (max-width: 595px) {
  .res_text {
    font-size: 10px;
  }

  #r_name {
    font-size: 16px;
  }

  .r_class11 {
    text-align: center;
  }

  .hide_flow {
    display: none;
  }

  .r_size {
    font-size: 11px;
  }

  .dec {
    font-size: 15px !important;
  }

  .dec1 {
    font-size: 16px !important;
  }

  .dec3 {
    font-size: 14px !important;
  }

  .login_btn {
    width: 100px;
    font-size: 12px;
  }

  .nav_logo_img {
    width: 110px;
  }

  .abc {
    font-size: 10px;
    border-radius: 5px !important;
  }

  .dec11 {
    font-size: 12px !important;
  }

  .add_section {
    display: none;
  }

  .footer {
    height: auto !important;
  }

  .hide_jj {
    display: none;
  }

  .btn_group {
    font-size: 16px;
  }

  .banner_dec {
    font-size: 12px !important;
  }

  .ask_btn {
    font-size: 12px;
    padding: 0 0.3rem;
  }

  .mt_res {
    margin-top: 70px !important;
  }


  .card-body {
    padding: 12px !important;
  }

  .padding_and_margin {
    padding-left: 1px;
    padding-right: 1px;
    max-width: 98%;

  }

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

  .font_16 {
    font-size: 18px !important;
  }

  .card-img-top {
    height: auto !important;
    max-width: 100% !important;
  }

  .banner_img_res {
    /* height: 100%; */
    width: 100%;
  }

  input#search-bar {
    /* width: auto; */
  }

  .home_banner_serach {
    padding: 20px;
  }

  .home_banner_serach1 {
    padding: 18px;
  }

  .search-container {
    max-width: 100%;

  }

  .hr_line {
    display: none;
  }

  .Google {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10vh !important;
  }

  .Google1 {
    text-transform: none;
    width: auto !important;
  }

  .hr_res {
    display: block !important;
  }

  .heading_project {
    font-size: 2rem;
  }

  .card {
    width: 100% !important;
    height: 100%;
  }

  .card-title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .card-text {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }

  .categories_section_news {
    display: none;
  }

  .news_heading,
  .web_color {
    font-size: 24px;
  }

  .news_dec {
    /* font-size: 16px !important; */
    width: 300px;
  }

  .padding_10 {
    padding: 10px;
  }

  .enquiry_btn {
    margin-top: 5px;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 24px !important;
  }

  .add_section1 {
    display: none;
  }

  .video_section {
    width: 100%;
  }

  .navbar .nav-item {
    padding: 5px 5px;
  }

  .feedback_text {
    width: 300px !important;
  }

  .feedback_btn_section {
    text-align: end !important;
  }

  .mobile_block {
    display: none !important;
  }

  .activity_container {
    padding: 10px 5px 0px 5px
  }

  .activity_container_for_booking_inventory{
    padding: 10px ;
  }

  .activity_container1 {
    padding: 15px 15px 0px 15px;
  }

  .ads_mob {
    display: block !important;
  }

  .ads_dec {
    display: none !important;
  }

}

/* Small screen devices (600px and above) */
@media only screen and (min-width: 600px) {}

@media only screen and (max-width: 1024px) {
  .Google {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24vh;
  }

  .Google1 {
    text-transform: none;
    width: auto !important;
  }

  .card {
    width: 100% !important;
    height: 100%;
  }

  .categories_section_news {
    display: none;
  }

  .add_section1 {
    display: none;
  }

  .login_btn {
    width: 150px;
  }

  .render_price {
    text-align: center;
  }

  /* .img_compare{
        max-height: 224px !important;
    } */
  .ask_btn {
    font-size: 15px;
  }

  .price_in_compare {
    font-size: 14px;
  }

  .res_text {
    font-size: 14px;
  }
}

/* Medium screen devices (768px and above) */
@media only screen and (max-width: 768px) {}

/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px) {}

/* Big screen devices (889px and above) */
@media only screen and (min-width: 889px) {}

/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) {}


@media (min-width: 990px) and (max-width: 1305px) {

  /* Your CSS rules for screens between 990px and 1305px */
  .navbar .nav-link {
    font-size: 16px;
    margin-left: 10px;
    color: white;
  }

  .navbar .nav-item {
    padding: 0px 0px;
    font-size: 5px;
  }

  .login_btn {
    background-color: #F2A75C  !important;
    border-radius: 4px;
    border: none;
    /* padding: 5px; */
    cursor: pointer;
    width: 85px !important;
    width: 150px;
    text-align: center;
  }

  .login_btn123 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 16px/22px Poppins;
    letter-spacing: 0.26px;
    color: #F2A75C  !important;
    opacity: 1;
    /* padding: 12px; */
    margin-left: -4px !important;
  }

  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
  }
}

@media screen and (max-width: 1920px) and (max-height: 1080px) {
  .sticky-top {
    padding: 10px 10px !important;
  }


  .login_btn123{
    color: white !important;
  }

  .navbar .nav-link {
    font-size: 17px;
   
  }

  .price-label{
    font-size: 16px !important;
  }
}