@media(max-width:991px){
    .total_header{
        position: relative;
    }
    .headerClose a {
        width: 26px;
        height: 26px;
        color: #1e1e1e;
        font-size: 16px;
        border: 1px solid #999;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 50px;
    }
    .headerClose {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
    }
    .total_header ul .nav_special_list{
        margin-top: 50px;
    }
    .total_header ul {
        column-gap: 8px;
        position: fixed;
        width: 100%;
        /* max-width: 400px; */
        height: 100%;
        background: rgb(0, 0, 0);
        /* opacity: 0.8; */
        top: 0;
        left: -100%;
        /* display: none; */
        padding: 20px;
        box-sizing: border-box;
        transition: all ease-in-out 0.3s;
    }
    .total_header ul li a {
        display: block;
        margin: 13px 0;
    }
    .total_header ul li{
        margin: 0 -50px;
    }
    .total_header ul.active{
        left: 0;
        display: block;
        text-align: center;
        padding: 45px 0 !important;
    }
    .icon_display {
        display: block;
        margin-left: auto;
        margin-right: 20px;
    }
    .menu_nav_col  {
        border-bottom: none;
        position: fixed !important;
        left: -100% !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.973);
        opacity: 0.9;
        height: 100%;
        z-index: 100;
        transition: all ease-in-out 600ms;
    }
    header .total_header ul li a {
        font-size: 19px;
        color: #ffffff !important;
    }
    
    /* .upper_navbar .rgt_side {
        flex-direction: column;
        row-gap: 10px;
    } */

    .dropdown-menu{
        left: 40% !important;

    }
    header .total_header ul li a {
        line-height: 32px;
    }
    /* .swiper-container-android .swiper-slide, .swiper-wrapper {
        width: 243px !important;
    } */
    .total_banner_sec .left_part h1 {
        color: #fff;
        font-size: 37px;
        line-height: 53px;
    }
    .total_banner_sec {
        padding-top: 40px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .total_slider_part h2 {
        font-size: 37px;
    }
    .total_exclusive_pro {
        padding: 0 50px 40px 50px;
    }
    .total_exclusive_pro h2 {
        font-size: 37px;
    }
    .total_exclusive_pro p {
        font-size: 15px;
    }
    .total_side_slider {
        padding: 0 50px 40px 50px;
    }
    .total_side_slider .same_div_slide .left_part h2 {
        font-size: 37px;
    }
    .property_range_status .same_div_img .text_div h5 {
        font-size: 11px;
    }
    .total_side_slider .same_div_slide .left_part p {
        font-size: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .testimonial_total_area {
        align-items: center;
        padding: 0 50px 50px 50px;
        flex-direction: column;
        row-gap: 40px;
    }
    .testimonial_total_area .left_part {
        width: 100%;
        padding-right: 0;
    }
    .testimonial_total_area .right_part {
        width: 100%;
    }
    .total_banner_sec_1 {
        padding: 40px 50px;
    }
    .mail_image_sec {
        padding: 0 50px 40px 50px;
        flex-wrap: wrap;
    }
    .map_sec_form {
        padding: 0 50px;
    }
    .total_heading_part {
        padding: 40px 50px;
    }
    .total_heading_part h2 {
        font-size: 37px;
    }
    .total_heading_part p {
        font-size: 20px;
    }
    .total_location_advantages h2 {
        font-size: 37px;
    }
    .total_location_advantages {
        padding: 0 50px 40px 50px;
    }
    .amenities_center h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .total_amenities_part {
        padding: 0 50px 40px 50px;
    }
    .consultant_part_start .text_div h2 {
        font-size: 35px;
    }
    .tab_panel_sec h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .tab_panel_sec {
        padding: 0 50px 40px 50px;
    }
    .total_project_location h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .total_project_location {
        padding: 0 50px 40px 50px;
    }
    .total_project_location .project_location_details .right_part ul h5 {
        font-size: 20px;
        padding-top: 80px;
    }
    .meet_agent_part h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .meet_agent_part {
        padding: 0 50px 40px 50px;
    }
    .meet_agent_part .total_meet_agent .same_div .right_div p {
        font-size: 12px;
        line-height: 16px;
    }
    .meet_agent_part .total_meet_agent .same_div .right_div h5 {
        font-size: 14px;
    }
    .total_clint_review h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .total_clint_review {
        padding: 0 50px 40px 50px;
    }
    .total_clint_review .all_client_review {
        flex-direction: column;
        row-gap: 20px;
    }
    .total_clint_review .all_client_review .same_div {
        width: 100%;
        background-position: center;
    }
    .total_other_successful {
        padding: 0 50px 40px 50px;
    }
    .total_other_successful h2 {
        font-size: 37px;
        padding-bottom: 20px;
    }
    .total_contact_lan {
        padding: 0 50px 40px 50px;
        flex-direction: column;
        row-gap: 20px;
    }
    .total_contact_lan .left_part {
        width: 100%;
    }
    .total_contact_lan .right_part {
        width: 100%;
    }
    .total_contact_lan .left_part h3 {
        font-size: 37px;
        padding: 20px 0;
        text-align: center;
    }
    .total_contact_lan .left_part p {
        text-align: center;
    }
    .total_contact_lan .left_part a {
        display: table;
        margin: 0 auto;
    }
    .about_realeste {
        flex-direction: column;
        row-gap: 45px;
    }
    .about_realeste .left_part {
        width: 100%;
    }
    .about_realeste .right_part {
        width: 100%;
    }
    .about_realeste .left_part a {
        display: table;
        margin: 0 auto;
    }
    .about_realeste {
        padding: 40px 50px;
    }
    .previous_project_done {
        padding: 20px 50px 40px 50px;
    }
    .meet_our_team {
        padding: 0 50px 40px 50px;
    }
    .what_peo_say {
        padding: 0 50px 40px 50px;
    }
    .total_happy_client {
        padding: 80px 50px;
    }
}
@media(max-width:768px){
    .total_banner_sec {
        flex-direction: column;
        row-gap: 30px;
    }
    .total_banner_sec .left_part {
        width: 100% !important;
        text-align: center;
    }
    .total_banner_sec .right_part {
        width: 100% !important;
    }
    .total_banner_sec .right_part .middle_class {
        display: table;
        margin: 0 auto;
    }
    .total_exclusive_pro {
        padding: 0 20px 30px 20px;
    }
    .total_side_slider {
        padding: 0 20px 30px 20px;
    }
    .total_side_slider .same_div_slide {
        row-gap: 35px;
        flex-direction: column;
    }
    .total_side_slider .same_div_slide .left_part {
        width: 100%;
    }
    .total_side_slider .same_div_slide .right_part {
        width: 100%;
    }
    .testimonial_total_area {
        padding: 0 20px 40px 20px;
    }
    .testimonial_total_area .left_part a {
        margin: 0 auto;
    }
    .testimonial_total_area .left_part h2 {
        text-align: center;
    }
    .testimonial_total_area .left_part h6 {
        text-align: center;
    }
    .total_side_slider .same_div_slide .left_part h6 {
        text-align: center;
    }
    .total_side_slider .same_div_slide .left_part h2 {
        text-align: center;
    }
    .total_side_slider .same_div_slide .left_part p {
        text-align: center;
        line-height: 18px;
    }
    .property_range_status {
        justify-content: center;
    }
    .total_side_slider .same_div_slide .left_part a {
        display: table;
        margin: 0 auto;
    }
    .total_footer {
        flex-direction: column;
        row-gap: 30px;
    }
    .total_footer {
        padding: 30px 20px;
    }
    .total_footer .similar_part {
        width: 100%;
        text-align: center;
    }
    .total_footer .similar_part .text_sec p {
        text-align: center;
    }
    .total_footer .similar_part .text_sec h5 {
        text-align: center;
    }
    .total_footer .middle_part {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .total_footer .similar_part .top_part p {
        text-align: center;
    }
    .total_footer .similar_part .top_part .input_part {
        justify-content: center;
    }
    .total_footer .similar_part .lower_part .social_logo {
        justify-content: center;
    }
    .total_footer h4 {
        text-align: center;
    }
    .testimonial_total_area .left_part h2 {
        font-size: 37px;
    }
    .total_heading_part h2 {
        font-size: 37px;
    }
    .total_banner_sec_1 .left_part_1 h1 {
        font-size: 37px;
    }
    .full_advantages {
        flex-direction: column;
        row-gap: 20px;
    }
    .full_advantages .left_part {
        width: 100%;
    }
    .full_advantages .right_part {
        width: 100%;
    }
    .total_photo_gallery {
        padding: 0 50px 40px 50px;
    }
    .about_realeste {
        padding: 20px 30px;
    }
    .previous_project_done {
        padding: 20px 20px 30px 20px;
    }
    .previous_project_done .card .nav-tabs{
        flex-wrap: wrap !important;
    }
    .total_previous_part .same_part {
        width: 100%;
    }
    .meet_our_team {
        padding: 0 20px 30px 20px;
    }
    .about_realeste .left_part .head_tag .second_tag h2 {
        font-size: 37px;
    }
    .previous_project_done h2 {
        font-size: 37px;
        padding-bottom: 13px;
    }
    .meet_our_team h2 {
        font-size: 37px;
    }
    .what_peo_say h2 {
        font-size: 37px;
    }
}
@media(max-width:575px){
    .map_sec_form .right_div .input_div {
    flex-direction: column;
    row-gap: 15px;
    }
    .map_sec_form .right_div .input_div input {
    width: 100%;
}
    .total_heading_part .team_total {
        justify-content: center;
    }
    .total_heading_part h5 {
        padding: 7px 0;
    }
    .total_heading_part p {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .lower_footer {
        padding: 15px 20px;
    }
    .mail_image_sec {
        justify-content: center;
    }
    .map_sec_form {
        padding: 0 20px;
        flex-direction: column;
        row-gap: 40px;
    }
    .map_sec_form .left_div {
        width: 100%;
    }
    .map_sec_form .right_div {
        width: 100%;
        padding: 0;
    }
    .total_map_part_con {
        padding: 50px 0;
        background-color: #e5e1e1;
    }
    .sign_update {
        padding: 30px 20px;
        flex-direction: column;
        row-gap: 20px;
    }
    .sign_update .left_part {
        width: 100%;
        text-align: center;
    }
    .sign_update .right_part {
        width: 100%;
    }
    .total_banner_sec .left_part p {
        font-size: 19px;
    }
    .total_heading_part p {
        font-size: 15px;
    }
    .total_heading_part {
        padding: 30px 20px;
    }
    .total_location_advantages {
        padding: 0 20px 30px 20px;
    }
    .consultant_part_start {
        margin: 0 0 20px 0;
        padding: 30px 20px;
        flex-direction: column;
        row-gap: 20px;
    }
    .tab_panel_sec {
        padding: 0 20px 30px 20px;
    }
    .full_photio_gallery .same_div {
        width: 100%;
    }
    .total_contact_lan .left_part img{
        width: 100%;
    }
    .total_project_location .project_location_details {
        flex-direction: column;
        row-gap: 20px;
    }
    .total_project_location .project_location_details .left_part {
        width: 100%;
    }
    .total_project_location .project_location_details .right_part {
        width: 100%;
    }
    .total_project_location {
        padding: 0 20px 30px 20px;
    }
    .meet_agent_part .total_meet_agent {
        flex-direction: column;
        row-gap: 20px;
    }
    .meet_agent_part .total_meet_agent .same_div {
        width: 100%;
    }
    .total_contact_lan {
        padding: 0 20px 30px 20px;
    }
    .meet_agent_part {
        padding: 0 20px 40px 20px;
    }
    .meet_agent_part .total_meet_agent .same_div {
        align-items: flex-start;
    }
    .total_clint_review {
        padding: 0 20px 40px 20px;
    }
    .total_amenities_part {
        padding: 0 20px 40px 20px;
    }
    .total_photo_gallery {
        padding: 0 20px 40px 20px;
    }
    .about_realeste .left_part .head_tag .second_tag h2 {
        font-size: 30px;
    }
    .previous_project_done h2 {
        font-size: 30px;
    }
    .meet_our_team h2 {
        font-size: 30px;
    }
    .what_peo_say h2 {
        font-size: 30px;
    }
    .meet_our_team .total_meet_our_team {
        flex-direction: column;
        row-gap: 20px;
    }
    .meet_our_team .total_meet_our_team .same_div {
        width: 100%;
    }
    .what_peo_say .total_people_saying {
        flex-direction: column;
        row-gap: 20px;
    }
    .total_happy_client {
        flex-direction: column;
        row-gap: 20px;
    }
    .total_happy_client .samr_div {
        width: 100%;
        border: none !important;
    }
    .total_happy_client .samr_div img {
        width: 66%;
    }
    .what_peo_say .total_people_saying .same_div {
        width: 100%;
    }
    .what_peo_say {
        padding: 0 20px 30px 20px;
    }
}
@media(max-width:414px){
    .total_banner_sec .right_part .middle_class {
        width: 100%;
    }
    .total_banner_sec {
        padding-left: 10px;
        padding-right: 10px;
    }
    header .total_header {
        margin: 0 10px;
    }
    .total_header_banner {
        padding: 20px 0;
    }
    .total_banner_sec .left_part h1 {
        font-size: 30px;
    }
    .total_banner_sec .left_part p {
        font-size: 15px;
    }
    .total_slider_part h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .total_slider_part {
        padding: 20px 80px;
    }
    .total_exclusive_pro h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .total_side_slider .same_div_slide .left_part h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .testimonial_total_area .left_part h2 {
        font-size: 30px;
        line-height: 36px;
        padding-top: 10px;
    }
    .lower_footer {
        flex-direction: column;
    }
    .total_heading_part h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .total_heading_part p {
        font-size: 17px;
    }
    .map_sec_form .right_div a {
        display: table;
        margin: 0 auto;
    }
    .sign_update {
        margin-bottom: 0px;
    }
    .total_location_advantages h2 {
        font-size: 30px;
    }
    .full_advantages {
        padding-top: 10px;
    }
    .amenities_center h2 {
        font-size: 30px;
    }
    .total_amenities_part .same_div {
        width: 100%;
    }
    .consultant_part_start .text_div h2 {
        font-size: 20px;
    }
    .tab_panel_sec h2 {
        font-size: 30px;
    }
    .total_project_location h2 {
        font-size: 30px;
    }
    .meet_agent_part h2 {
        font-size: 30px;
    }
    .total_clint_review h2 {
        font-size: 30px;
    }
    .total_other_successful h2 {
        font-size: 30px;
    }
}