@media only screen and (max-width: 520px) {
    /* header */
    .navbar-nav {
        gap: unset;
    }
    .bg-blue .row{
        overflow: hidden;
    }
    .main-img {
        width: 200%;
        max-width: unset;
    }
    .heading h1 {
        font-size: 32px;
    }
    .heading form {
        margin-top: unset;
    }
    .right {
        width: 100%;
        margin: 0 auto;
    }
    .search-input {
        width: 100%;
    }
    
    /* card */
    .lot-item .col-sm-3 .img-fluid{
        width: 100%;
    }

}