@media (max-width: 640px) {
    .title-with-line {
        font: 24px sans-serif;
        margin: 15px 0px;
        text-align: center;
        text-transform: uppercase;
        color:#c55291;
    }

    .saloon-bn-text p {
        font-size: 15px;
        line-height: 24px;
        font-weight: 800;
        margin-bottom: 0.5rem !important;
    }

    .cs-h-slider-img{
        height: 60%;
    }

    .saloon-banner-mainpage{
        height: 100%;
    }

    .category-box {
        /* background-color: #f8f8f8; */
        background-color: #fff;
        display: block;
        width: 100%;
        text-align: center;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
        z-index: 0;
        padding: 10px 10px ;
        border: 1px solid #c9c9c9;
        max-height: 100px;
        min-height: 100px;
    }
    .sm-overflow-x{
        overflow-x: hidden;
    }
}

@media (max-width: 480px) {
    .mt-20-mob{
        margin-top: 20px;
    }
    .h-100vh{
        height:100vh!important;
    }
    .btm-drawer-content
    {
        width:100% !important;
    }

    .btm-drawer {
        left:0 !important;
    }
    .btm-drawer-toggle {
        /* position: absolute; */
        top: 85vh;
        width: 90% !important;
        padding: 10px 20px;
        background-color: #da5b84;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        z-index:99 !important;
    }
    .btm-drawer-open {
        height: 60vh; /* Adjust the height as needed */
        margin-bottom: 5vh;
        z-index:-1 !important;
    }
    .d-flex{
       flex-direction: column;
    }
    .sln-bn-text{
        width:100% !important;
    }

    .sln-bn-img{
        width:100% !important;

    }
    .sln-bn-img img{
        width:100% !important;
        height:auto !important;
    }
    .sln-bn-text h1{
        width:100% !important;
        font-weight: 600  !important;
        font-size: 25px  !important;
        color: #0B0B45;
    }
    .sln-bn-text h2{ font-size: 36px !important; width:100% !important;}
    .sln-bn-text h3{
        width:100%  !important;
    }
    .sln-bn-text{
        padding-top:0 !important;

    }

    .sln-banner {
        background-color: #eff3f2;
        background-image: linear-gradient(to right, #eeeeee, #fbfbfb);
        border-radius:30px !important;
        width:95%;
        margin: auto !important;
    }


    .law-slider-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr) ; /* Two equal columns */
        gap: 10px; /* Space between the grids */
        /* padding: 10px; */
    }
    .law-slider {
        width:95% !important;
        margin:auto;
    }
    .law-text{
        padding-top:5px;
    }
    .law-call {
        top:10px !important;
        right:10px !important;
    }
    .w-250{
        width:250px;
        margin:15px;
    }
    .law-card{
        margin:10px;
        width: 250px !important;
        }
    .wkr-grid-container{
        gap: 20px !important; /* Space between the grids */

    }
    .repair-grid-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* Two equal columns */
        gap: 10px; /* Space between the grids */
        padding: 10px;
    }
    .flex-it-all{
        display: flex;
        justify-content: space-between;
    }
    .car-img img{
        width: 100%;
        margin-top: 110px;

    }
    .flex-it{
        display: flex !important;
        flex-direction: row !important;


    }
    .w-30{
        width: 100% !important;
    }
    .justify-between{
        justify-content: space-between !important;
    }
    .uppper-status{
        position:relative;
    }

    .status-ab {
        position:absolute;
        top:0px;
        height: 20px !important;
      }
  .form-container {padding: 7px !important;}
    .xs-left{
            background-position: left !important;
    }
    .col-xs-6{
        width:50% !important;
    }
    .center{
        width:50% !important;
    }
    .grid-new {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
        padding: 10px !important;
    }


    .breadscrumb-section .breadscrumb-contain {
        display: flex;
    }
    footer .main-footer .footer-logo .theme-logo a img {
        width: 70px;
        margin-left: auto !important;
    }


.breadscrumb-section .breadscrumb-contain h2 {
    font-weight: 700;
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0
}

    .law-card{width:90vw !important;}
    .col-16{
        width:88px !important;
    }
    .breadscrumb-section .breadscrumb-contain h2 {
        text-align: center;
        margin-bottom: 8px
    }


    .cookie-bar-box {
        max-width: 100%;
        right: 0;
        margin: 0 10px
    }

    [dir="rtl"] .cookie-bar-box {
        right: unset;
        left: 0
    }
    .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight {
        width: 100%
    }
    .product-section-box .custom-tab .review-box .review-people .review-list li .people-box {
        display: block
    }
    .product-section-box .custom-tab .review-box .review-people .review-list li .people-box .people-image {
        margin: 0 auto
    }
    .product-section-box .custom-tab .review-box .review-people .review-list li .people-box .people-comment {
        padding: 0;
        width: 100%;
        margin-top: 16px
    }
    .product-section-box .custom-tab .review-box .review-people .review-list li .people-box .reply p {
        width: 100%
    }
    .product-section-box .custom-tab .review-box .review-people .review-list li .people-box .reply a {
        position: relative;
        margin-left: 8px
    }

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -31px
    }

    .banner-contain .banner-details p.banner-text {
        width: 100%
    }
    footer .sub-footer {
        margin-bottom: 55px;
    }
    .payment img {
        width: 70%;
    }
    .category-box h5 {
        color: #222;
        margin-top: 15px;
        font-weight: 400!important;
        text-align: center;
        font-size: 11px !important;
    }
    .sub-menu-box h5 {
        /* text-align: left !important; */
        font-size:11px !important;
        /* margin-left: -10px !important; */
    }
    .mobile-menu ul {
        width: 95%
    }
    .header-2 .navbar-top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-2 .search-box {
        margin-left: unset
    }
    .header-2 .top-nav .search-full.open {
        padding: 0 15px
    }
    .header-2 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }
    .header-2 .rightside-menu .option-list>ul>li .header-icon.bag-icon {
        display: none
    }
    .header-3 .navbar-top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-3 .search-box {
        margin-left: unset
    }
    .header-3 .top-nav .search-full.open {
        padding: 0 15px
    }
    .header-3 .rightside-menu {
        top: -49px;
        right: 58px
    }
    .header-3 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }

    .home-contain .home-detail>.home-top {
        margin-top: 0
    }
    .home-contain .home-detail h1 {
        width: 100%
    }
    .home-search-full .home-contain .home-detail {
        padding: 48px 15px 0
    }
    .home-search-full .home-contain .home-detail .search-box {
        width: 100%
    }

    .add-to-cart-box .btn-add-cart .add-icon {
        display: none
    }

    .product-box .product-image {
        padding: 8px
    }
    .product-box .product-image .product-option {
        display: none
    }

    .product-box .counter-box .addtocart_btn .add-button span,
    .product-box .counter-box .addtocart_btn .add_cart span {
        display: none
    }

    .product-box-3 .product-header .product-image {
        padding: 8px
    }
    .product-box-3 .product-header .product-image .product-option {
        display: none
    }

    .product-box-4 .product-image img {
        width: 80%
    }
    .product-box-4 .product-image .option {
        margin: 0 -1px
    }
    .product-box-4 .product-image .option li {
        width: 30px;
        height: 30px;
        margin: 0 1px
    }
    .product-box-4 .product-image .option li a .icli {
        font-size: 15px
    }
    .product-box-4 .product-detail a .name {
        width: 100%
    }
    .product-box-4 .product-detail .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-box-4 .product-detail .price del {
        margin-left: 5px
    }

    [dir="rtl"] .product-box-4 .product-detail .price del {
        margin-left: unset;
        margin-right: 5px
    }

    .product-box-4 .product-detail .buy-button {
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        margin-top: 12px;
        color: var(--theme-color);
        border-radius: 5px;
        border: 1px solid var(--theme-color)
    }
    .product-box-4 .product-detail .price-qty {
        display: block
    }

    .product-box-4 .product-detail .price-qty .counter-number {
        margin-bottom: 9px;
        width: 100%
    }
    .product-box-4 .product-detail .price-qty .counter-number .counter {
        width: 100%
    }

    .product-box-4 .product-detail .price-qty .counter-number .counter input {
        width: 100%
    }


    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-left-minus,
    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-right-plus {
        width: 85px
    }
    .product-box-4 .product-detail .price-qty .buy-button {
        width: 100%;
        margin-top: 0
    }
    .product-box-5 .product-image .product-option {
        display: none
    }
    .product-section-2 .product-box-4 .product-details .option {
        left: 10px;
        margin: 0 -2px
    }
    .product-section-2 .product-box-4 .product-details .option li {
        width: 30px;
        height: 30px;
        margin: 0 2px
    }
    .product-section-2 .product-box-4 .product-details .option li a .icli {
        font-size: 15px
    }


    .coming-soon-section .coming-box .coming-text {
        width: 100%
    }
    .row-cols-xs-2 {
        width: 50% !important;
    }
    .jst-btw{
        justify-content: space-between !important;
    }
    /* .d-md-none{
        display: flex;
    } */
    .d-xs-none{

        display: none;
    }
    .smd{
        width:48%;
        margin:  5px 0;
    }
    .smd h6 {
        font-size: 12px !important;

    }

    .service-detail h3 {
        font-size:12px !important;
    }
    .service-detail h6 {
        font-size:12px !important;
    }
    .d-xs-none{
        display: none !important;
    }
    .repair-grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
        padding: 10px;
    }
    .coming-soon-section .coming-box .coming-contain .coming-form {
        width: 100%
    }
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 100px
    }
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
        width: 60%
    }
    .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }

    .checkout-section .delivery-option .delivery-items {
        display: block
    }

    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom: 5px
    }
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display: block
    }
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom: 5px
    }
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }
    .blog-section .blog-detail-image .blog-image-contain {
        position: relative
    }
    .blog-section .user-comment-box ul li {
        padding: 0
    }
    .blog-section .user-comment-box ul li .user-box {
        display: block
    }
    .blog-section .user-comment-box ul li .user-box .user-iamge .user-name {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .blog-section .user-comment-box ul li .user-box .user-contain {
        width: 100%;
        padding: 0;
        margin-top: 14px
    }
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        margin: 0 0 35px
    }
    .review-title h2 {
        width: 100%
    }
    .vendor-detail-box-2 .vendor-logo img {
        width: 35%
    }
    .seller-grid-box-1 .grid-image .contain-name .since-number {
        display: block
    }
    .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
        margin-top: 2px
    }
    .shop-banner-contain .shop-banner-details {
        width: 100%
    }
    .product-section .right-box-contain .price-rating-box {
        display: block
    }
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top: 10px !important
    }
    .product-section .right-box-contain .pickup-box .product-info .product-info-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding: 15px
    }
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 15px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 0
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        margin-left: unset;
        width: 100%;
        padding-left: unset
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
        content: none !important
    }

    .sticky-bottom-cart .product-image .content {
        display: block
    }

    .col-xs-12 {
       width: 100%;
    }
    .seller-form-text{
       text-align: center;
       /* padding-top: 60px; */
       font-size: 32px !important;
       font-weight: 600;
   }

        .w-mob-100{
           width:100% !important;
        }
           .flex-it{
               display: flex;
               justify-content: space-around;
           }
        .spa{
            height:5vh !important;
        }
        .thankyo-text{
            width:100%;
            margin:auto ;
        }
        .thanyou-box{
            width:90%;
            margin:auto ;
        }
        .back-to-home{
            width:60%;
            margin:auto;
        }


        .car-slide-img{
            width:70% !important;
            margin-left:16% !important;
            margin-top: 60px;

        }
        .upper-car-text{
            width: 270px;
        }
        .car-grid{
            display: grid;
            grid-template-columns: repeat(1, 1fr) !important;
            gap: 1rem;
            width: 100%;
            max-width: 1600px;
        }
        .sln-grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
        .scoll-x{
            overflow-x: scroll!important;
            display: flex!important;

        }
        .w-95{
            width:95%;
        }
        .btm-drawer-toggle {
            margin-top:2vh!important;
            margin-left: 2vw;
        }
        .btm-drawer-toggle {
            top:95vh!important;
        }

        .col-16{
            width: 80px !important;
            font-size: 17px !important;
            text-wrap: balance !important;
        }
        .col-16-date{
            width: 120px !important;
            font-size: 17px !important;
            text-wrap: balance !important;
        }
    }