/* For tablets: */

/* @media only screen and (max-width:800px) {
    
    .main {
      width: 80%;
      padding: 0;
    }
    .right {
      width: 100%;
    }
  } */

  /* For mobile phones: */
@media only screen and (max-width:1200px) {

    .header_top{
        width: 100%;
        height: auto;
        position: sticky;
        top: 0;
        z-index: 9999;
        background-color: #007567;
        transition: background 0.3s ease-in-out;
    }
    .nav_logo img{
        width: 90px;
        padding: 10px 0px;
    }

    .header_top_area{
       display: none;
    
    }
    .main_navbar{
        width: 100%;
        height: auto;
        display: block;
        justify-content: left;
        
        
    }
    .menubar{
        display: block;
        justify-content: left;
    }
    .navbar_logo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
    }
    .navbar_menu{
        background-color: #007567;
        display: none;
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
        padding-bottom: 20px;
    }
    .nav_toggle{
        display: block;
        color: #fff;
    }
    .nav_toggle i {
        font-size: 28px;
    }
    .fa-xmark{
        display: none;
    }


    .slider_main_conteinar_area{
        padding: 0px !important;
    }
    .navbar_btn button{
        background-color: #fff;
        color: #007567;
        padding: 12px 15px;
        margin: 20px 20px 0 20px;
        width: calc(100% - 40px);
        font-size: 16px;
    }
    .menu_item {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 10px 20px;
        font-size: 15px;
    }
    .dropDown_menu {
        position: relative;
        background-color: transparent;
        box-shadow: none;
        margin-top: 5px;
        padding-left: 15px;
    }
    .dropdown_list_item {
        color: #f1f1f1;
        border-bottom: none;
        padding: 8px 20px;
        font-size: 14px;
    }
    .dropdown_list_item:hover {
        background-color: transparent;
        color: #fff;
        padding-left: 25px;
    }

    /* Index */
    .tour-caption p{
        width: 90%;
        font-size: 15px;
    }
    .tour .tour-inner .itemsliding .tour-caption h2{
        font-size: 20px;
    }
    .main_slider_section {
        width: 100%;
        height: 56vw; /* 16:9 aspect ratio based on width */
        min-height: 250px;
        overflow: hidden;
    }
    .slider_main_conteinar_area,
    .slider_main_div,
    .container,
    .tour, 
    .tour .tour-inner {
        height: 100% !important;
        width: 100%;
    }
    .tour .tour-inner .item img,
    .tour .tour-inner .itemsliding img,
    .tour .tour-inner .itemrolling img,
    .tour .tour-inner .itemfading img {
        width: 100%;
        height: 100% !important;
        object-fit: contain;
    }
    .tour a.tour-control{
        right: 95%;
        top: -10%;
    }
    .we_looking_for_area{
        width: 100%;
        padding: 10px;
    }
    
    .what_looking_for h1{
        font-size: 20px;
        color: #333;
        
    }
    .what_looking_for p{
        width: 100%;
        font-size: 15px;
        padding: 10px 10px;
    }
    .index_about_us_area{
        width: 100%;
        display: block;
        padding: 10px;
    }
    .index_about_us_text{
        width: 100%;
    }
    .index_about_us_image{
        width: 100%;
        padding: 10px 10px 10px 10px;
    }
    .index_about_us_main_header p{
        color: #666;
        padding: 10px 0px;
    
    }
    .index_about_us_main_header h2{
        color: #222;
        font-size: 25px;
        padding: 10px 0px;
    }
    /* Totatl Clients Reviews and rating section */
    .index_page_total_rating_area{
        width: 100%;
        height: auto;
    
    }
    .index_page_rating_header{
        width: 100%;
        padding: 10px;
    }
    .index_page_rating_header h2{
        font-size: 25px;
        padding: 10px 10px;
        font-weight: 600;
    }
    .main_cointer_div_box {
        display: block;
        justify-content: space-around;
        margin:0px 0px; 
        padding: 20px;
    }
    .cointer_div_box {
        margin: auto;
    }

    /*  */
    .property_type_main_box_area{
        display: block;
        justify-content: space-between;
    }
    .property_type_main_box_area a{
        text-decoration: none;
        color: #007567;
        width: 100%;
        margin: auto;
        height: auto;
    
    }
    .Latest_properties_area{
        width: 100%;
        margin: auto;
        height: auto;
    }
    .property-location {
        display: block;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        color: #555;
        margin-bottom: 8px;
    }
    .property-owners_history{
        display: block;
        align-items: center;
    
    }
    .clients_social_icon{
        text-align: center;
    }
    .Latest_properties_header h2{
        font-size: 25px;
    }
    .Latest_properties_header p{
        width: 100%;
    }

    .customer_faq_ans_conteinar_header h2{
        color: #007567;
        font-size: 25px;
    
    }
    .customer_faq_ans_conteinar_header p{
        width: 100%;
        
    }
    .customer_faq_ques_area {
        display: block;
        justify-content: left;
        margin: 0;
    }
    .customer_some_main_ques{
        width: 100%;
        padding: 10px;
    }
    .faq-container {
        width: 100%;
    }


    /* Footer */
    
    /* Footer Section */
    .footer_conteinar{
        display: block;
        padding: 10px;
    }
    .footer_about_us{
        width: 100%;
        height: auto;
    }
    .footer_quick_link{
        width: 100%;
        height: auto;
    }
    .footer_Featured_Service{
        width: 100%;
        height: auto;
    }
    .footer_Address{
        width: 100%;
        height: auto;
    }
    .letast_client_massage{
        width: 100%;
        margin: auto;
    }
    .Popular_searches_area{
        width: 100%;
    }
    .featured_listing_main_area{
        display: block;
    }
    .featured_listing_main_image_div_container {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .why_chooses_us_container_area{
        width: 95%;
    }
    .why_chooses_us_step_area{
        display: block;
        justify-content: center;
        
    }
    .why_chooses_us_step_box{
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }
        
    .why_chooses_us_step_header{
        height: auto;
        display: flex;
        align-items: center;
    }
    .why_chooses_us_step_header p{
        background-color: #D10A11;
        padding: 5px 10px;
        border-radius: 15px;
        color: #fff;
    }
    .why_chooses_us_step_box_img{
        height: auto;
        align-items: center;

    }
    .why_chooses_us_step_box_img img{
        width: 50%;
        padding: 20px;
        height: auto;
        align-items: center;

    }
    .why_chooses_us_step_text{
        height: 200px;
        padding: 5px;
    }
    .why_chooses_us_step_btn{
        height: auto;
        align-items: center;
    }
    .why_chooses_us_step_text_header{
        height: auto;
    }
    


}