/* Responsive Styles */

@media screen and (min-width: 900px) and (max-width: 980px) {
    .container, .container-md, .container-sm, .container-lg, .container-xl {
        width: 900px !important;
        max-width: 900px !important;
    }

}

@media (max-width: 768px) {
    .navbar-nav {
        text-align: justify;
        align-items: flex-start;
    }

    /* Home */
    .home-content {
        grid-template-columns: 1fr !important;
        grid-template-rows: 4fr 8fr;
        padding: 40px 20px 0px 20px !important;
    }

    .left-content {
        text-align: center !important;
    }

    .left-content .header {
        text-align: center !important;
        width: 100% !important;
    }

    .right-content {
        width: 100% !important;
        margin-left: 0rem !important;
    }

    .btn-download {
        width: 250px !important;
        padding: 15px !important;
    }
}

@media (max-width: 480px) {
    .btn{
        font-size: 18px;
    }
    .mp-0{
        padding: 0 !important;
    }
    .m-h-45{
        height: 55px !important;
    }
    .navbar-toggler {
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
        shape-outside: none !important;
        -webkit-appearance: none !important;
    }

    .navbar-collapse.collapse.show,
    #navbarNav.show {
        position: absolute;
        top: 66px;
        right: 0;
        background: #fff9e3;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        width: 100%;
        min-width: 100%;
        height: fit-content;
        box-shadow: 0px 1px 5px 1px #00000061;
    }

    .navbar-nav {
        padding: 0px !important;
    }

    .nav-item {
        width: 100%;
        padding: 10px 2rem;
        border-bottom: 1px solid #000;
        cursor: pointer;
        font-weight: 500;
    }

    .nav-item.ml-100 {
        margin-left: 0px !important;
    }

    .nav-item:last-child {
        border-bottom: none;
        padding: 1rem 2rem;
    }

    .nav-item .get_in_touch {
        font-size: 1rem;
        height: 3.5rem;
        padding: 1rem 1rem !important;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .nav-item .get_in_touch img {
        height: 25px;
        margin-right: 0.1rem;
    }

    .m-container {
        padding: 0px !important;
    }

    .m-container.mt-6 {
        margin-top: 69px !important;
    }

    /* Home */
    .home-content {
        padding: 40px 20px 0px 20px !important;
    }

    .btn-download {
        width: 310px !important;
        padding: 15px !important;
    }

    .left-content {
        text-align: center !important;
    }

    .left-content .header {
        text-align: center !important;
        width: 100% !important;
    }

    .right-content {
        width: 100% !important;
        margin-left: 0rem !important;
    }

    .home-img {
        border-radius: 0px !important;
    }

    .mt--2-5 {
        margin-top: 1rem !important;
    }

    .location-img {
        width: fit-content;
        height: 100%;
    }
    .locationHighlights .location-img {
        width: 100% !important;
        height: 400px !important;
        margin-top: 1rem !important;
    }
    .keytermofinvestments{
        width: 100%;
        padding: 0;
        height: 100% !important;
        background: #3c9143;
    }
    .keytermofinvestments .key-img{
        display: none !important;
        visibility: hidden !important;
    }
    
    .keytermofinvestments .m-key-img{
        visibility: visible !important;
        display: block !important;
        width: 100% !important;
        border-bottom-right-radius: 50px !important;
        border-bottom-left-radius: 50px !important;
    }
    .mpx-2{
        padding-left: 1rem !important;
        padding-right: 0.5rem !important;
    }
    .keytermofinvestments .header{
        text-align: center !important;
        color: #fff !important;
    }
    .keytermofinvestments .btn-download{
        position: absolute !important;
        bottom: 2rem !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }
    .m-none{
        display: none !important;
        visibility: hidden !important;
    }
    .d-none{
        display: block !important;
        visibility: visible !important;
    }
    .marketTrends .gap-5r{
        gap: 5rem 0rem !important;
        margin: 6rem 0 !important;
    }
    .marketTrends .card{
        width: 100% !important;
    }

    .grid-3{
        grid-template-columns: 1fr !important;
    }

    .p-3-8{
        padding: 3rem 2rem !important;
    }
    .m-center{
        text-align: center !important;
        justify-content: center !important;
    }
    .m-pl-0{
        padding-left: 0px !important;
    }
    .m-mbt-1{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .m-gap-3r{
        gap: 3rem !important;
    }
    .m-gap-4r{
        gap: 4rem !important;
    }
    
    .m-gap-5r{
        gap: 5rem !important;
    }
    .m-none{
        display: none;
        visibility: hidden;
    }
    .marketTrends{
        padding-bottom: 0px !important;
    }

    .proposition {
        min-height: 650px !important;
    }
    .proposition-img {
        position: absolute;
        width: 100%;
        height: fit-content !important;
        min-height: 400px !important;
    }
    .proposition-img{
        left: 0;
        right: 0;
    }
    .proposition .right-panel,
    .proposition .bottom-panel{
        width: 99% !important;
        min-width: 99% !important;
        max-width: 99% !important;
    }
    .proposition.py-6{
        padding: 0px !important;
    }
    .proposition .box-1{
        padding: 0px !important;
        top: 4rem !important;
        width: 100% !important;
    }
    .proposition .box-1 .card-body{
        /* flex-direction: column !important; */
        gap: 1rem !important;
        padding:20px 10px 0px 0.5rem !important;
    }
    .proposition-icon{
        width: 40px !important;
    }
    .m-item-start{
        align-items: flex-start !important;
    }
    .proposition .f-2rem{
        font-size: 1rem !important;
    }
    .proposition p span{
        font-size: 11px;
    }
    .proposition .bottom-panel{
        top: 40% !important;
    }

    .proposition .right-panel .card-body{
        padding: 3rem 1rem !important;
    }

    .d-mt-15{
        margin-top: 0rem;
    } 
    .d-mt-16{
        margin-top: 0rem;
    } 
    .d-mt-17{
        margin-top: 0rem;
    } 
    .m-mt-6{
        margin-top: 6rem;
    }

    .m-f-20{
        font-size: 20px !important;
    }

    .performence .gap-5r{
        gap: 5rem 0rem !important;
    }

    .performence .btn-group{
        width: fit-content;
        margin: auto;
        text-align: center;
    }

    .project_sales .graph {
        width: 100% !important;
        height: fit-content !important;
        min-height: 300px !important;
    }

    .project_sales .bottom-panel{
        margin-top: 1rem !important;
        margin-right: 0rem !important;
        padding-right: 0 !important;
        padding-right: calc(var(--bs-gutter-x)* .0) !important;
        margin-left: calc(-.0* var(--bs-gutter-x)) !important;
    }

    .project_sales .py-6{
        padding: 0.5rem !important;
        gap: 2rem !important;
        margin: auto;
    }
    .project_sales .btn-sales, 
    .project_sales .btn-white-green{
        width: 100% !important;
        padding: 15px !important;
    }
    .project_sales .btn-group{
        width: 100% !important;
    }

    .getintouch{
        height: 100% !important;
    }
    .m-pb-12rm{
        padding-bottom: 12rem !important;
    }
    .m-mt-2{
        margin-top: 2rem !important;
    }

    .d-h-480{
        height: 100% !important;
    }

    .footer.mt-20{
        margin-top: 6rem !important;
    }
}