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

    .mob-banner {
        /*margin-bottom: 40px;*/
        /*height: 70vh;*/
        height:fit-content;
    }

    .mob-banner .item {
        height: 60vh;
    }

    .mob-banner .bg-drop {
        height: 100%;
    }

    .banner-section .ctaSection {
        left: 1rem;
    }

    .banner-section .ctaSection h1 {
        width: 100%;
        line-height: normal;
        font-size: 32px;
    }

    .mob-banner .bg-drop img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .top-section h2 {
        font-size: 32px;
    }

    br {
        display: none;
    }

    .bottom-content {
        width: 100%;
        position: unset;
        right: 0;
        margin-bottom: 40px;
    }

    .project-details {
        transform: translate(0%, 0%);
        position: unset;
        right: 0px;
        top: 0px;
    }

    .project-content {
        transform: translate(1%, 10%);
        height: 390px;
    }

    .project-info {
        width: 100%;
    }
    
    .input-group{
        flex-direction:column;
      
    }
    .input-group input::placeholder{
        font-size:12px;
    }
    
    .input-group input, .input-group button{
        width:100% !important;
    }

    #project-carousel .owl-dots {
        position: relative;
        top: 0;
        left: 0;
    }

    .icon-list {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .icon-list-item {
        border-right: unset;
        border-bottom: unset;
        padding: unset;
    }

    .icon-list-item figure {
        margin-bottom: 35px;
    }

    .panel:after {
        border: unset;
    }

    .p-journery:after {
        height: auto;
    }

    #testimonials {
        margin-bottom: 35px;
    }

    .blog-wrapper__left {
        margin-bottom: 35px;
    }

    .blog-section {
        padding-top: 0px;
    }

    .project-bg .w-50 {
        width: 100% !important;
    }

    .project-main .card {
        margin-bottom: 35px;
    }

    .project-main .col-md-8 {
        padding-left: 12px;
    }

    .flat-amenities {
        width: 100%;
    }

    .banner-bt-content {
        /* margin-top: -40px !important; */
    }

    .top-menu {
        display: none;
    }

    .garden-logo img {
        width: 100%;
        margin-top: 25px;
    }

    #floor-plan .w-75 {
        width: 100% !important;
    }

    #gallery img {
        margin-bottom: 20px;
    }

    .contact-card,
    .form-card {
        margin-bottom: 30px;
    }

    .nav-link {
        padding: .5rem 13px;
    }

    .fig-title__info {
        font-size: 14px !important;
    }

    .border-end-0 {
        border-right: unset !important;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
        font-weight: 700;
        text-transform: initial;
    }

    .m-dnone {
        display: none !important;
    }

    .summer-map iframe {
        width: 100% !important;
    }

    .di-block {
        display: none !important;
    }

    .m-block {
        display: block !important;
    }

    .deskOnly {
        display: none;
    }

    .mobOnly {
        display: block;
    }

}


@media screen and (max-width:992px){
    .input-group{
         width:100% !important;
    }
    .input-group input::placeholder{
        font-size:14px;
    }
}

@media only screen and (min-width: 1440px) {

    .project-details {
        transform: translate(-285%, 40%);
    }

}