@media only screen and (max-width: 768px) {
  .card-section {
    display: none;
  }
  .search-form{
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
    .home-top-banner-section img{
        height: 200px !important;
    }
    .location-search {
        display: none !important;
    }
    .search-option{
        max-width: 100%;
    }
    .banner-top-text h1, h2{
        font-size: 20px;
    }


    /* Default: your existing alignment stays the same */

    .top-nav .navbar-top {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-nav .web-logo {
        margin: 0 auto;
    }

    .mobile-menu ul {
        width: 95%;
        list-style: none;
    }

    .about-poster{
        display: none;
    }
    .cart-item-btn{
        display: none;
    }


}





@media only screen and (max-width: 768px) {
    /* Force 4 services per row if .android-device is present on the section */
    .android-device .row.g-4 > .service-card {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }
    .android-device .row.g-4 > .service-card .service-button{
        font-size: 10px;
        padding: 5px;
    }

    .service-contain {
        display: block;
        padding: 0;
    }

    .service-text-sec p {
        text-align: justify;
        font-size: 14px;
    }

    .service-section .service-box .service-contain {
        padding: 0px !important;
    }

    .service-section .service-box .service-contain a h3 {
        line-height: 1.5;
        text-transform: capitalize;
        -webkit-box-orient: vertical;
        font-size: calc(11px + 2 * (100vw - 320px) / 1600);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
}