@media only screen and (min-width:1300px) and (max-width:1500px){

.banner-sec-L h1{font-size:40px}
.banner-shape-L img{width:60%}
.cols.join-vendor-R{padding-left:40px!important}
.Testimonials:after{left:35.9%}
.download-app-shape-l{left:-277px}
}
@media only screen and (min-width:0px) and (max-width:767px){}
@media (min-width: 768px){


}
@media (min-width: 1281px) { 
.navbar-nav>li>a {
    font-size: 15px;}

}

@media (max-width:1199px){

.banner-sec-L h1 {
    font-size: 42px;

}

.banner-sec-R figure {
    width: 500px;
}

    .banner-sec-R figure img {
    object-fit: contain;
}

.banner-shape-L {
    position: absolute;
    left: -186px;
    top: 10px;
}
.banner-sec-R figure:after {
    width: 90px;
    height: 90px;}

    .section-head h2 {
    font-size: 32px;}

    .section-head.ps-5 {
    padding-left: 0 !important;
}
.join-vendor-L figure {
    width: 100%;
    height: auto;}

.join-vendor-R {
    padding-left: 30px !important;
    padding-right: 0px !important;
}

span.join-vendor-shape-r {
    display: none;
}

.wrapper-video{    height: auto;}

section#faq {
    padding: 40px 0 40px;
}

.Testimonials:after{    left: 35%;}


.Testimonials:after{ display:none }


.testimonials-green-box{    width: 45%;}

.Testimonials-r {
    width: 70% !important;
}

.testimonials-green-box {
    width: 100%;
    height: 300px;
    text-align: center;
}

.Testimonials-l {
    padding-top: 45px;
    height: 100%;
    text-align: center;
    width: 100%;
}
.Testimonials-r {
    width: 100% !important;
    padding-top: 50px;
}
.download-app-shape-l{ display:none }

section#download-app {
    padding: 40px 0;
}

.join-vendor {
    padding-top: 70px;
}

.banner-sec .row {
    height: 100%;
    margin-top: 70px;
}
span.banner-shape-L {
    display: none;
}

.step-process {
    width: 90%;
    margin: auto;
}
.dish-number-list-box, .dish-number-list-menu {
    width: 33%;
}
.order-detail-list-box .row .col-md-6 {
    width: 100%;
}
.dash-title-head {
    flex-wrap: wrap;
}

.blog-box.even-blog:after, .blog-box.odd-blog:after{    width: 35%;}

.blog-box.even-blog .blog-box-content {
    padding-left: 50px;
}

.heading-card h2 {
    font-size: 32px !important;line-height: 30px;}

    .blog-box.even-blog .blog-box-content {
        padding-left: 35px;
    }

    .list-content li {
        font-size: 16px;}

        .works-card{padding: 40px 30px 30px;}

        .works-card figure {
            padding-bottom: 20px;
        }

        .col-md-4.footer-content.me-auto {
            width: 40%;
        }

        .footer-content {
            width: 20%;
        }

        .footer-content h3{    font-size: 22px !important;
            line-height: 22px !important;}

            .footer-link li {
                margin-bottom: 6px;
            }

            .works-card .figcaption h3 {
             
                font-size: 24px !important;
            }
            .blog-box.odd-blog .blog-box-content {
                padding-right: 35px;
            }

            .footer-box {
                padding: 60px 0 50px 0;
              
            }

            .section-padding {
                padding: 50px 0 80px;
            }

            .banner-inner-card h1 {
              
                font-size: 32px !important;
            }

            .content-box h3{    font-size: 24px !important;}

            .list-content li {
                font-size: 14px;
            }

            .dash-side-R-body .col-md-8.m-auto {
                width: 85%;
            }

            .react-tel-input .form-control{    width: 95% !important;}

            .accounts-page-box-left.col-md-7 {
                width: 50%;
            }

            .accounts-page-box-inner-L {
             
                padding-left: 40px;
            }

            .content-box {
                max-width: 95%;
             
            }
            .banner-card-content{    height: 250px;}

            .banner-card-content h1{    font-size: 26px !important;}
            .breadcrumb-item a, li.breadcrumb-item {
                font-size: 15px;}
                .banner-card-content {
                    height: 225px;
                }
                section.forums-listing .col-md-4 {
                    width: 50%;
                }
                .grid-box h3{    font-size: 22px !important;}

                .navbar-collapse {
                    background-color: #000;
                    position: fixed;
                    top: 0;
                    left: -350px;
                    z-index: 9;
                    width: 300px;
                    height: 100vh;
                    transition: .3s;
                    padding-top: 40px;
                }
                
                button.navbar-toggler {
                    position: absolute;
                    right: 0;
                    z-index: 99;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0;
                    line-height: normal;
                        top: 0;
                }
                
                .navbar-collapse.show {
                    transition: .5s;
                    left: 0;
                    margin-left: 0;
                }
                
                span.navbar-toggler-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 35px;
                    width: 38px;
                    border-radius: 4px;
                    background: none;
                }
                body .navbar-nav>li>a {
                    font-size: 14px;
                    color: #fff!important;
                    padding: 10px 15px!important;
                    line-height: normal;
                    text-decoration: none;
                    display: block;
                    font-weight: 600;
                }
                
                button.navbar-toggler {
                    width: 40px;
                    height: 36px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0;
                    background: #000;
                    color: #fff;
                    font-size: 24px;
                    border-radius: 4px;
                }

                .dropdown.profile-list-drop button.dropdown-toggle{margin-right: 60px;}

button.navbar-toggler{    top: 8px;}

.navbar-expand-lg .navbar-nav {
    flex-direction: column;
}

.navbar-expand-lg .navbar-toggler {
    display: block;
}


.dash-main-R .col-md-9 {
    width: 95%;
}

.dash-main-R .col-md-4.my-2 {
    width: 50%;
}
                

}
@media (max-width:991px){
    .container { max-width: 100%;}
    .user-box-head { display: block !important; }
    .filter-responsive { display: block !important;}
    .filter-responsive .ms-1 { width: 100%;margin: 3px 0px !important; }
    
    .dash-main-R .col-md-4.my-2 {
        width: 100%;
    }

.connect-with-R figure {
    width: 300px;
    height: 300px;

}

.footer-top-left p.text-white.pe-5 {
    padding-right: 0 !important;
}
.footer-content.me-auto {
    margin-right: 0 !important;
}

.footer-link li a {
    font-size: 14px;}

    .footer-link-terms li a {
   
    padding-right: 10px;
    margin-right: 10px;

}

.col-md-3.ms-auto.footer-content {
    margin-left: 40px !important;
}
ul.footer-link-terms {
    flex-wrap: wrap;
}
.footer-link-terms li a {
    padding-right: 10px;
    margin-right: 10px;
    border: 0;
}

section#contact-us {
    padding: 44px 0 40px;
}

.row.row-cols-4.fav-dishes-img .cols {
    width: 50%;
    margin-bottom: 30px;
}
section#about-us {
    padding: 40px 0;
}

.Testimonials-l h2 {
    font-size: 28px;
}
.Testimonials-r {
    padding-bottom: 60px;
}
.section-head h2 {
    font-size: 28px;
}
.banner-sec-L h1 {
    font-size: 32px;
}
.banner-sec-L p {
    font-size: 15px;}

    .banner-sec .row {
    height: 100%;
    margin-top: 35px;
}
.banner-shape-R img {
    width: 40px;
}

.banner-sec-L {
    padding-top: 100px !important;
}

footer:before{    height: 20px;}

.footer-box {
    padding: 70px 0 45px 0;
}
footer:after{    height: 20px;}


.progessbar-list {
    width: 80%;
    padding-bottom: 50px;
    margin: auto;
}

.dish-number-list-menu h4 {
    font-size: 14px;}

    .dishes-orders figcaption {
    flex: 1;
}
.dish-number-list-box {
    flex-wrap: wrap;
}

.dishes-orders figcaption {
    flex: inherit;
    width: 100%;
    padding-left: 0 !IMPORTANT;
    padding-top: 5px;
}
.dishes-orders {
    flex-wrap: wrap;
}
.side-bar-L{    width: 270px;}



.sidebar-link-list li a {
    font-size: 14px;}

    .dishes-orders figcaption h4 {
    font-size: 14px;}

    .btn{
    line-height: normal;    font-size: 14px;}

    .dish-number-list-menu {
    margin-right: 15px;
}


.heading-card h2 {
    font-size: 28px !important;
    line-height: 30px !IMPORTANT;
}
.list-content li {
    font-size: 14px;
    padding-bottom: 8px;
}
.works-card {
    padding: 28px 30px 30px;
}
.works-card figure img {
    width: 50px;
}
.col-md-4.footer-content.me-auto {
    width: 100%;
}
.footer-content {
    width: 33%;
    margin-top: 25px;
}
.footer-content h3 {
    font-size: 22px !important;
    line-height: 22px !important;
    margin-bottom: 15px;
}

footer:after{ display: none;}
.footer-top-left figure img {
    width: 20%;
}
.footer-box {
    padding: 10px 0 45px 0;
}

.content-box h3 {
    font-size: 22px !important;
}

.section-padding {
    padding: 30px 0 25px;
}

.footer-content h3 {
    font-size: 18px !important;
   
}
.content-box p {
    font-size: 14px !important;}

    .faq-inner .accordion-button{height: 60px;    font-size: 18px;
        padding: 8px 15px;}

        .dash-box-shadow .col-md-6 {
            width: 100%;
        }

        .dash-title {
            
            font-size: 22px !important;}

            .accounts-page-box-left.col-md-7 {
                display: none;
            }

            .accounts-page-box-inner-L {
                padding-left: 0;
            }

            .accounts-page-box-right.col-md-5 {
                width: 60%;
                margin: auto;
            }

            .top-from-headning.text-left.mb-4 {
                text-align: center;
            }

            .top-from-headning figure{ display: none;}

            .accounts-page-box-inner-L {
                padding-left: 0;
                padding-bottom: 50px;
                padding-top: 40px;
            }

            section.topics-listing .col-md-4 {
                width: 50%;
            }

}


@media (max-width:767px){
section.topics-listing .col-md-4{width: 100%;}
.banner-sec-L{order: 2;}
.banner-sec{height: auto;}
.col-md-6.banner-sec-L.pt-5{padding-top: 0px !important; padding-bottom: 55px;}
.banner-sec-R figure{width: 500px; height: auto;}
span.vector-img-bottom{display: none;}
.connect-with-R figure{width: 300px; height: 300px; margin: auto; margin-bottom: 25px;}
section#join-vendor{flex-wrap: wrap;}
.cols.join-vendor-R{width: 100%; margin-top: 35px;}
.cols.join-vendor-L{width: 100%;}
section#join-vendor{padding-bottom: 60px;}
.banner-sec-R figure img{width: 66%; margin: auto; text-align: center !IMPORTANT;}
.banner-sec-R figure {text-align: center;}
.fav-dishes-head {flex-wrap: wrap;}
.fav-dishes-head-L{width: 100%;}
.fav-dishes-head-R{width: 100%;}
.fav-dishes-head-L{width: 100%; padding-bottom: 10px;}
.faq-inner .accordion-button{padding: 15px 20px;}
.faq-inner .accordion-body{padding-top: 10px; padding-right: 40px;}
.connect-with .row{flex-direction: column;}
.connect-with-R{margin: auto;}
.connect-with-L{width: 100%;}
.connect-with-L{order: 2;}
.connect-with-R{order: 1;}
.download-app-R img{width: 65%; margin: auto; display: block; margin-top: 0;}
.download-app-L{order: 2;}
.download-app-shape-r{display: none;}
.apps-store-sm img{width: 135px;}
.connect-with-R figure{width: 200px; height: 200px;}
.section-head h2{font-size: 26px;}
.slider-box-content{height: 215px;}
.col-md-3.ms-auto.footer-content{margin-left: 0px !important; margin-top: 25px; margin-bottom: 30px;}
.apps-store img{max-width: 140px;}
.fav-dishes-img figure{height: 236px;}
header{padding: 12px 0;}
.wraper-inner.cpt{padding-top: 65px;}

.banner-sec-R figure img {
    width: 65%;
    margin: auto;
    text-align: center !important;
}

.Testimonials-r {
    width: 100% !important;
    padding-top: 35px;
}
.footer-box {
    padding: 50px 0 45px 0;
}

.banner-sec-R figure img {
    width: 50%;
    margin: auto;
    text-align: center !important;
}

.banner-sec:after{ display:none }

.banner-sec-L h1 {
    font-size: 28px;
}

header {
    padding: 10px 0;
}
.wraper-inner.cpt {
    padding-top: 70px;
}

.join-vendor-R {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
section#join-vendor {
    padding-bottom: 40px;
}

.Testimonials-r {
    width: 100% !important;
    padding-top: 35px;
    padding-right: 25px;
}
.footer-top-left img {
    width: 115px;
}

.Testimonials-r {
    padding-bottom: 15px;
}



a.btn.btn-primary.mt-4 {
    margin-top: 10px !IMPORTANT;
}

.step-process {
    width: 100%;
    margin: auto;
}

.progessbar-list {
    width: 100%;
    padding-bottom: 50px;
    margin: auto;
}
.section-padding {
    padding: 60px 0 60px;
}

.top-from-headning h3 {
    font-size: 28px;}
/*
    .side-bar-L{    position: static;}

    .dash-main{    flex-wrap: wrap;}

    .sidebar-body {
   
    height: auto;

}
.side-bar-L {
    width: 100%;
}

.sidebar-link-list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
}

.sidebar-body {
    height: auto !important;
}*/

.col-md-6.pe-4.about-us-left {margin-bottom:15px;}
.col-md-6.blog-box-img {margin-bottom: 30px;}
.footer-content {padding-left: 10px !important;}
.footer-box {padding: 20px 0 45px 0;}
.heading-card {margin-bottom: 0 !important;}
section.how-its-works .col-md-4 {margin-bottom: 30px;}
.footer-content h3{font-size: 18px !important; margin-bottom: 15px;}
.footer-bottom p {font-size: 12px !important;}
.banner-inner-card h1 {font-size: 28px !important;}
.faq-inner .accordion-button{padding: 15px 20px; padding-right: 55px; line-height: 1.2; font-size: 16px;}
.banner-inner-card h1{font-size: 26px !important;}
.breadcrumb-item a, li.breadcrumb-item{font-size: 14px;}
.sidebar-btn{z-index: 99; background: #000; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; left: 0; position: fixed; top: 96px; text-decoration: none;}
.side-bar-L{left: -270px; position: fixed; bottom:15px; top:70px; border-radius: 15px; box-shadow: 0px 0px 8px #e6e6e6;}
.side-bar-L.open{left:15px;}
a.sidebar-btn i{color: #fff;}
.close-side-btn i{font-size: 25px; font-weight: 300; text-decoration: none; text-align: right; display: block; padding-right: 20px; position: relative; top: -12px; right: 4px; color: #000;}
.close-side-btn{ text-decoration: none;}
.accounts-page-box-right.col-md-5{width: 80%;}
a.close-side-btn{ display: block;}
section.forums-listing .col-md-4{width: 100%;}
.dash-side-R-body {padding:75px 20px 30px 20px;}
.dropdown.profile-list-drop button.dropdown-toggle{border: none; background: none; flex-direction: row-reverse; padding-left: 0 !important;}
.web-user-profile{overflow: hidden; border-radius: 50px; border: solid 1px #a9b4a3;}
.dropdown.profile-list-drop button.dropdown-toggle i{padding-right: 0;}
span.user-name{display: none;}
.nav-R .btn-group .nav-icon-button{margin: 0px 0 0 10px !important;}
.nav-R #languageSelect{border: solid 1px #a9b4a3; background: none; padding:8px 5px; font-size: 14px; border-radius: 4px; appearance: auto;}
.web-user-profile{max-width: 36px;}
.wraper-inner.cpt{padding-top:30px !important;}
.nav-R{margin-right:45px;}
.forums-listing.grid-box-main.mt-5.pb-5{padding-bottom: 0 !important; margin-top: 30px !important;}
a.navbar-brand img{width: 80px; height: auto !important;}
button.navbar-toggler{top: 0;}
.grid-box-main .col-md-4{margin-bottom: 30px;}
.about-us.section-padding{padding-top: 0;}
.about-blog-box-img figure img{width: 100%; height: auto;}
.about-blog-box:after{display: none;}
.about-blog-box:before{display: none;}
.heading-card h2{font-size: 22px !important;}
.heading-card small{font-size: 16px; padding-bottom: 0;}
.about-blog-box-content{padding: 15px !important;}
.about-blog-box-content .heading-card-reverse h2{font-size: 22px !important; line-height: 30px !important; margin-bottom: 10px;}
.align-items-center.about-blog-even.mb-5{margin-bottom: 15px !important;}
.about-blog-box{margin: 0px;}
.content-box{margin-top:15px;}
.full-screen-preview__frame{height: 500px;}
.user-box-head{flex-wrap: wrap;}
.user-box-head .inner-title{width: 100%; font-size: 28px !important;}
.user-box-head .user-right{width: 100%;}
.user-box-head .search-box{flex: 1;}
.mesgs-head figcaption h3{font-size: 16px !important;}
.inner-title{font-size: 22px !important;}
.all-comments > h3{font-size: 14px !important;}
.comment-box-list-inner figcaption h4{font-size: 14px !important;}
section#about-us{padding: 25px 0px !important;}
.btn-group .dropdown-menu{left: auto !important; right: 0;}
.dropdown.profile-list-drop button.dropdown-toggle{margin-right: 0 !important;}
#languageSelect{display: none;}
.mobile-btn-group{display: block !important;}
.dropdown.profile-list-drop{display: none;}
button.navbar-toggler{width: 35px; height: 35px; overflow: hidden; border-radius: 50px;}
span.navbar-toggler-icon{width: 35px; height: 30px;}
button.navbar-toggler{font-size: 20px;}
.nav-R .btn-group .nav-icon-button{background: #eaeaea; width: 35px; height: 35px;}
.nav-R .btn-group .nav-icon-button:hover{background: #6c3;}
.nav-R .btn-group{font-size: 18px;}
.sidebar-body{padding-top: 0;}
.sidebar-body .close-side-btn{position: absolute; right:10px; top: 10px; display: flex; align-items: center; justify-content: center; background:#fff; width: 35px; height: 35px; box-shadow: 0px 0px 5px #e6e6e6; border-radius: 50px; background: #fff; z-index: 9; cursor: pointer;}
.sidebar-body .close-side-btn i{top: 0; left: 0; padding: 0;}
.sidebar-btn{display: none !important;}
.recording-box { display: block !important;}
.recording-box .buttons { margin-top: 15px;}

}


@media (max-width:575px){

.row.row-cols-4.fav-dishes-img .cols {
    width: 100%;
    margin-bottom: 30px;
}

.wraper-inner.cpt {
    padding-top: 70px;
}
.progessbar-list li span{    font-size: 15px;}

.footer-content h3 {
    font-size: 16px !important;
    margin-bottom: 15px;
}

.avatar-upload{margin: auto;}

header .container-fluid {
    padding: 0 15px;
}
a.navbar-brand img {
    width: 80px;
    height: auto !IMPORTANT;
}
button.navbar-toggler {
    top: 0;
    bottom: 0;
    margin: auto;
}

.dropdown.profile-list-drop button.dropdown-toggle {
    margin-right: 49px;
}
.form-control {
    height: 42px;
    font-size: 13px;
}
h2#swal2-title {
    font-size: 30px !IMPORTANT;
}

span.user-name {
    display: none;
}
.dropdown.profile-list-drop button.dropdown-toggle{    padding: 0 6px 0 6px;    flex-direction: row-reverse;}

.inner-banner{height: 190px}

.banner-inner-card h1 {
    font-size: 22px !important;
}
.breadcrumb-item a, li.breadcrumb-item {
    font-size: 12px;
}


.notification-list.height-fixed {
    min-width: 200px !important;
    padding: 0 !important;
}
.nav-icon-button li.no-hover {
    font-size: 14px;
}

.content-breadcum h3 {
  
    font-size: 22px !important;
}

.dash-box-shadow{    padding: 11px 15px;}
}

@media (max-width:480px){
.banner-sec .col-md-6.banner-sec-R {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.banner-sec-L h1 {
    font-size: 24px;
}

.tetimonail-patterns-l{ display:none }
.play-btn:before{    width: 40px;
    height: 40px;}

    button.accordion-button.collapsed{    font-size: 14px;}

    .slider-box-content p {
    font-size: 14px;
}

.wraper-inner.cpt {
    padding-top: 75px;
}
.progessbar-list li span{    font-size: 16px;}

.progessbar-list li h6 {
    font-size: 13px;}

    .section-padding {
    padding: 30px 0 30px;
}

.blog-box.even-blog:after, .blog-box.odd-blog:after {
    width: 100%;
}
.blog-box.even-blog .blog-box-content {
    padding-left: 15px;
}

.footer-content {
    width: 100%;
    margin-top: 25px;
}
.banner-inner-card h1 {
    font-size: 26px !important;
}
.breadcrumb-item a, li.breadcrumb-item {
    font-size: 14px;}

    .content-box.ps-5.content-list-box.mb-3 {
        padding-left: 10px !important;
    }

    .banner-inner-card h1 {
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .dash-side-R-body .col-md-8.m-auto {
        width: 91%;
    }
    .breadcrumb-item a, li.breadcrumb-item {
        font-size: 12px;
    }
    
    .inner-banner {
        height: 170px;
    }

    .grid-box h3 {
        font-size: 20px !important;
    }
    .banner-card-content {
        height: 155px;
    }
    .banner-card-content h1 {
        font-size: 22px !important;
    }

    .pagination .page-link{    width: 35px;
        height: 35px;}
}