/* Tablet */
@media (max-width: 992px) {

    .headermid {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .visit {
        width: 100%;
        text-align: center;
    }

    .smartcity {
        width: 100%;
    }

    .smartcity figure {
        flex-direction: column;
        align-items: center;
    }

    .project1 {
        width: 100%;
        flex-direction: column;
        padding: 20px;
    }

    .plot-main {
        width: 100%;
    }

    .plot-img {
        flex-direction: column;
    }

    .banner-main {
        width: 100%;
    }

    .smartcitys {
        grid-template-columns: repeat(2, 1fr);
    }

    .video {
        flex-direction: column;
    }

    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .loan-gallery {
        flex-wrap: wrap;
        justify-content: center;
    }

    .schedule-mains {
        flex-direction: column;
    }

    .footer-main {
        flex-direction: column;
        text-align: center;
    }
}


/* Mobile */
@media (max-width: 576px) {

    .headerright ul {
        flex-direction: column;
        gap: 10px;
    }

    .visit-enter form input {
        width: 90%;
        margin-bottom: 10px;
    }

    .visit-enter span {
        display: block;
        width: 90%;
        margin: auto;
    }

    .smartcity img {
        width: 90%;
        margin: 10px 0;
    }

    .box {
        flex-direction: column;
        align-items: center;
    }

    .offer {
        width: 100%;
    }

    .smartcitys {
        grid-template-columns: repeat(1, 1fr);
    }

    .gallery {
        grid-template-columns: repeat(1, 1fr);
    }

    .compass-img img {
        width: 100%;
    }

    .book-main,
    .download {
        margin-left: 0;
        width: 90%;
        margin: 20px auto;
    }

    .logos {
        display: none;
    }
}