@media (max-width: 575.98px) {
    /* commpon css start  */
    .card .text h1 {
        font-size: 10px;
    }

    .card img {
        height: 150px;
        object-fit: cover;
    }
    .card .text p {
        font-size: 8px;
    }

    .card button {
        font-size: 10px;
    }
    /* commpon css end  */

    /* navbar start  */
    .navbar .navbar-brand {
        font-size: 20px;
    }

    .navbar .menu {
        gap: 10px;
    }

    .navbar .menu li a {
        font-size: 14px;
    }
    /* navbar start  */

    /* auction start  */

    .title h2 {
        font-size: 18px;
    }

    .auction {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .title {
        font-size: 24px;
        font-weight: bold;
    }
    /* auction end  */

    /* regular start  */
    .regular {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* regular end  */

    /* footer start  */
    footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .text ul {
        display: flex;
        gap: 5px;
    }

    footer .text ul li a {
        font-size: 8px;
    }

    footer .icon ul {
        display: flex;
        gap: 5px;
    }

    footer .icon ul li a {
        font-size: 12px;
    }
    /* footer end  */

    /* details strat  */
    .details {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .details .text h1 {
        font-size: 20px;
    }

    .details .text h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .details .text .desc {
        margin-top: 10px;
    }

    .buttons {
        margin-top: 20px;
    }
    /* details end  */

    /* about start  */
    .about {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .about p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .about button {
        margin-top: 5px;
    }

    .about img {
        height: 300px;
    }
    /* about end  */

    .swiper-slide .main_img img {
        height: 200px;
    }

    .swiper-slide .small_image img {
        height: 100px !important;
    }
}

@media (min-width: 576px) and (max-width: 1440px) {
    /* navbar start  */
    .navbar .navbar-brand {
        font-size: 25px;
    }

    .navbar .menu {
        gap: 10px;
    }

    .navbar .menu li a {
        font-size: 16px;
    }
    /* navbar start  */

    /* auction start  */
    .title h2 {
        font-size: 20px;
    }

    .auction {
        padding-top: 25px;
        padding-bottom: 25px;
        background-color: #f2f2f2;
    }

    .title {
        font-size: 24px;
        font-weight: bold;
    }
    /* auction end  */

    /* regular end  */
    .regular {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    /* regular end  */

    /* details strat  */

    .details {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .details .text h1 {
        font-size: 22px;
    }

    .details .text h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .details .text .desc {
        margin-top: 12px;
    }

    .buttons {
        margin-top: 10px;
    }
    /* details end  */

    /* about start  */
    .about {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .about p {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .about button {
        margin-top: 8px;
    }
    /* about end  */

    .card img {
        height: 200px;
        object-fit: cover;
    }

    .swiper-slide .main_img img {
        height: 300px;
    }

    .swiper-slide .small_image img {
        height: 100px !important;
    }
}