@media only screen and (min-width: 360px) and (max-width: 768px) {
    .vendor-main-section .card-cust {
        padding: 5px;
    }

    .title-medium {
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 40px;
    }

    .breadcrumbs-section {
        margin-top: 127px;
        padding: 11px 14px;

    }

    header.inner-header .top-nav {
        padding: 22px 0 20px;
    }

    .main-title-sm {
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 32px;

    }

    .b-direction-arrow img {
        height: 60px;
        margin-bottom: 0px;
    }

    .left-side {
        max-width: 100% !important;
    }

    .left-tab-li {
        width: auto !important;


    }

    /* .wd-600 {
        width: 390px !important;
    } */
    .cart-order-items {
        height: calc(100vh - 315px) !important;
        max-height: -webkit-fill-available;
        max-height: -moz-fill-available;
        overflow-x: hidden;
    }

    .main-body-contents {
        height: calc(100vh - 245px) !important;
        max-height: -webkit-fill-available;
        max-height: -moz-fill-available;
        overflow-x: hidden;
    }

    .right-tab-pane-lg {
        position: relative;
        height: calc(100vh - 90px);
    }

    .cart-canvas .left-tab-li {
        padding: 13px 24px !important;
        width: 100%;
        text-align: center;
    }

    .cart-canvas .left-tab-ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        border-bottom: none;
    }

    /* .offcanvas-body{
        position: relative;
    }
    .cbtn{
        top: 12px !important;
        right: 10px !important;
        left: auto !important;
       
    } */

    .w-310 {
        width: 330px !important;
    }

    .right-tab-pane-delivery {
        position: relative;
        height: calc(100vh - 156px);
    }

    .cart-canvas .cbtn {
        left: -5px !important;
        top: 29px;
    }

    .wd-100p {
        width: 100%;
    }

    .cart-canvas .left-tab-icon {
        display: none !important;
    }


    header .top-nav .navbar-top .middle-box {
        display: block;
    }

    header.header-cust .navbar.navbar-expand-xl .navbar-nav .nav-link.mobile-pos {
        margin-left: 22px;
    }

    .logo-type1 svg {
        width: 45%;
        height: 45%;
    }

    .user-account-area {
        /* margin-top: 100px; */
        padding-top: 100px !important;
    }

    .right-list .form-control {
        padding: calc(13px + (14 - 8) * ((100vw - 320px) / (1920 - 320))) calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));

    }

    .tab-style-color {
        gap: calc(8px + (20 - 8) * ((-88vw - 320px) / (1920 - 320)));

    }

    .section-lg-space {
        overflow-x: hidden;
    }

    .reservation-form {
        padding: 10px 0px 5px 0px !important;
        position: relative;
    }

    .transaction-detail h4 {
        font-size: 14px;
    }

    .res-form .reservation-form {
        padding: 15px 15px 14px 18px !important;

    }
}
@media only screen and (min-width: 5px) and (max-width: 768px) {}

@media (max-width: 768px) {
    footer .sub-footer {
        margin-bottom: 0
    }

    /* header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
        display: block;
    } */

    .right-side-menu {
        width: auto !important;
    }

    .testimonial-slides .slick-dots {

        left: 0 !important;
    }

    .logo-type1 {
        display: flex;
        justify-content: center;
    }

    .menu-items:nth-of-type(2) .items::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-bottom: 1px solid rgba(74, 85, 104, 0.3);
        width: calc(100% - 4px);
    }

    .menu-items:nth-of-type(2) .items {
        padding-top: 40px;
    }
}


@media (max-width: 767px) {
    header .top-nav {
        padding: 20px 0px 16px 0px;
    }

    .vendor-custom-nav .nav-item {
        width: 33.33%;
    }

    .vendor-menu .left-box {
        border-bottom: 1px dashed #ddd;
        border-right: none !important;

    }

    .vendor-menu .tab-content {
        margin-top: 30px;
    }

    .multisteps-form__progress {
        margin-bottom: 10px !important;
    }

    .multisteps-form__progress-btn p {
        font-size: 10px !important;
    }

    .category-slider.new-slide-arrow .slick-prev {
        left: unset !important;
        right: 45px;
        top: -28px !important
    }

    .category-slider.new-slide-arrow .slick-next {
        right: 8px !important;
        top: -28px !important
    }

    .vendor-menu-sec .product-section {
        width: 100% !important;

    }

    .custom-product-list .add-to-cart-box {
        left: 50% !important;
        bottom: -18% !important;
        transform: translateX(-50%);
    }

    .custom-product-list .product-box-3 .product-detail .name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .custom-product-list .product-box-3 .product-footer .price {
        margin-bottom: 10px;
    }

    .shop-section.shop-section-cust .left-box {
        top: 0 !important;
        border-right: 0 !important;
    }

    .chat-conversation ul li span {
        font-size: 10px !important;
    }


}

@media (max-width:1024px) {
    header #menu {
        background-color: var(--main-color) !important;
    }
}