@media only screen and (max-width: 1199px) {
    .builder_block .top_block {padding: 10px;}
    .builder_block .top_block h4 {font-size: 16px;}
    .builder_block .bottom_block .btn-2 {padding: 5px;}
    .builder_block .bottom_block h4 {font-size: 14px;}
    .about .right_block,
    .about .left_block {top:50px;}
    footer .middle_footer h2:after,
    footer .top_footer h2:after {width: 160px;}

}

@media only screen and (max-width: 991px) {
    .btn {padding:4px 15px;}
    .btn-2 {padding:4px 15px;}
    .home_slider {height: 530px;}
    .blog_tags a {margin:0 5px 5px 0;}
    .home_slider .text_content h1 {font-size: 24px;}
    .home_slider .text_content p {margin-bottom: 20px;}
    .home_slider form .btn {padding:8px 20px;}
    .home_slider .middle_form {width: 680px;}
    .home_slider:after {height: 36%;}
    .logo_container h2 {font-size: 28px;}
    header.header.sticky .top_bar {margin-top: -57px;}
    .home_slider .list-item li .img_box {max-width: 45px;}
    .home_slider .list-item li:nth-child(2) .img_box {max-width: 30px;}
    .home_slider .list-item li .img_box img {width: 100%;}
    .home_slider .list-item {margin-top: 20px;}
.blog_wraper .blog_content h2{font-size: 22px;}
    .about .middle_block span.title {font-size: 32px; display: block;}
    .about .middle_block p {font-size: 14px;}
    .about .middle_block {max-width: 380px; padding-bottom: 30px;}
    .about .inside .img {max-width: 50px;}
    .about .inside span {font-size: 52px;}
    .about .middle_block .inside p {font-size: 16px; line-height: 16px;}
    .about .inside {width: 230px;}
    .about .right_block {top:50px; width: 37%;}
    .about .left_block {top:80px; width:40%;}
    .customer_block .img_block {
        max-width: 60px;
        margin-bottom: 10px;
    }
    .contact-us .faq_inner form {padding: 0;}
    .new_lunch  {height: 600px;}
    .lunch_box h2 {font-size: 24px;}
    .lunch_box span {font-size: 20px; margin-bottom: 15px;}

    .featured_block .content_block h2 {font-size: 18px;}
    .title_block {margin-bottom: 20px;}
    footer  {padding:25px 0;}
    .play_btn {width: 65px; margin-bottom: 15px;}
    .testimonials .testi_content p {font-size: 15px;}
    .testimonials .testi_content h4 {font-size: 24px;}
    .testimonials_slider {padding:50px 0;}
    footer .middle_footer li li,
    footer .top_footer li li {font-size: 11px;}
    footer .middle_footer h2,
    footer .top_footer h2 {font-size: 16px;}
    footer .bottom_footer .top_block {font-size: 11px; margin-bottom: 15px;}
    footer .bottom_footer .bottom_block p {max-width: 580px; font-size: 11px;}
    footer .middle_footer h2:after, footer .top_footer h2:after {width: 120px;}
    footer .top_footer li:last-child ul li {padding-left: 13px;}
    .user_comment {padding:15px;}
    .user_comment h4.title {width:calc(100% - 30px); margin-left: 15px;}
    .comments_form form {padding:0 20px;}
    .comments_form h4 {padding:20px 30px;}
    .project_filter .search_unit span {font-size: 11px;}
    .featured_block.grid_row .content_block .btn-group {flex-wrap: wrap; width:85px; text-align: right;justify-content:flex-end;}
    .featured_block.grid_row .content_block .btn-group a {
        margin: 3px 0;
        padding: 3px 9px;
        font-size: 12px;
        min-width: 85px;
        text-align: center;

    }

    .project_filter .list_title_block {padding:20px;}

    .speak-to-expert .text {padding: 20px;}
    .category_box .select_block {margin-left: 0;}

    .banner_section .img_block {width:100%; height:350px;}
    .quich_tabs {margin:20px 0 30px;}
    .open_position,
    .work-with-us {margin:30px 0;}
    .work-with-us ul li {width:calc(50% - 7px);}
    .work-with-us .img_block {max-width: 70px;}
    .work-with-us .title_block {padding:0;}

    .work-with-us {padding:40px 0 10px;}
    ul.job_list li .content{padding:30px 0;}
    .open_position .page_title {margin:0; margin-bottom: 15px;}
    .page_title h1 {font-size: 22px;}
    .our_mission ul li {font-size: 15px;}
    .our_mission ul li {
        width: calc(50% - 30px);
    }

    .success_principles ul {flex-wrap: wrap;}
    .success_principles ul li {width:calc(33% - 14px); margin-bottom: 15px;}
    .welcome_text {margin: 40px 0;}
    .our_team,
    .career_intro {margin:40px 0;}
    .our_team_member {padding:40px 0 20px;}
    .about_megarealty {padding:40px 0;}
    .about_megarealty {padding:40px 0;}
    .award-reward {margin:40px 0 15px;}
    .success_principles {padding:40px 0;}
    .our_mission {padding:40px 0;}

    ul.west_overview li {width: calc(50% - 14px); margin:7px;}
    ul.west_amenities li {width: 200px;}
    ul.mem_gallery li {width: calc(50% - 4px); margin:2px;}
    ul.mem_vedio li  {width: calc(50% - 4px); margin:2px;}

    ul.mem_download li .icon {width: 45px; height:45px; margin-top: -22px;}
    ul.mem_download li {padding: 15px 10px 10px;}
    .social_sharing ul li a {width: 30px; height: 30px; font-size: 14px; margin:6px;}

    .page_404 .container {max-width: 720px;}
    .location_map iframe {max-height: 350px;}
}

@media only screen and (max-width: 767px) {
    .container {
        padding: 0 15px;
    }

    .featured_collection {padding: 35px 0 25px;}
    .about {padding:35px 0;}
    .about .middle_block {margin: 0; padding:0 15px 40px; margin-bottom: 40px;}
    .desktop_hide {display: block;}
    .mobile_hide {display: none;}
    .blog_news .btn-group {
        float: initial;
        text-align: center;
        width: 100%;
        display: block;
    }
    .home_slider .text_content {width: calc(100% - 15px); top:calc(50% + 60px);}
    .home_slider .middle_form {width: 95%; padding: 0px;}
    .home_slider .text_content p {margin-bottom: 40px; display: none;}
    .home_slider .text_content h1 {font-size: 20px; margin-bottom:25px;}
    .builder_block .top_block, .builder_block .bottom_block {justify-content: space-around;}
    .lunch_box {width: calc(100% - 30px);}
    footer .top_footer {flex-wrap: wrap;}
    footer .top_footer li {width: 100%; font-size: 14px;}
    footer .top_footer li ul {height:0; visibility: hidden; opacity: 0; transition: 0.2s; -webkit-transition: 0.2s;}
    footer .top_footer li ul.open {height: auto; visibility: initial;opacity: 1; transition: 0.2s; -webkit-transition: 0.2s;}

    footer .middle_footer h2:after, footer .top_footer h2:after {width: 100%;}
    .featured_project .btn-ground {
        float: initial;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .about .left_block,
    .about .right_block {display: none;}

    ul.social_links {width: 100%;}
    footer .middle_footer {flex-wrap: wrap;}
    footer .middle_footer li {width: 50%; font-size: 14px;}
    footer .bottom_footer .top_block {
        margin-bottom: 15px;
        display: block;
        flex-wrap: wrap;
        text-align: center;
    }
    header .logo_container h2 {font-size: 22px;}
    .header .menu_wraper p {
        position: absolute;
        top: -28px;
        width: 210px;
        text-align: right;
        right: -2px;
        color: #fff!important;
    }
    .header .nav_toggle span {margin:6px 0;}
    .page_title {margin-bottom: 20px;}
    .header .menu_wraper .btn {padding:5px 12px; font-size: 12px;}

    .header .top_bar p {display: none;}
    header.header.sticky .top_bar {margin-top:0;}
    .home_slider {margin-top: -145px; height: 480px;}
    body.m-open .header .menu_wraper {margin-right: initial;}
    .home_slider:after {height: 45%;}
    .main_menu {z-index: -1; padding-top: 110px; width: 100%; right: -100%;}
    .lunch_box span.side_logo {max-width: 100px; margin-top: 15px;}
    .lunch_box h2 {margin-top: 15px;}
    

    footer .top_footer {margin-bottom: 0;}
    footer .middle_footer h2 {position: relative;}
    footer .middle_footer li ul {padding-top: 0;}
    footer .middle_footer li {width: 100%;}
    footer .top_footer li:last-child ul li,
    footer .top_footer li:last-child ul li:first-child {padding-left: 20px;}
    footer .middle_footer li li, footer .top_footer li li {font-size: 15px; font-weight: 500;}
    footer .middle_footer h2, footer .top_footer h2 {margin-bottom: 10px;}
    .footer_section02 h2 {font-size: 18px; padding-bottom: 15px; margin:0; margin-bottom: 10px; position: relative;}
    .footer_section02 h2:after {    content: "";
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        position: absolute;
        background: #f15e75;}
    footer .middle_footer ul {margin:0; }
    footer .middle_footer {height:0; visibility: hidden; margin:0; opacity: 0; transition: 0.2s; -webkit-transition: 0.2s;}
    footer .middle_footer.open {height: auto; visibility: initial;opacity: 1; transition: 0.2s; -webkit-transition: 0.2s;}
    ul.admin_list {flex-wrap: wrap;}
    ul.admin_list li {margin:12px 0; width:100%;}
    .blog_wraper .bottom {flex-wrap: wrap;}
    .blogimage_row {flex-wrap: wrap;}
    .blogimage_row li { width:calc(50% - 4px); margin-bottom: 10px; }
    .important_text {font-size: 16px;}

    .featured_block.grid_row {flex-wrap: wrap;}
    .featured_block.grid_row .img_block{position: relative; padding-top: 65%; width: 100%;}
    .featured_block.grid_row .content_block {width: 100%;}
    .our_team {margin:35px 0;}
    .career_intro {margin:35px 0;}
    .listing_responive {
        z-index: 5;
        -webkit-transition: 0.2s;
        overflow: scroll;
        position: fixed;
        width: 100%;
        height: 100vh;
        left: -100%;
        top: 100px;
        background: #fff;
        padding-top: 15px;
    }

    .filter_result .call-to-action {padding:30px;}
    .listing_responive.open {left:0; transition: 0.2s;  -webkit-transition: 0.2s;}
    .project_filter .list_title_block h2.title i {display: inline-block; text-align: left; color:red;}
    .project_filter .list_title_block h2.title { 
        width:initial;  display: inline-block;  font-size: 20px;
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
        box-shadow: initial;}
    .slide_menu {
        display: inline-block;
    width: 100px;
    margin-left: -17px;
    text-align: right;
    padding: 10px 15px;
    border-radius: 5px;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 1px 2px 6px #00000045;

    }
    .other_porperty {padding:10px 0 15px}
    .other_porperty h1 {margin:25px 0;}
    .faq .faq_inner {padding:20px;}
    .faq_collapse .card {padding-left: 30px;}
    .faq_collapse h4.title:before {left:-30px;}
    .faq_collapse h4.title.collapsed:after {left:-22px;}

    .banner_section .img_block {height: 240px;}
    .work-with-us .title_block {text-align: center; margin-bottom: 25px;}
    ul.job_list li {width:calc(50% - 16px);}
    ul.job_list li h4 {font-size: 18px;}
    .open_position {margin:30px 0 20px;}
    ul.job_list li .content{padding:20px 0;}
    .open_position .page_title {text-align: center; margin-bottom: 30px;}
    .our_team .first_row {flex-direction: column-reverse;}
    .our_team .first_row .img_block {margin-bottom: 15px;}
    .our_team_member {padding:35px 0 15px;}
    .success_principles ul,
    .our_mission ul {flex-wrap: wrap;}
    .success_principles ul li {width:calc(50% - 14px); margin-bottom: 16px;}
    .about_megarealty .row {flex-direction: column-reverse;}
    .about_megarealty .img_block {margin-bottom: 15px;}

    .welcome_text,
    .award-reward {margin:35px 0;}
    .about_megarealty,
    .success_principles {padding:35px 0;}
    .title_block h2 {font-size: 22px;}
    .our_mission {padding:35px 0 15px;}
    .our_mission ul li{width:100%; margin-bottom:20px ;}
    .our_mission ul h4 {font-size: 18px;}
    .our_mission ul p {font-size: 14px;}
    .our_mission ul:after {display: none;}

    .listing_details {margin-bottom: 25px;}
    ul.locate_project {margin-top: 25px;}
    .breadcumbs .text-right p {display: none;}
    .page_title .text-right h1 { margin:0; margin-top: -30px;}
    .page_title .btn_group {
        display: block;
        margin-top: 25px;
        text-align: center;
    }
    ul.locate_project {font-size: 16px;}
}

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

    .featured_block.grid_row .content_block .btn-group {width: 100px;}

    ul.west_amenities li {width: 100%;}
    .flore_plan ul.flore_design li {width: 100%;}
    ul.mem_vedio li {width: 100%;}
    ul.mem_gallery li {width: 100%;}
    ul.mem_download li .icon {margin-top: 10px;}
    ul.mem_download li {width: 100%; margin-top: 50px;}
    ul.mem_download {margin-top: 0;}
    .about_mem ul li ul li {display: block; width:100%!important;}



}

@media(max-width: 380px) {
    .header .top_bar .loc_select {
        width: 115px;
    }
}