@media (max-width: 640px) {
    h2{
        font-size: 3rem;
    }
    h5{
        font-size: 1.8rem;
    }
    .hero_content h1{
        font-size: 2.5rem;
    }
    .statistic_content{
        grid-template-columns: repeat(1, 1fr);
    }
    .grid_block{
        grid-template-columns: repeat(1, 1fr);
    }
    .investor_left{
        padding-right: 0;
        margin-bottom: 40px;
    }
    .investor_image img{
        height: 318px;
    }
    .container_investor{
        padding: 0 15px;
    }
    .footer{
        padding-top: 50px;
    }
    .footer_contact{
        margin-top: 30px;
        padding-left: 0;
    }
    .footer_contact h2{
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 3rem;
    }
    .more__info{
        flex-direction: column;
        gap: 40px;
    }
    .product_slider .swiper-slide{
        height: 570px;
    }
    .our_services .container{
        padding: 0 15px;
    }
    .overlay_services h3{
        font-size: 2.8rem;
    }
    .custom-contact-form input, .custom-contact-form textarea{
        font-size: 1.8rem;
        padding: 10px 0;
        border-radius: 0;
    }
    .terms__privacy a{
        font-size: 1.8rem;
    }
    .our_projects .block_title h2{
        margin-bottom: 30px;
    }
    /*.project_content{*/
    /*    top: 10%;*/
    /*}*/
    .wrapper_swiper{
        display: none;
    }
    .contact_page .form-row{
        flex-direction: column;
    }
    .form__contact{
        margin-top: 0 !important;
    }
    .categories_content{
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .statistic_item::after{
        display: none;
    }
    .statistic_item{
        border-bottom: 1px solid #E1E1E1;
        padding-bottom: 40px;
    }
    .statistic_item:last-child{
        border: none;
        padding-bottom: 0;
    }
    .statistic_content{
        gap: 40px;
    }
    .hero__container{
        height: 60vh;
    }
    header_logo{
        height: 200px;
    }
    .our_services_left{
        padding-right: 0;
    }
    .grid_item::after{
        width: 100%;
        height: 2px;
        top:0px;
    }
    .hero__project img{
        height: 40vh;
    }
    .details_project h1{
        font-size: 3rem;
    }
    .details_project h2{
        font-size: 2rem;
    }
    .description_project{
        max-width: 100%;
    }
    .gallery_content{
        grid-template-columns: repeat(1, 1fr);
    }
    .project_gallery{
        margin-bottom: 40px;
    }
    .project_gallery1 img{
        height: 250px;
    }
    .property_type p{
        font-size: 1.8rem;
    }
    .property_type{
        flex-wrap: wrap;
        gap: 10px;
    }
    .project_gallery2 img, .project_gallery3 img{
        height: 250px;
    }
    .project_bg2 .d-flex{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .project_bg1 .d-flex{
        flex-direction: column;
        gap: 20px;
    }
    .bg_img2,
    .bg_img1{
        position: relative;
    }
    .project_bg2 .content_project,
    .project_bg1 .content_project{
       padding: 0;
    }
    .project_bg1 .content_project{
        margin-top: 40px;
    }
    .header_logo{
        width: 140px;
    }
    .accordion-item.active .quest h4 {
        font-size: 2rem;
    }
    .accordion-item .quest h4{
        font-size: 2rem;
    }
    .project_content h2{
        font-size: 2rem;
    }
    .project_bg1 .arrows_dark{
        margin-top: 30px;
    }
    .project_bg2 .arrows_dark{
        margin-top: 30px;
    }
    #projects-map{
        border-radius: 0;
    }
    .grid_item{
        gap: 20px;
    }
    .grid__footer{
        grid-template-columns: repeat(1, 1fr);
    }
    .statistic_item h2{
        font-size: 4rem;
    }
    .navbar__menu .container{
        padding: 0 15px;
    }
    .toogle__menu img{
        width: 80%;
    }
    .content_project{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .content_project h2{
        width: 100%;
    }
    .project_bg2 h2{
        margin-top: 40px;
    }
    .marquee-bar{
        padding-top: 50px;
    }
    .map_projects{
        margin-top: 50px;
    }
    .property_type p:after{
        display: none !important;
    }
    .donwload_button{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .project_bg2 .content_project{
        min-height: 500px;
    }
    .project_bg1 .content_project{
        min-height: 500px;
    }
    .gallery_content .gallery_item img{
        height: 450px;
        object-fit: cover;
    }
    .winner_right img{
        height: auto;
        min-height: 300px;
    }
    .accordion_about{
        grid-template-columns: repeat(1, 1fr);
    }
    .years_story .d-flex{
        flex-direction: column;
    }
    .timeline-container{
        padding: 0;
    }
    .winner_left{
        padding-top: 40px;
        padding-right: 0;
    }
    .winner_description{
        margin-bottom: 20px;
    }
    .timeline-swiper{
        padding: 0;
    }
    .timeline-swiper .swiper-button-next{
        right: 10px;
    }
    .timeline-swiper .swiper-button-prev{
        left: 10px;
    }
    .winner_button{
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .winner_right.col-md-6{
        position: relative;
    }
    .winner_section .row{
        flex-direction: column-reverse;
    }
    .years_left{
        gap: 0;
    }
    .years_left span{
        font-size: 3rem;
        margin-bottom: 15px;
    }
    .years_right{
        margin-top: 20px;
    }
    br{
        display: none;
    }
    .categories_blog{
        flex-wrap: wrap;
    }
    .blog_section .blog_hero img{
        height: 400px;
    }
    .slider_content{
        max-width: 80%;
        left: 20px;
    }
    .news-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .single_blog .single_image{
        height: 300px;
    }
    .single_blog h1{
        max-width: 100%;
        margin-bottom: 40px;
    }
    .description__blog h2{
        margin-top: 20px;
    }
    .category_projects{
        flex-wrap: wrap;
    }
    .contact_section .contact_right{
        padding-left: 0;
    }
    .contact_right .d-flex {
        flex-direction: column;
        gap: 20px;
    }
    .contact_section .contact_right img{
        height: 300px;
    }
}
@media (min-width: 641px) and (max-width: 1023px) {
    .contact_section .row{
        flex-direction: column;
    }
    .contact_section .col-md-5{
        width: 100%;
        padding-right: 0;
    }
    .contact_section .col-md-7{
        margin-top: 20px;
        width: 100%;
    }
    .contact_form .d-flex{
        flex-direction: column;
    }
    .grid__footer{
        grid-template-columns: repeat(2, 1fr);
    }
    .statistic_content{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .statistic_item:nth-child(2)::after {
        content: none;
    }
    .hero__container{
        height: 60vh;
    }
    .grid_item{
        height: 100vh;
    }
    .our__content{
        flex-direction: column;
    }
    .our__content .col-md-7,
    .our__content .col-md-5{
        width: 100%;
    }
    .wrapper_swiper{
        display: none;
    }
    .investor_left{
        padding-left: 0;
    }
    .footer .row{
        flex-direction: column;
    }
    .footer .col-md-6{
        width: 100%;
    }
    .footer_contact{
        margin-top: 40px;
        padding-left: 0;
    }
    .gallery_content{
        grid-template-columns: repeat(2, 1fr);
    }
    .project_gallery2 img, .project_gallery3 img{
        height: 400px;
    }
    .project_bg2 .d-flex{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .project_bg1 .d-flex{
        flex-direction: column;
        gap: 20px;
    }
    .bg_img2,
    .bg_img1{
        position: relative;
    }
    .project_bg2 .content_project,
    .project_bg1 .content_project{
        padding: 0;
    }
    .project_bg1 .content_project{
        margin-top: 40px;
    }
    .project_bg1 .col-md-6,
    .project_bg2 .col-md-6{
        width: 100%;
    }
    .description_project{
        width: 100%;
    }
    .hero__project img{
        height: 50vh;
    }
    .project_gallery1 img{
        height: 50vh;
    }
    .property_type{
        flex-direction: column;
    }
    .property_type p:after{
        display: none;
    }
    .accordion_about{
        grid-template-columns: repeat(1, 1fr);
    }
    .winner_right.col-md-6{
        position: relative;
    }
    .winner_section .row{
        flex-direction: column-reverse;
    }
    .winner_right.col-md-6{
        width: 100%;
    }
    .winner_section .winner_left{
        width: 100%;
        padding-top: 40px;
        padding-right: 0;
    }
    .winner_description{
        margin-bottom: 30px;
    }
    .winner_button{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .statistic_item h2{
        font-size: 4rem;
    }
    .content_project{
        flex-wrap: nowrap;
        flex-direction: column;
        min-height: 350px;
    }
    .content_project h2{
        width: 100%;
    }
    .project_bg2 .content_project h2{
        margin-top: 40px;
    }
    .project_bg2 .content_project{
        min-height: 350px;
    }
    .content2{
        width: 100%;
    }
    br{
        display: none;
    }
    .news-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .blog_section .blog_hero img{
        height: 500px;
    }
    .contact_section .contact_right{
        padding-left: 0;
    }
}


@media (min-width: 1024px) and (max-width: 1365px) {
    .statistic_item h2{
        font-size: 4rem;
    }
    .hero__container{
        height: 60vh;
    }
    .our_services_left{
        padding-right: 100px;
    }
    .wrapper_swiper{
        display: none;
    }
    .discover-pagination{
        display: block !important;
    }
    .product_slider .swiper-slide{
        height: 46vh;
    }
    .footer_contact{
        padding-left: 50px;
    }
    .grid_item{
        height: 40vh;
    }
    .grid_item:first-child{
        border-bottom: 1px solid white;
    }
    .grid_item:nth-child(2){
        border-bottom: 1px solid white;
    }
    .hero__project img{
        height: 40vh;
    }
    .project_gallery1 img{
        height: 50vh;
    }
    .content_project{
        padding: 50px 0;
    }
    .project_bg2 .content_project{
        padding-left: calc(50% + 20px);
    }
    .statistic_content{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    br{
        display: none;
    }
}


/* Large screens */
@media (min-width: 1366px) {
    .hero_content{
        gap: 206px;
    }
}

.categories_mobile {
    display: none;
}

.discover-pagination{
    display: none;
}

.arrow_mobile{
    display: none;
}

@media (max-width: 768px) {
    .arrow_desktop{
        display: none;
    }
    .arrow_mobile{
        margin-top: 0 !important;
        display: flex;
        position: absolute;
        top: 50%;
        left: 20px;
        right: 20px;
        z-index: 99;
    }
    .categories_desktop {
        display: none;
    }
    .language_menu{
        display: none;
    }
    .discover-pagination{
        display: block;
    }
    .categories_mobile {
        display: block;
    }
    .menu-list a{
        font-size: 3rem;
    }
    .close-overlay{
        left: 30px;
    }
    .close-overlay img{
        width: 25px;
    }
    .grid_item ul {
        opacity: 1 !important;
        height: auto !important;
    }
}

.language_menu .trp-flag-image{
    display: none !important;
}

.mobile_menu{
    display: none;
}

@media (max-width: 1088px) {
    .desktop_menu{
        display: none;
    }
    .mobile_menu{
        display: block;
    }
    .language_menu{
        display: none;
    }
}