@media screen and (min-width:1200px){
    nav .container{
        max-width: 1270px;
    }
}
@media screen and (min-width:1025px) and (max-width:1360px) {
   .container{
    max-width: 1140px;
   }
   .nav-links li a{
       padding:0 6px;
   }

   .property_card .property_image{
    height: 230px;
   }
   .property_list_row{
    grid-area: 20px;
   }
   
   .developers .swiper-button-prev {
        left: 91%;
    }
    
    .awards .swiper-button-prev {
        left: 91%;
    }
}

@media screen and (max-width:1024px) {
    nav .container{
        max-width: 1110px;
    }
    .nav-links li a {
        padding: 0px 10px;
        font-size: 16px;
    }
    nav .logo{
        max-width: 100px;
    }
    .main_wrapper_content h1{
        font-size: 60px;
    }
    
    .menu-icon-li{
        display:none !important;
    }
    
    .developers .swiper-button-prev{
        left: 89%;
    }

    .awards .swiper-button-prev{
        left: 89%;
    }


    .section-two .right h3{
        font-size: 36px;
        line-height: 42px;
    }
    .section-two .right h6{
        font-size: 32px;
    }
    .section-two .row_box .item h3{
        font-size: 36px;
        line-height: 42px;
    }


    .upcoming_projects .swiper-button-prev{
        left: 88%;
    }
    .upcoming_projects .price h3{
        font-size: 22px;
    }
    .upcoming_projects .property_name{
        font-size: 16px;
    }
    .upcoming_projects .propertySwiper{
        padding-bottom: 30px;
    }
    .upcoming_projects .property_image{
        height: 190px;
    }

    .about_section .centerimg{
        max-width: 300px;
    }
    .about_section .left, .about_section .right{
        row-gap: 50px;
    }
    .about_section .left .margin-box{
        margin-left: -25px;
    }
    .about_section .right .margin-box{
        margin-left: 25px;
    }


    .areas .item .blue_box h6{
        font-size: 18px;
    }
    .areas .item .blue_box p{
        font-size: 14px;
        line-height: 20px;
    }

    .color_box .item{
        padding: 10px;
    }
    .color_box .item .image{
        width: 100px;
        height: 70px;
    }
    .color_box .item h6{
        font-size: 16px;
        height: 40px;
    }
    .color_box .item p{
        font-size: 14px;
        height: 100px;
    }
    .awards h6{
        font-size: 18px;
    }

    footer .footer_container{
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 30px;
    }
    footer .footer_links_flex{
        flex-wrap: wrap;
    }
    footer .footer_title{
        font-size: 20px;
    }
    footer .social_icons{
        gap: 10px;
    }



    /* real estate page */
    .property_card .property_image{
        height: 230px;
    }
    .property_list_row{
        gap: 15px;
    }
    .property_card .location_price .price{
        font-size: 18px;
        font-weight: 700;
    }
    .property_card h5{
        font-size: 20px;
    }


    .developers_page .grid_row{
        gap: 25px;
    }

    .services_page .services_row{
        gap: 20px;
    }

    .process-row{
        gap: 20px;
    }

    .blog_section .d-flex{
        gap: 30px;
    }
    .blog_section .select_box .form-label{
        display: none;
    }

}

@media screen and (max-width:1080px) {
    .real_estate_banner_box.for_about_page .item h6{
    font-size:10px;
}
}
@media screen and (max-width:991px) {
    .menu-icon-li{
        display:none !important;
    }
    .main_heading{
        font-size: 32px;
    }
    .main_desc{
        max-width: 100%;
    }
    nav{
        line-height: 100px;
    }
    .nav-links li a{
        color: #000;
    }
    .nav-links .mobile-item{
        padding-left: 10px;
    }
    /* .main_wrapper{
        height: 50vh;
    } */
    .main_wrapper_content .container{
        height: auto;
        padding-top:45px;
    }
    
    .main_wrapper .search_box_div{
        margin-left:0 !important;
    }
    .search_box_div .search_box{
        height:auto;
    }
    .main_wrapper_content h1{
        font-size: 42px ;
    }
    
    .search_box_div .item{
        width: 200px;
    }
    /* .search_box_div .item::before{
        display: none;
    } */
    .search_box_div .search_box{
        flex-wrap: wrap;
        row-gap: 0;
    }
    .search_box_div button{
        width: 100%;
    }
    .search_box_div .item::before{
        display: none;
    }

    .main_wrapper .quick_enquiry{
        top: 30%;
    }


    .section-two .grid_row{
        gap: 20px;
    }
    .section-two .row_box{
        margin: 20px 0;
    }
    .section-two .row_box .item h6{
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
    }
    .section-two .row_box .item h3{
        font-size: 26px;
        margin-bottom: 0;
    }
    .section-two .row_box .item p{
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
    }
    .section-two .row_box_one::after{
        bottom: -6px;
        width: 90%;
    }
    .section-two .item-border-one::after{
        top: 5px;
    }
    .section-two .item-border-two::after{
        top: -15px;
    }

    .section-two .right h3{
        font-size: 28px;
    }
    .section-two .right h6{
        font-size: 28px;
        line-height: 40px;
    }

    .upcoming_projects .swiper-button-prev{
        left: 85%;
    }

    .about_section .box{
        width: 200px;
        padding: 0px 15px;
    }
    .about_section .box h6{
        font-size: 14px;
    }
    .about_section .box h6 span{
        font-size: 22px;
    }


    .areas .grid_row{
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .areas .item img{
        width: 100%;
    }
    /* .areas .item .blue_box p{
        display: none;
    } */
    .areas .item .blue_box h6{
        /* font-size: 16px; */
        font-weight: 500;
        margin-bottom: 10px;
    }


    .color_box .grid_row{
        gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    .color_box .item .image {
        width: 125px;
        height: 80px;
    }
    .color_box .item p{
        height: 90px;
    }
    
    .awards h6{
        bottom: 10px;
        font-size: 14px;
    }

    footer .footer_container{
        grid-template-columns: 1fr 1fr;
    }
    footer .footer_desc{
        font-weight: 200;
        font-size: 14px;
    }
    footer .follow_us{
        flex-direction: column;
        align-items: start;
    }

.developers .swiper-button-prev{
        left: 85%;
    }
    .awards .swiper-button-prev{
        left: 85%;
    }
    .property_list_row{
        grid-template-columns: 1fr 1fr;
    }

    .developers_page .grid_row{
        gap: 10px;
    }

    .services_page .services_row{
        grid-template-columns: 1fr 1fr;
    }


    .process-row{
        grid-template-columns: 1fr 1fr;
    }
    .process_section .process-image{
        height: 200px;
    }
    .process-content{
        padding: 10px;
    }


    .property_list_row{
        grid-template-columns: 1fr 1fr;
    }

    .commercial_content .commercial_row{
        grid-template-columns: 1fr 1fr;
    }

    .investment-section-three .grid_row{
        grid-template-columns: 1fr 1fr;
    }
    .investment-section-three .grid_row img{
        width: 100%;
        height: 100%;
    }

    .investment-section-four .grid_row{
        grid-template-columns: 1fr;
    }
    .upcoming_projects .propertySwiper{
        padding-bottom: 70px;
    }


    .blue_banner .name_share{
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }
    .real_estate_banner_box{
        overflow-x: scroll;
    }
    .realestate_wrapper .grid_row{
        grid-template-columns: 1fr;
    }
    .realestate_gallery_map .grid_row{
        grid-template-columns: 100% 100%;
    }

    .realestate_gallery_map .gallery_slider{
        width: 100% !important;
    }
    
    .nav-links .main-btn{
        height:50px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .real_estate_banner_box .item{
        min-width:200px;
    }
    .about_project .grid_row{
        grid-template-columns: 1fr;
    }
    .layout .grid_row{
        grid-template-columns: 100%;
    }
    .amenities .grid_row{
        grid-template-columns: 1fr 1fr;
    }
    .acount_page .property_list_row{
        grid-template-columns:1fr 1fr;
        gap:15px;
    }
}


@media screen and (max-width:600px) {
    .menu-icon-li{
        display:none !important;
    }
    .main_heading{
        font-size: 28px;
    }
    .header_top .top_menu a{
        display: none;
    }
    nav .logo{
        margin-top: 0;
        max-width: 130px;
    }
    .main_wrapper{
        height:100vh;
    }
    .main_wrapper_content h1{
        font-size: 40px;
        text-align: center;
    }
    .main_wrapper .quick_enquiry{
        display: none;
    }
    .search_box_div .item{
        width: 100%;
    }
    

    .section-two .grid_row{
        grid-template-columns: 1fr;
    }
    .section-two .grid_row .right{
        text-align: center;
    }
    .section-two .item-border-one::after{
        left: -5px;
    }
    .section-two .item-border-two::after{
        left: -5px;
    }
    .upcoming_projects .swiper-button-prev{
        left: 72%;
    }
    .about_section .grid_row{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .about_section .center{
        text-align: center;
    }
    .about_section .left .margin-box,
    .about_section .right .margin-box{
        margin-left: 0;
    }
    .about_section .box{
        width: 300px;
    }
    .about_section .box h6{
        font-size: 16px;
    }
    .developers .swiper-button-prev{
        left: 70%;
    }
    .awards .swiper-button-prev{
        left: 70%;
    }

    .areas .grid_row{
        grid-template-columns: 1fr;
    }

    .color_box .grid_row{
        grid-template-columns: 1fr;
    }
    .color_box .item{
        padding: 30px 10px;
    }
    .color_box .item .image{
        width: 160px;
    }
    .upcoming_projects .propertySwiper{
        padding:80px 10px;
    }
    /*.upcoming_projects .swiper-slide{*/
    /*    width:300px !important;*/
    /*}*/


    .developers .flex_row{
        flex-wrap: wrap;
        justify-content: center;
    }

    .awards .grid_row{
        grid-template-columns: 1fr;
    }
    .awards h6{
        font-size: 18px;
    }

    footer .footer_container{
        grid-template-columns: 1fr;
    }

    .property_list_row{
        grid-template-columns: 1fr;
    }
    .blue_banner .container{
        text-align: center;
    }
    .search_box_div{
        margin-left: 20px;
    }
    .developers .developer_image{
        max-height:170px !important;
        height:170px !important;
    }

    .developers_page .grid_row{
        grid-template-columns: 1fr 1fr;
    }
    .developers_page .flex_row{
        flex-direction: column;
        align-items: start;
    }

    .services_page .services_row{
        grid-template-columns: 1fr;
    }

    .process-row{
        grid-template-columns: 1fr;
    }

    .property_list_row{
        grid-template-columns: 1fr ;
    }

    .commercial_content .commercial_row{
        grid-template-columns: 1fr;
    }

    .investment-section-three .grid_row{
        grid-template-columns: 1fr;
    }


    .blog_section .d-flex{
        flex-direction: column;
        align-items: start;
        gap: 30px;
        justify-content: start;
    }

    .form_box .input_row{
        grid-template-columns: 1fr;
        gap: 0;
    }


    .contact_page_banner .banner_box{
        height: auto;
        bottom: -360px;
        left: 0;
        transform: translateX(0);
        margin: auto;
        margin-left: 40px;
    }
    .contact_page_banner .banner_box .flex_row{
        flex-direction: column;
    }
    .contact_page_banner .item::before{
        display: none;
    }
    .contact_page_banner .item{
        width: 100%;
    }

    .contact_form{
        margin-top: 0px;
    }
    .developer_details_page_banner .banner_box{
        overflow-x: scroll;
        height: auto;
    }
    .developer_details_page_banner .banner_box .item{
        width: 100%;
    }   
    .developer_details_page_banner .banner_box .item h6{
        font-size: 16px;
    }

    .blue_banner .name_share{
        align-items: center;
        
    }
    .real_estate_banner_box{
        margin: 0px 20px;
    }

    .realestate_wrapper .tab_section button{
        font-size: 16px;
    }
    .realestate_gallery_map .gallery_slider .mySwiper .swiper-slide img{
        width: 90px !important;
        height: 90px;
    }
    
    .amenities .grid_row{
        grid-template-columns: 1fr;
    }
    
    .about_project .grid_row {
    padding: 0px 20px;
}
    
  .about_project .grid_row_2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 10px;
    margin-bottom:0;
}  
}