@media only screen and (min-width:1200px) and (max-width:1280px){
    .order-restaurant-logo{
        float:left;
        width:31%
    }
    .order-restaurant h3{
        float:right;
        margin:49px 0;
        width:65%
    }
 }
 @media only screen and (min-width:1025px) and (max-width:1199px){
    .order-restaurant-logo{
        float:left;
        width:43%
    }
    .order-restaurant h3{
        float:right;
        margin:0 0;
        width:auto
    }
    .order-restaurant-content{
        width:57%
    }
    #myModal.loginModal .modal-dialog{
        max-width:85%
    }
    #myModal.loginModal .modal-body .oneImg img{
        width:80%
    }
 }
 @media screen and (min-width:1024px) and (max-width:1199px){
    .offerPopup .d-inline-block{
        width:60%!important
    }
    .offerPopup .contentLayer .content{
        bottom:20%!important
    }
    .offerPopup .contentLayer .content h1{
        font-size:63px
    }
    .offerPopup .contentLayer .content p{
        font-size:16px
    }
    .offerPopup .contentLayer .content .btn{
        width:30%;
        font-weight:400;
        font-size:16px;
        margin-top:20px
    }
    .offerPopup .giftImages{
        bottom:35%!important
    }
    .offerPopup .giftImages img.dollarBig{
        width:8%
    }
    .offerPopup .giftImages img.dollarSmall{
        width:5%
    }
    .offerPopup .giftImages img.lady{
        width:120%
    }
    .offerPopup .giftImages button.close{
        bottom:22%;
        right:6%
    }
    .snowflake img{
        max-width:12px
    }
    #customer_form input.form-control{height:auto;padding:11px 10px}
    .payment-text-div .profile-left-label{height:auto;min-height: 1px;}
 }

 
@media screen and (min-width:768px) and (max-width:1024px){
    .offerPopup .d-inline-block{
        width:90%
    }
    .offerPopup .contentLayer .content{
        bottom:15%
    }
    .offerPopup .contentLayer .content h1{
        font-size:63px
    }
    .offerPopup .contentLayer .content p{
        font-size:16px
    }
    .offerPopup .contentLayer .content .btn{
        width:30%;
        font-weight:400;
        font-size:16px;
        margin-top:20px
    }
    .offerPopup .giftImages{
        bottom:30%
    }
    .offerPopup .giftImages img.dollarBig{
        width:8%
    }
    .offerPopup .giftImages img.dollarSmall{
        width:5%
    }
    .offerPopup .giftImages img.lady{
        width:120%
    }
    .offerPopup .giftImages button.close{
        bottom:22%;
        right:6%
    }
    .snowflake img{
        max-width:12px
    }
    .header.homePageheader{
        z-index:1;
        position:relative
    }
    .header.homePageheader .befor-login ul li a{
        color:#fff;
        font-weight:600
    }
    #myModal.loginModal .modal-dialog{
        max-width:85%
    }
    #myModal.loginModal .modal-body div[role=tabpanel] .title h4::after{
        width:12%
    }
    #myModal.loginModal .modal-body .oneImg,#myModal.loginModal .modal-body div[role=tabpanel]{
        width:50%;
        padding:30px
    }
    #myModal.loginModal .modal-body .oneImg img{
        width:93%;
        margin-top:12%
    }
    #myModal.loginModal .modal-dialog .modal-body .form-group{
        margin-bottom:10px
    }
    #myModal.loginModal .modal-dialog .modal-body .form-control{
        padding:10px 25px
    }
    #myModal.loginModal .modal-dialog .modal-body .form-group.input-group .btn{
        right:0
    }
    .homeBanner{
        margin-top:-130px;
        z-index:-1
    }
    .homeBanner .searchDiv{
        bottom:50px
    }
    .homeBanner .searchDiv .searchInner{
        width:70%;
        padding:2% 2% 5%
    }
    .homeBanner .searchDiv .searchInner h1{
        font-size:2rem
    }
    .homeBanner .searchDiv .searchInner h6{
        font-size:1rem
    }
    .recmdItem{
        padding:10px 0
    }
    .recmdItem .details{
        padding:0 10px
    }
    .recmdItem .details a{
        display:initial;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:7ch
    }
    .recmdItem .details label.flag{
        font-size:10px
    }
    .appDiv{
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    .appDiv .details p{
        margin-bottom:20px
    }
    .navbar-toggler{
        padding:10px 5px;
        font-size:14px
    }
    .logo .navbar{
        padding:5px 0;
        float:right
    }
    .order-restaurant-logo img{
        max-width:100%
    }
    .order-restaurant{
        height:auto
    }
    .order-restaurant h3{
        margin:0 0 0
    }
    .order-track{
        float:left
    }
 }
 
@media screen and (min-width:480px) and (max-width:767px){
    .offerPopup .d-inline-block{
        width:60%
    }
    .offerPopup .contentLayer .content h1{
        font-size:23px
    }
    .offerPopup .contentLayer .content p{
        font-size:10px
    }
    .offerPopup .contentLayer .content .btn{
        width:30%;
        font-weight:400;
        font-size:10px;
        margin-top:7px
    }
    .offerPopup .giftImages{
        bottom:45%
    }
    .offerPopup .giftImages img.dollarBig{
        width:8%
    }
    .offerPopup .giftImages img.dollarSmall{
        width:5%
    }
    .offerPopup .giftImages img.lady{
        width:120%
    }
    .offerPopup .giftImages button.close{
        bottom:14%;
        right:7%
    }
    .snowflake img{
        max-width:12px
    }
    .header.homePageheader{
        z-index:1;
        position:relative
    }
    .header.homePageheader .befor-login ul li a{
        color:#fff;
        font-weight:600
    }
    #myModal.loginModal .modal-dialog{
        max-width:80%;
        top:0;
        transform:unset
    }
    #myModal.loginModal .modal-body{
        flex-direction:column
    }
    #myModal.loginModal .modal-body .oneImg{
        width:100%;
        z-index:0;
        position:absolute;
        opacity:.24;
        z-index:0;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:8% 3% 6% 3%;
        text-align:center
    }
    #myModal.loginModal .modal-body .oneImg img{
        width:70%;
        margin-top:0
    }
    #myModal.loginModal .modal-body div[role=tabpanel]{
        width:100%;
        z-index:1
    }
    #myModal.loginModal .modal-body div[role=tabpanel] .title h4{
        font-size:18px
    }
    #myModal.loginModal .modal-body div[role=tabpanel] .title h4::after{
        bottom:-20%;
        width:10%
    }
    .homeBanner{
        min-height:210px;
        margin-top:-80px;
        z-index:-1
    }
    .homeBanner .searchDiv{
        bottom:-123px
    }
    .homeBanner .searchDiv .searchInner{
        width:95%;
        padding:2% 2% 5%
    }
    .homeBanner .searchDiv .searchInner h1{
        font-size:2rem
    }
    .homeBanner .searchDiv .searchInner h6{
        font-size:1rem
    }
    .home .index-sec:first-child{
        margin-top:180px
    }
    .recmdItem{
        padding:10px 0
    }
    .recmdItem .details{
        padding:0 10px
    }
    .recmdItem .details a{
        display:initial;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:7ch
    }
    .recmdItem .details label.flag{
        font-size:10px
    }
    .appDiv{
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    h4.title{
        font-size:1.2rem
    }
    .appDiv .details p{
        margin-bottom:20px
    }
    .order-restaurant-content{
        width:100%
    }
    .order-agent1{
        width:100%;
        display:block
    }
    .order-agent2{
        width:100%;
        display:block
    }
    .section9-inner-div .row{
        width:100%;
        margin:0 1px
    }
    .order-rest-div{
        width:100%;
        padding:5px;
        clear:both;
        display:block;
        margin:0
    }
    .sidebar-nav li a{
        padding:3px 5px!important
    }
    .top-cart-contain a .cart-tot{
        right:6px!important;
        top:-14px
    }
    .navbar-toggler{
        padding:10px 5px;
        font-size:14px
    }
    .logo .mob-list li{
        text-align:left!important
    }
    .logo li{
        display:block!important;
        padding:5px 0;
        font-size:14px;
        text-align:right
    }
    .head-dropdown ul li{
        text-align:left
    }
    .logo .navbar{
        padding:5px 0;
        float:right
    }
    .logo .head-dropdown{
        float:left;
        width:30px;
        display:block!important
    }
    .logo .head-dropdown p{
        margin:7px 0 0
    }
    .logo>a{
        float:left
    }
    .mob-list{
        display:block!important
    }
    .userContainer #sidebar-wrapper li i{
        padding:0 5px 0 0;
        float:left
    }
    .userContainer #sidebar-wrapper li a span{
        float:left;
        padding-top:4px
    }
    .userContainer #sidebar-wrapper .sidebar-nav li{
        -webkit-border-top-left-radius:none!important;
        -webkit-border-top-right-radius:none!important;
        -moz-border-radius-topleft:none!important;
        -moz-border-radius-topright:none!important;
        border-top-left-radius:none!important;
        border-top-right-radius:none!important;
        border-top-left-radius:0!important;
        border-top-right-radius:0!important;
        padding:10px;
        width:100%!important
    }
    .order-agent{
        width:100%;
        margin:10px 0 0
    }
    #track-steps{
        width:100%;
        margin:0 auto
    }
    #track-steps .step:after{
        font-size:9px
    }
 }
 @media screen and (min-width:320px) and (max-width:479px){
    .offerPopup .d-inline-block{
        width:100%
    }
    .offerPopup .contentLayer .content h1{
        font-size:23px
    }
    .offerPopup .contentLayer .content p{
        font-size:10px
    }
    .offerPopup .contentLayer .content .btn{
        width:30%;
        font-weight:400;
        font-size:10px;
        margin-top:7px
    }
    .offerPopup .giftImages{
        bottom:25%
    }
    .offerPopup .giftImages img.dollarBig{
        width:8%
    }
    .offerPopup .giftImages img.dollarSmall{
        width:5%
    }
    .offerPopup .giftImages img.lady{
        width:120%
    }
    .offerPopup .giftImages button.close{
        bottom:14%;
        right:7%
    }
    .snowflake img{
        max-width:12px
    }
    .header.homePageheader{
        z-index:1;
        position:relative
    }
    .header.homePageheader .befor-login ul li a{
        color:#fff;
        font-weight:600
    }
    #myModal.loginModal .modal-dialog{
        max-width:90%
    }
    #myModal.loginModal .modal-body{
        flex-direction:column
    }
    #myModal.loginModal .modal-body .oneImg{
        width:100%;
        z-index:0;
        position:absolute;
        opacity:.24;
        z-index:0;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:8% 3% 6% 3%
    }
    #myModal.loginModal .modal-body .oneImg img{
        width:100%;
        margin-top:15%
    }
    #myModal.loginModal .modal-body div[role=tabpanel]{
        width:100%;
        z-index:1;
        padding:15px
    }
    #myModal.loginModal .modal-body div[role=tabpanel] .title h4{
        font-size:18px
    }
    #myModal.loginModal .modal-body div[role=tabpanel] .title h4::after{
        bottom:-20%
    }
    #myModal.loginModal .modal-dialog .modal-body .form-group.input-group input{
        padding:6px
    }
    #myModal.loginModal .modal-dialog .modal-body .form-group.input-group .btn{
        right:0
    }
    .homeBanner{
        min-height:210px;
        margin-top:-80px;
        z-index:-1
    }
    .homeBanner .searchDiv{
        bottom:-123px
    }
    .homeBanner .searchDiv .searchInner{
        width:95%;
        padding:2% 2% 5%
    }
    .homeBanner .searchDiv .searchInner h1{
        font-size:2rem
    }
    .homeBanner .searchDiv .searchInner h6{
        font-size:1rem
    }
    .home .index-sec:first-child{
        margin-top:180px
    }
    .recmdItem{
        padding:10px 0
    }
    .recmdItem .details{
        padding:0 10px
    }
    .recmdItem .details a{
        display:initial;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:7ch
    }
    .recmdItem .details label.flag{
        font-size:10px
    }
    .appDiv{
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    h4.title{
        font-size:1.2rem
    }
    .appDiv .details p{
        margin-bottom:20px
    }
    .head-dropdown p i:nth-child(2){
        padding-left:7px
    }
    .order-rest-div{
        width:100%;
        padding:5px;
        clear:both;
        display:block;
        margin:0
    }
    .order-restaurant-content{
        width:100%
    }
    .res-full{
        clear:both;
        display:inline-block;
        width:100%;
        overflow:hidden;
        margin:30px 0 0 0
    }
    .cart-pdt-detail{
        width:65%
    }
    .handle-counter input{
        padding:7px 5px;
        width:40px;
        margin:0;
        text-align:center
    }
    .cart-counter{
        width:45%;
        display:block;
        text-align:center;
        margin:0
    }
    .sidebar-nav li a{
        padding:3px 5px!important
    }
    .top-cart-contain a .cart-tot{
        right:6px!important;
        top:-14px
    }
    .logo .mob-list li{
        text-align:left!important
    }
    .navbar-toggler{
        padding:10px 5px;
        font-size:14px
    }
    .logo li{
        display:block!important;
        padding:5px 0;
        font-size:14px;
        text-align:right
    }
    .head-dropdown ul li{
        text-align:left
    }
    .logo .navbar{
        padding:5px 0;
        float:right
    }
    .logo .head-dropdown{
        float:left;
        width:30px;
        display:block!important
    }
    .logo .head-dropdown p{
        margin:5px 0
    }
    .logo>a{
        float:left
    }
    .mob-list{
        display:block!important;
        float:left
    }
    .userContainer #sidebar-wrapper .sidebar-nav li{
        -webkit-border-top-left-radius:none!important;
        -webkit-border-top-right-radius:none!important;
        -moz-border-radius-topleft:none!important;
        -moz-border-radius-topright:none!important;
        border-top-left-radius:none!important;
        border-top-right-radius:none!important;
        border-top-left-radius:0!important;
        border-top-right-radius:0!important;
        padding:10px;
        width:100%!important
    }
    .order-restaurant h3{
        width:100%;
        text-align:center;
        margin:0;
        position:inherit
    }
    .order-agent{
        width:100%;
        margin:10px 0 0
    }
    .order-track{
        float:left;
        width:100%;
        padding:0
    }
    .order-track-sec3{
        margin-top:50px;
       
    }
    .order-track-sec3 table tr{padding:15px 0 20px 0;}
    .order-track-sec3 table tr td img{
        max-width:80px
    }
    #track-steps{
        width:100%;
        float:left;
        text-align:center
    }
    #track-steps h4{
        font-weight:600;
        margin:0 0 25px;
        background:#eee;
        box-shadow:0 5px 10px #ddd;
        padding:6px
    }
    #track-steps li{
        display:none
    }
    #track-steps li.pulse{
        display:block;
        width:100%;
        float:left
    }
    #track-steps .step{
        float:none;
        margin:auto;
        width:70px;
        height:70px
    }
    #track-steps .step i{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        left:0;
        right:0;
        font-size:20px
    }
    #track-steps .step:before{
        left:0;
        right:0;
        display:none
    }
    #track-steps .step:after{
        transform:translate(-25px,76px)
    }
    #track-steps .pulse::before{
        left:0;
        right:0;
        margin:auto;
        width:70px;
        height:70px
    }
 }
 @media (min-width:992px){
    .mob-list{
        display:none
    }
    .logo li{
        display:none
    }
 }
 
@media only screen and (min-width:992px) and (max-width:1199px){
    .header-login ul li{
        display:inline-block;
        margin:0 3px
    }
    .head-dropdown p,.header-login ul li a,.refer-frd-btn,.top-cart-contain a .cart-title{
        font-size:14px
    }
    .head-dropdown p{
        margin:23px 0
    }
    .header-input{
        font-size:12px
    }
    .header-input .fa-angle-down{
        top:0
    }
    #sidebar-wrapper{
        width:215px!important
    }
    #about-modal .about-tab .tab-content{
        width:100%!important;
        margin-left:0!important
    }
    #wrapper .tab-content{
        width:76%!important;
        margin-left:1%!important
    }
    .item-list-item1-des{
        margin:0 0 0 2%
    }
    .item-list-item1-content{
        width:19%
    }
    .footer-img img{
        max-height:58px
    }
    .footer-social-inner{
        width:auto;
        float:none
    }
    .footer-social ul{
        float:left;
        margin-left:47px
    }
    .footer-img ul li{
        margin-right:3px
    }
    .item-list .col-md-3{
        width:50%
    }
    .invoice-table table th{
        padding:10px 10px
    }
    .invoice-table table td{
        padding:10px 10px;
        font-size:14px
    }
    .slider-content{
        width:60%!important
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li{
        padding:17px 8px;
        height:auto
    }
    .profile-left-label{
        width:40%
    }
    .profile-right-input{
        width:60%
    }
    .section8-filter button i{
        padding-right:5px
    }
    .section8-filter button{
        padding:5px 13px
    }
    .section8-filterallcat button{
        padding:3px 12px 3px 0px
    }
     .section8-filterallcat .btn-success:not(:disabled).active,.section8-filterallcat .show>.btn-success.dropdown-toggle {
        color: #fff;
        background-color: #ff5215;
        border-color: #ff5215;
        border-radius: 30px;
    }
     .section8-filterallcat .btn-success:not(:disabled):not(.disabled).active:focus,.section8-filterallcat .btn-success:not(:disabled):not(.disabled):active:focus,.section8-filterallcat .show>.btn-success.dropdown-toggle:focus {
         box-shadow: none !important;
    }
     .ui-widget.ui-widget-content{
        flex:0 0 530px;
        max-width:530px
    }
    .all-rest-off{
        padding:15px 15px
    }
    .profile-sidebar-sec .sidebar-nav{
        margin-bottom:0!important
    }
    .payment-text-div .profile-left-label{
        width:18%
    }
    .payment-text-div .profile-right-input{
        width:82%
    }
    .wallet-wave{
        bottom:-11px
    }
    .cart-pdt-detail{
        margin-left:3%
    }
    .cart-counter{
        width:17%
    }
    .cart-price{
        margin-left:4%
    }
    .checkoutDetail .radiolabel{
        width:31%
    }
    .order-restaurant-content a{
        padding-left:5px;
        font-size:15px
    }
    .order-restaurant-content{
        margin:21px 0
    }
    .order-agent1,.order-agent2{
        min-height:134px
    }
    .xzoom-gallery5{
        width:65px;
        border-radius:5px!important
    }
    .product-details h5{
        font-size:14px
    }
    .quick-view-detail .product-name h3{
        font-size:25px
    }
    .price-right p{
        font-size:14px
    }
    .price-right .col-md-5 h6{
        font-size:14px
    }
    .quick-view-detail .product-name p{
        font-size:16px
    }
 }
 @media only screen and (min-width:768px) and (max-width:1199px){
    .profile-sidebar.web_viewsidebar #sidebar-wrapper .sidebar-nav li{padding:0}
 }
 @media only screen and (min-width:769px) and (max-width:1199px){
    .shipping_tables table{width:1024px}
    .my_orderpage table{width:1000px}
    .user_wallet_table{width:1000px}
 }
 
@media only screen and (min-width:768px) and (max-width:991px){
    .refer-frd-btn{
        border:none
    }
    .befor-login{
        display:inline-block;
        float:right
    }
    .logo .head-dropdown{
        float:left;
        width:30px;
        display:block!important
    }
    .logo li{
        display:block!important;
        padding:5px 0;
        font-size:14px;
        text-align:left
    }
    .ord-search{
        width:22%;
        margin-left:10px
    }
    .ord-reset{
        width:22%;
        margin-left:10px;
        padding:0 5px
    }
    .top-cart-contain a .cart-tot{
        right:6px!important;
        top:-14px
    }
    .main-sec{
        margin-top:0
    }
    .head-dropdown p{
        margin:8px 0 2px
    }
    .header-login,.service-map{
        display:none
    }
    .mob-loc{
        display:block
    }
    .header-input{
        padding-left:15px;
        border:1px solid #ddd;
        padding:7px 7px 7px 25px;
        border-radius:5px;
        margin:0
    }
    .header-input .fa-map-marker{
        top:9px;
        left:10px
    }
    .login-menu ul li i{
        padding-right:10px;
        color:#fff;
        display:none
    }
    .dropdown a span{
        font-size:16px;
        color:#fff!important
    }
    .dropdown a i{
        float:right;
        top:4px;
        position:relative
    }
    .login-menu-div .login-menu ul ul{
        top:10px!important;
        margin-bottom:20px
    }
    .login-menu-div .login-menu ul{
        background:#ff5215
    }
    .header-dropdown{
        animation:none;
        position:relative!important;
        width:100%;
        top:0!important
    }
    .header-input .fa-angle-down{
        right:10px;
        top:9px
    }
    #centralModalLGInfoDemo .modal-dialog{
        max-width:650px
    }
    #centralModalLGInfoDemo .modal-dialog .modal-body{
        padding:15px 50px
    }
    .index-sec-head h1{
        font-size:33px
    }
    .index-sec{
        padding-top:30px;
        padding-bottom:70px
    }
    .banner-slider .slick-slide{
        height:250px
    }
    .wrapper .tab-content{
        width:70%!important;
        margin-left:0!important
    }
    .about-modal-store .tab-content.current{
        border:1px solid #ff6d1e;
        display:inherit;
        margin:0!important;
        width:100%!important
    }
    .about-modal-store .close{
        position:relative;
        right:6px;
        top:9px
    }
    .about-modal-rest .close{
        position:relative;
        right:6px;z-index: 999;
        top:9px
    }
    .quickview-modal-rest .close{
        position:relative;
        right:6px;
        top:9px
    }
    .about-modal-rest .modal-dialog{
        max-width:710px
    }
    .about-modal-rest .modal-content{
        max-height:500px
    }
    .checkoutDetail .radiolabel{
        width:45%
    }
    .price-right p{
        font-size:13px
    }
    .price-right h6{
        font-size:13px
    }
    .footer-img img{
        max-height:42px
    }
    .footer-contact p{
        font-size:12px
    }
    .footer-social-inner{
        width:auto;
        float:none
    }
    .footer-img ul li{
        margin-right:3px
    }
    .footer-social ul{
        float:left;
        margin-left:0;
        width:100%;
        margin-top:10px
    }
    .footer-social ul li{
        padding:2px 0;
        width:28px
    }
    .footer-copyright p{
        font-size:12px
    }
    .footer-menu ul li a{
       
        font-size:13px
    }
    .slider-caption h1{
        font-size:32px;
        color:#fff
    }
    .featured-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .all-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .section3-img-head{
        padding:10px 8px
    }
    .invoice-table table th{
        padding:10px 10px
    }
    .invoice-table table td{
        padding:10px 10px
    }
    .item-list-item1-des{
        margin:0 0 0 2%;
        width:60%
    }
    .item-list-item1-content{
        width:20%;
        margin-left:2%
    }
    .item-list-item button{
        padding:5px 10px;
        font-size:12px
    }
    .item-list-item h4{
        font-size:17px;
        font-family:Poppins-SemiBold
    }
    .slider-content{
        width:75%!important
    }
    .quickview-modal-rest .modal-dialog{
        max-width:600px
    }
    .quickview-modal-rest .product-name h3{
        font-size:25px
    }
    .quickview-modal-rest .product-name p{
        font-size:15px
    }
    .quickview-modal-rest .price-box h4{
        font-size:21px
    }
    .profile-left-label{
        width:49%;
        text-align:left
    }
    .userContainer .row.panel-heading .profilePic{
        width:35%
    }
    .profile-right-input{
        width:51%
    }
    .section9-inner-div{
        padding:20px 15px
    }
    .userContainer .web_viewsidebar #sidebar-wrapper .sidebar-nav li,.profile-sidebar #sidebar-wrapper .sidebar-nav li{
        width:32%;
        text-align:left;
        background:#fff;
        margin:5px 0 0;
        padding:10px 15px;
        height:50px
    }
    .userContainer .web_viewsidebar #sidebar-wrapper .sidebar-nav li i,.profile-sidebar #sidebar-wrapper .sidebar-nav li i{
        float:left;
        margin-right:10px;
        padding:0
    }
    .userContainer .web_viewsidebar #sidebar-wrapper .sidebar-nav li span,.profile-sidebar #sidebar-wrapper .sidebar-nav li span{
        position:relative;
        top:6px;padding:0;
    }
    .section8{
        padding:11px 0
    }
    .section8-filter button i{
        padding-right:7px;
        font-size:16px
    }
    .section8-filter button{
        font-size:12px;
        padding:5px 8px;
        margin:4px 0
    }
    .section8-filter{
        text-align:right
    }
    #wrapper{
        padding:30px 0!important
    }
    .featured-img-star span,.featured-pdt-star span,.pdt-star span,.star-des span{
        left:6px!important
    }
    .handle-counter input{
        width:49px
    }
    .stockExceedClass{
        font-size:10px!important
    }
    .item-head h5{
        font-size:24px;
        max-width:23ch
    }
    .item-list-item{
        padding:20px 15px
    }
    .item-list-item1-content{
        width:22%
    }
    .item-list-item1-des{
        width:58%
    }
    .item-list-item button{
        padding:5px 17px
    }
    .section8-heading{
        display:none
    }
    .quickview-modal-rest .ratings{
        width:50%
    }
    .ui-widget.ui-widget-content{
        flex:0 0 693px;
        max-width:693px
    }
    .all-rest-name{
        width:67%
    }
    .all-rest-off{
        width:33%;
        padding:15px 15px
    }
    .allCatelist .all-rest-off{
        padding:15px 0
    }
    .allCatelist .all-rest-off ul li{
        width:62px
    }
    .section10-inn-heading h2{
        font-size:26px
    }
    .payment-text-div .profile-left-label{
        width:23%
    }
    .payment-text-div .profile-right-input{
        width:77%
    }
    .review-restaurant-btn{
        font-size:11px
    }
    .userReview .table-responsive .desc{
        margin-bottom:0
    }
    .review-rest-section .col-md-3{
        padding-right:0
    }
    .cart-pdt-detail{
        margin-left:3%;
        width:37%
    }
    .cart-counter{
        width:20%
    }
    .cart-price{
        margin-left:2%
    }
    .cart-remove{
        width:3%;
        margin-left:1%
    }
    .checkoutDetail .col-md-4{
        padding:0
    }
    .order-restaurant{
        width:100%;
        margin:0 0 20px
    }
    .order-restaurant-logo{
        width:17%
    }
    .order-restaurant-content{
        width:81%;
        margin:34px 0
    }
    .order-agent1{
        width:50%;
        margin-left:0
    }
    .order-agent2{
        width:49%
    }
    .order-rest-div{
        padding:20px 15px
    }
    .xzoom-gallery5{
        width:50px;
        border-radius:5px!important;
        margin-left:0!important
    }
    .quick-view-detail .ratings{
        padding:5px 0
    }
    .quick-view-detail .add-minus-cart{
        padding:10px 0
    }
    .quick-view-detail .product-name p{
        height:65px;
        overflow:hidden;
        font-size:15px
    }
    .quick-view-detail .product-name h3{
        font-size:24px
    }
    .product-details h5{
        font-size:13px
    }
    .quick-view-detail .price-box{
        padding:5px 0
    }
    .item-head h5 span#cate_name{
        font-size:20px
    }
    .price-right .col-md-5{
        padding-left:0
    }
    #myModal .modal-dialog{
        top:20%;
        transform:none
    }
    #track-steps .step::after{
        font-size:11px
    }
    .checkoutDetail .panel.panel-default .panel-collapse{
        margin-bottom:20px
    }
    
 }

@media only screen and (min-width:576px) and (max-width:767px){
    .refer-frd-btn{
        border:none
    }
    .section10-list{
        padding:0 20px
    }
    .section10-list li{
        border:1px solid #ccc;
        border-radius:3px;
        margin-bottom:5px;
        display:block;
        text-align:left;
        margin-top:5px
    }
    #all-cate{
        display:block!important;
        cursor:pointer
    }
    .section10-list ul{
        display:none;
        max-height:300px;
        overflow-y:scroll
    }
    .ord-search{
        width:22%;
        margin-left:0
    }
    .ord-reset{
        width:22%;
        margin-left:10px;
        padding:0 5px
    }
    .header{
        padding:10px 0 10px
    }
    .header-login,.service-map{
        display:none
    }
    .mob-loc{
        display:block
    }
    .header-input{
        padding-left:15px;
        border:1px solid #ddd;
        padding:7px 7px 7px 25px;
        border-radius:5px;
        margin:0 0 0
    }
    .header-input .fa-map-marker{
        top:9px;
        left:10px
    }
    .address-btn{
        width:95%;
        left:15px
    }
    .login-menu ul li i{
        padding-right:10px;
        color:#fff;
        display:none
    }
    .dropdown a i{
        top:4px;
        float:right;
        position:relative
    }
    .login-menu-div .login-menu ul{
        background:#ff5215
    }
    .login-menu-div .login-menu ul ul{
        margin-bottom:20px
    }
    .login-menu ul li{
        border-bottom:1px solid #0003
    }
    .header-input .fa-angle-down{
        right:10px;
        top:9px
    }
    #centralModalLGInfoDemo .modal-dialog{
        max-width:496px
    }
    #centralModalLGInfoDemo .modal-dialog .modal-body{
        padding:15px 30px
    }
    #footer_us3{
        height:235px!important
    }
    .index-sec-head h1{
        font-size:30px
    }
    .index-sec-item{
        position:relative;
        margin-bottom:40px
    }
    .index-sec-item:last-child{
        margin-bottom:0
    }
    .index-sec{
        padding-top:30px;
        padding-bottom:50px
    }
    .banner-slider .slick-slide{
        height:220px
    }
    .about-modal-store .close{
        position:relative;
        right:6px;
        top:9px
    }
    .about-modal-rest .close{
        position:relative;
        right:6px;
        top:9px
    }
    .quickview-modal-rest .close{
        position:relative;
        right:6px;
        top:9px
    }
    .about-modal-rest .modal-dialog{
        max-width:500px
    }
    .about-modal-rest .modal-content{
        max-height:500px
    }
    .footer .col-md-3{
        padding-bottom:15px;
        border-bottom:1px solid #ccc
    }
    .footer-menu{
        padding:0 15px
    }
    .footer .col-md-4{
        border-bottom:1px solid #ccc;
        padding:10px 15px
    }
    .footer .col-md-5{
        padding:10px 15px
    }
    .footer-social-inner{
        width:auto;
        float:none
    }
    .footer-copyright{
        display:none
    }
    .footer-social ul{
        float:left;
        margin-left:0;
        width:100%;
        margin-top:10px
    }
    .footer-copyright1{
        display:block
    }
    .footer-contact{
        margin:15px 0 0
    }
    .footer-img p{
        margin-bottom:10px
    }
    .slider-caption h1{
        font-size:25px;
        color:#fff
    }
    .slider-caption h5{
        font-size:20px
    }
    .featured-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .all-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .all-heading .col-md-10{
        width:75%
    }
    .all-heading .col-md-2{
        width:25%
    }
    .section4-heading .col-md-10{
        width:75%
    }
    .section4-heading .col-md-2{
        width:25%
    }
    #wrapper{
        padding:50px 0
    }
    #wrapper .tab-content{
        float:left;
        width:100%!important;
        margin-left:0!important;
        margin-top:50px
    }
    .item-list-item{
        margin-bottom:30px
    }
    .item-list-item button{
        padding:5px 20px
    }
    .item-page-bg h3{
        padding:0 20px;
        font-size:24px
    }
    .section8-heading{
        display:none
    }
    .section8-heading a{
        float:right
    }
    .sidebar-head{
        padding:10px 10px!important;
        cursor:pointer
    }
    .sidebar-brand:before{
        display:none!important
    }
    #sidebar-wrapper button{
        display:block!important
    }
    #sidebar-wrapper{
        height:auto!important;
        width:100%!important;
        background:#373756!important;
        position:static!important
    }
    #wrapper #sidebar-wrapper .sidebar-nav{
        display:none
    }
    .section8{
        padding:10px 0
    }
    #wrapper{
        padding:30px 0!important
    }
    .item-list-item1-des{
        margin:0 0 0 2%;
        width:56%
    }
    .item-list-item1-content{
        width:24%;
        margin-left:2%
    }
    .store-all-heading h4:after{
        width:15%
    }
    .all-heading h4:after{
        width:15%
    }
    .section4-heading h4:after{
        width:15%
    }
    .section3-head h4:after{
        width:10%
    }
    .store-section2-content h4:after{
        width:10%
    }
    .section2-content h4:after{
        width:10%
    }
    .order-restaurant-content{
        width:100%;
        margin-left:0;
        margin-top:20px
    }
    .order-rest-div{
        margin:0 0 20px;
        padding:20px 5px
    }
    .slider-content{
        width:75%!important
    }
    .slider-content h4{
        font-size:19px
    }
    .slider-content p,.slider-content ul li{
        font-size:13px
    }
    .slider-content h4 a{
        font-size:12px
    }
    .item-head h5{
        font-size:23px;
        max-width:27ch
    }
    .item-list-item h4{
        font-size:18px;
        font-family:Poppins-SemiBold
    }
    #sidebar-nav ul{
        position:relative;
        width:90%;
        margin-left:10%;
        border-left:2px solid #fff;
        z-index:2;
        animation:fadeIn .7s
    }
    .sidebar-nav{
        padding:10px 10px 20px
    }
    .sidebar-nav li{
        padding:5px 0
    }
    .sidebar-nav li i{
        top:18px!important
    }
    .sidebar-nav li i{
        display:block!important;
        color:#fff
    }
    .quickview-modal-rest .product-name h3{
        font-size:23px
    }
    .quickview-modal-rest .product-name p{
        font-size:13px
    }
    .quickview-modal-rest .price-box h4{
        font-size:17px
    }
    .profile-left-label{
        width:37%
    }
    .profile-right-input{
        width:63%
    }
    .profile-sidebar-sec #sidebar-wrapper button{
        width:auto!important;
        border-radius:0;
        padding:5px 8px;
        background:0 0
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav{
        width:100%!important
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li{
        width:100%;
        padding:6px 15px;
        text-align:left
    }
    #sidebar-wrapper .navbar-toggler-icon{
        background-image:url(../../../public/front/images/accordion-arrow.png);
        width:15px;
        height:8px;
        background-size:100% 100%
    }
    [aria-expanded~=true]>.navbar-toggler-icon{
        background-repeat:no-repeat!important;
        width:15px;
        height:8px;
        background-size:100% 100%;
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li i{
        padding:0 10px 0 0;
        float:left;
        font-size:20px
    }
    .profile-sidebar #sidebar-wrapper .navbar{
        background:#ff5215;
        color:#fff
    }
    .slider-logo{
        margin:3px 0
    }
    .section8-filter button{
        font-size:13px;
        padding:3px 9px 3px 6px!important;
        height:30px
    }
    .section8-filter button i{
        padding-right:5px;
        font-size:15px
    }
    .featured-img-star span,.featured-pdt-star span,.pdt-star span,.star-des span{
        left:6px!important
    }
    .res-full{
        margin:10px 0 0 0
    }
    .cart-counter{
        margin-top:10px;
        margin-bottom:0
    }
    .cart-price{
        margin-top:17px;
        margin-bottom:0;
        width:61%;
        margin-left:2%;
        margin-right:2%;
        text-align:center
    }
    .cart-remove{
        margin:16px 0 0
    }
    .cart-counter{
        width:29%;
        margin-left:0
    }
    .cart-remove{
        width:4%
    }
    .item-list-item{
        padding:20px 15px
    }
    .quickview-modal-rest .ratings{
        width:45%
    }
    .ui-widget.ui-widget-content{
        flex:0 0 510px;
        max-width:510px
    }
    .section10-inn-heading h2{
        font-size:25px
    }
    .all-rest-cate{
        margin:0 0 20px
    }
    .all-rest-name{
        width:74%
    }
    .all-rest-off{
        width:26%
    }
    .section10-list li a.store-list-active{
        color:#ff5215!important;
        background:0 0;
        border:0!important
    }
    .section10-list li a{
        color:#373756;
        background:0 0
    }
    .userContainer .table thead th{
        font-size:12px
    }
    .payment-text-div .profile-left-label{
        width:34%
    }
    .payment-text-div .profile-right-input{
        width:66%
    }
    .review-rest-section{
        margin-bottom:15px
    }
    .res-full{
        width:100%;
        float:left
    }
    .order-restaurant{
        width:100%;
        margin:0 0 20px
    }
    .order-restaurant-logo{
        width:17%
    }
    .order-restaurant-content{
        width:81%;
        margin:26px 0
    }
    .order-agent1{
        width:50%;
        margin-left:0
    }
    .order-agent2{
        width:49%
    }
    .order-track{
        padding:25px 0
    }
    .order-track-sec1{
        margin:0 0 20px
    }
    .quick-view-detail .product-name h3{
        font-size:21px
    }
    .quick-view-detail{
        margin-top:15px
    }
    .sidebar-brand{
        text-align:left!important
    }
    .sidebar-brand.sidebar-head i{
        display:block;
        float:right;
        padding-right:10px;
        position:relative;
        top:4px
    }
    .item-head h5 span#cate_name{
        font-size:20px
    }
    .quick-view-detail .product-name p{
        font-size:15px
    }
    .product-description .tab-content{
        font-size:14px
    }
    .quick-view-detail .price-box h4{
        font-size:20px
    }
    .iti-mobile .intl-tel-input.iti-container{
        top:0!important;
        bottom:0!important;
        left:0!important;
        right:0!important;
        position:fixed;
        background:rgba(0,0,0,.5)
    }
    .iti-mobile .intl-tel-input .country-list{
        top:20px;
        left:20px;
        right:20px;
        width:auto!important;
        max-width:540px;
        margin:0 auto
    }
 }
 
@media only screen and (min-width:320px) and (max-width:575px){
    .refer-frd-btn{
        border:none
    }
    .section10-list{
        padding:0 20px
    }
    .section10-list li{
        border:1px solid #ccc;
        border-radius:3px;
        margin-bottom:5px;
        display:block;
        text-align:left;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:98%
    }
    #all-cate{
        display:block!important;
        cursor:pointer
    }
    .section10-list ul{
        display:none;
        max-height:250px;
        overflow-y:scroll
    }
    .ord-search{
        margin-top:10px
    }
    .ord-reset{
        padding:0;
        margin-top:10px
    }
    .cart-accordion .form-inline .form-group{
        display:flex;
        margin-bottom:0
    }
    .header{
        padding:10px 0 10px
    }
    .header-login,.service-map{
        display:none
    }
    .mob-loc{
        display:block
    }
    .header-input{
        padding-left:15px;
        border:1px solid #ddd;
        padding:7px 7px 7px 25px;
        border-radius:5px;
        margin:0 0 0;
        font-size:12px
    }
    .header-input .fa-map-marker{
        top:9px;
        left:10px
    }
    .address-btn{
        width:91%;
        left:15px
    }
    .login-menu ul li i{
        padding-right:10px;
        display:none
    }
    .dropdown a i{
        top:4px;
        float:right;
        position:relative
    }
    .header-input .fa-angle-down{
        right:10px;
        top:7px
    }
    .logo-img{
        max-width:120px
    }
    #centralModalLGInfoDemo .modal-content{
        margin-top:100px
    }
    #centralModalLGInfoDemo .modal-dialog .modal-header button{
        right:15px;
        top:-29px
    }
    #centralModalLGInfoDemo .modal-dialog .modal-body{
        padding:15px 10px
    }
    #footer_us3{
        height:235px!important
    }
    .index-sec-head h1{
        font-size:25px
    }
    .index-sec{
        padding-top:30px;
        padding-bottom:50px
    }
    .index-sec-item{
        position:relative;
        margin-bottom:40px
    }
    .index-sec-item:last-child{
        margin-bottom:0
    }
    .banner-slider .slick-slide{
        height:200px
    }
    .banner-slider .slick-dots{
        bottom:-5px!important
    }
    .quick-view-detail .ratings .rating{
        margin:7px 0 0
    }
    .about-modal-store .close{
        position:relative;
        right:6px;
        top:9px
    }
    .about-modal-rest .close{
        position:relative;
        right:6px;
        top:9px
    }
    .quickview-modal-rest .close{
        position:relative;
        right:6px;
        top:9px
    }
    .slider-caption h5{
        font-size:17px
    }
    .slider-caption p{
        font-size:13px
    }
    .slider-caption h1{
        font-size:20px;
        color:#fff
    }
    .slider-caption button{
        padding:3px 10px
    }
    .featured-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .all-slider .slick-slide{
        margin:0 10px;
        padding:10px
    }
    .all-heading .col-md-10{
        width:65%
    }
    .all-heading .col-md-2{
        width:35%
    }
    .section4-heading .col-md-10{
        width:65%
    }
    .section4-heading .col-md-2{
        width:35%
    }
    .section2-head{
        padding:10px 9px
    }
    .section2-content h5{
        font-size:15px
    }
    .section2-head p{
        font-size:13px
    }
    .section3-img-head{
        padding:10px 9px
    }
    .section3-img-head h5{
        font-size:15px
    }
    .section3-img-head p{
        font-size:13px
    }
    #wrapper{
        padding:30px 0
    }
    #wrapper .tab-content{
        float:left;
        width:100%!important;
        margin-left:0!important;
        margin-top:50px
    }
    .item-list-item{
        margin-bottom:30px
    }
    .item-list-item button{
        padding:10px 20px
    }
    .item-page-bg h3{
        padding:0 20px;
        font-size:22px
    }
    .item-page-bg{
        padding:50px 0
    }
    .section8-heading p{
        margin:9px 0 9px
    }
    .section8-heading a{
        float:right
    }
    .section8-heading{
        display:none
    }
    #sidebar-wrapper button{
        display:block!important
    }
    #sidebar-wrapper{
        width:100%!important
    }
    .quick-view-detail #input_div button{
        padding:5px 10px
    }
    .product-description ul.tabs li{
        margin-right:7px;
        font-size:14px
    }
    .quick-view-detail .order-now-btn button{
        font-size:14px
    }
    .xzoom-gallery5{
        width:18%;
        border-radius:6px!important;
        margin-left:0!important
    }
    .store-all-heading h4:after{
        width:15%
    }
    .all-heading h4:after{
        width:15%
    }
    .section4-heading h4:after{
        width:15%
    }
    .section3-head h4:after{
        width:10%
    }
    .store-section2-content h4:after{
        width:10%
    }
    .section2-content h4:after{
        width:10%
    }
    .order-restaurant-content{
        width:71%;
        margin-left:0;
        margin-top:20px
    }
    .order-restaurant-content a{
        font-size:15px
    }
    .order-rest-div{
        margin:0 0 20px
    }
    .slider-content{
        width:100%!important;
        margin-left:0;
        text-align:center
    }
    .slider-content ul{
        position:relative
    }
    .slider-content h4{
        font-size:19px
    }
    .slider-content p,.slider-content ul li{
        font-size:13px
    }
    .slider-content h4 a{
        font-size:10px;
        letter-spacing:1.5px;
        padding:2px 10px
    }
    .item-head h5{
        font-size:19px;
        max-width:14ch
    }
    .item-list-item h4{
        font-size:13px;
        font-family:Poppins-SemiBold
    }
    #sidebar-nav ul{
        position:relative;
        width:90%;
        margin-left:10%;
        border-left:2px solid #fff;
        z-index:2;
        animation:fadeIn .7s
    }
    .sidebar-nav{
        padding:10px 10px 20px;
        width:100%!important;
        float:none;
        margin:auto
    }
    .sidebar-nav li{
        padding:5px 0
    }
    .slider-logo{
        width:100%!important
    }
    .slider-logo img{
        max-width:60px!important;
        margin:auto
    }
    .slider-caption{
        position:absolute;
        left:0!important;
        right:0!important;
        top:unset!important;
        transform:none!important;
        width:100%;
        margin:15px 0
    }
    #sidebar-wrapper{
        height:auto!important;
        width:93%!important;
        background:#373756!important;
        position:static!important;
        margin:auto;
        float:none!important
    }
    #wrapper #sidebar-wrapper .sidebar-nav{
        display:none
    }
    .sidebar-head{
        padding:10px 10px!important
    }
    .sidebar-brand:before{
        display:none!important
    }
    #wrapper{
        padding:30px 0!important
    }
    .item-list-item1-des{
        width:54%;
        margin:0 0 0 2%
    }
    .item-list-item1-des h3{
        font-size:13px
    }
    .item-list-item p{
        font-size:11px;
        line-height:18px
    }
    .item-list-item1-content{
        width:26%
    }
    .item-list-item1-content button{
        padding:3px 7px;
        font-size:10px
    }
    .item-list-item1-des ul{
        padding-top:10px
    }
    .item-list-item1-des ul li{
        font-size:10px;
        margin-right:2px
    }
    .item-list-item1-des ul li.star-des img{
        max-width:25px
    }
    .item-list-item1-des ul li.star-des span{
        font-size:9px;
        top:6px;
        left:5px
    }
    #sidebar-nav ul{
        position:relative;
        width:90%;
        margin-left:10%;
        border-left:2px solid #fff;
        z-index:2;
        animation:fadeIn .7s
    }
    .quickview-modal-rest .product-name h3{
        font-size:20px
    }
    .quickview-modal-rest .product-name p{
        font-size:12px
    }
    .quickview-modal-rest .price-box h4{
        font-size:15px
    }
    .quickview-modal-rest .quickview-img img{
        max-width:150px
    }
    .quickview-modal-rest .quickview-img{
        text-align:center;
        margin-bottom:20px
    }
    .continue-btn input{
        margin-right:10px
    }
    .quickview-modal-rest .order-now-btn input{
        padding:10px 16px;
        font-size:10px
    }
    .continue-btn input{
        padding:8px 18px!important
    }
    .profile-left-label{
        width:100%;
        text-align:left
    }
    .payment-text-div .profile-left-label{
        width:100%
    }
    .payment-text-div .profile-right-input{
        width:100%
    }
    .profile-right-input{
        width:100%
    }
    .userContainer-bg .form-control{
        border-top:0;
        border-left:1px solid #ced4da
    }
    #suscription_history_filter .form-control, .shipping-method-inner .form-control {border: 1px solid #ced4da;}
    .userContainer .row.panel-heading .profilePic{
        width:37%;
        margin-left:0;
        margin-top:3%
    }
    .section9-inner-div{
        padding:15px 5px
    }
    .userContainer .row.panel-heading .formBtn{
        text-align:left;
        margin:30px 0 0
    }
    .profile-sidebar-sec #sidebar-wrapper button{
        width:auto!important;
        border-radius:0;
        padding:5px 8px;
        background:0 0
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li{
        width:100%;
        padding:6px 15px;
        text-align:left;
        box-shadow:none!important;
        height:auto
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li a{
        color:#fff
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li.active a,.profile-sidebar #sidebar-wrapper .sidebar-nav li:hover a{
        color:#ff5215
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li:hover{
        background-color:#fff
    }
    #sidebar-wrapper .navbar-toggler-icon{
        background-image:url(../../../public/front/images/accordion-arrow.png);
        width:15px;
        height:8px;
        background-size:100% 100%
    }
    [aria-expanded~=true]>.navbar-toggler-icon{
        background-repeat:no-repeat!important;
        width:15px;
        height:8px;
        background-size:100% 100%;
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li i{
        padding:0 10px 0 0;
        float:left;
        font-size:20px;
        top:auto!important
    }
    .profile-sidebar #sidebar-wrapper .navbar{
        background:#ff5215;
        color:#fff
    }
    .section8-filter{
        margin:15px 0 0
    }
    .section8-filter button{
        padding:5px 10px;
        font-size:12px
    }
    .sidebar-nav li i{
        display:block!important;
        color:#fff;
        top:18px!important
    }
    .featured-img-star span,.featured-pdt-star span,.pdt-star span,.star-des span{
        left:6px!important
    }
    .location-content p{
        font-size:10px!important
    }
    .add-item{
        text-align:center
    }
    .back-to-shop{
        text-align:center;
        margin-top:10px
    }
    .res-full{
        margin:10px 0 0 0;
        float:left;
        width:100%
    }
    .cart-counter{
        margin-top:10px;
        margin-bottom:0
    }
    .cart-price{
        margin-top:17px;
        margin-bottom:0;
        margin-left:2%;
        width:51%;
        margin-right:2%;
        text-align:center
    }
    .cart-remove{
        margin:15px 0 0
    }
    .cart-counter{
        width:102px
    }
    .cart-remove{
        width:7%
    }
    .handle-counter input{
        width:57px;
        padding:4px 5px
    }
    .counter-minus{
        left:13px
    }
    .counter-plus{
        right:13px
    }
    .choice-modal .modal-dialog .close{
        right:12px;
        top:5px
    }
    .stockExceedClass{
        font-size:10px!important
    }
    .sidebar-head{
        cursor:pointer
    }
    .item-list-item1-des{
        width:82%
    }
    .item-list-item1-content{
        width:82%;
        text-align:center;
        margin-top:2px
    }
    .item-list-item1-content a{
        float:left
    }
    .item-list-item1-content h4{
        float:left;
        margin:5px 15px;
        font-size:14px
    }
    .item-list-item1-content button{
        margin-top:0
    }
    .item-list-item1-des ul li.star-des span{
        top:3px;
        left:0!important;
        right:0;
        margin:auto;
        font-size:13px
    }
    .item-list-item1-des ul li.star-des img{
        margin-right:0
    }
    .item-list-item p{
        font-size:13px;
        line-height:20px
    }
    .item-list-item1-des ul li{
        font-size:13px;
        margin-right:10px;
        position:relative;
        left:-6px
    }
    .item-list-item1-content button{
        padding:2px 10px;
        font-size:12px
    }
    #sidebar-nav li:hover ul{
        margin-left:2%
    }
    .item-list-item1-content i{
        position:relative;
        top:4px;
        font-size:21px
    }
    .item-list-item{
        padding:20px 15px
    }
    .section8-filter{
        margin:15px auto 0;
        width:320px;text-align: center;
    }
    .section8{
        border-bottom:0
    }
    #wrapper{
        padding:10px 0 30px!important
    }
    .item-list-item1-des ul li{
        text-align:center;
        left:0
    }
    .quickview-modal-rest .ratings{
        width:100%;
        float:left
    }
    .quickview-modal-rest .ratings p{
        text-align:left;
        float:left
    }
    .quickview-modal-rest .order-now-btn input{
        font-size:13px
    }
    .ui-widget.ui-widget-content{
        flex:0 0 90%;
        max-width:90%
    }
    .section10-inner{
        padding:30px 0
    }
    .section10-inn-heading{
        margin:0 0 30px
    }
    .section10-inn-heading h2{
        font-size:20px
    }
    .section10-inn-heading p{
        font-size:15px
    }
    .all-rest-cate{
        margin:0 0 20px
    }
    .all-rest-name{
        width:63%
    }
    .all-rest-name h4{
        font-size:17px
    }
    .all-rest-off{
        width:37%;
        padding:15px 15px
    }
    .all-rest-off ul li{
        margin:0 auto 20px
    }
    .section10-list li a.store-list-active{
        color:#ff5215!important;
        background:0 0;
        border:0!important
    }
    .section10-list li a{
        color:#373756;
        background:0 0
    }
    .userContainer .table thead th{
        font-size:12px;
        letter-spacing:.2px
    }
    .review-restaurant-btn{
        font-size:11px
    }
    .userReview .table-responsive button{
        padding:2px 5px
    }
    .userReview .table-responsive .approveSpan{
        padding:2px 5px
    }
    .review-rest-section .col-3{
        padding-right:0
    }
    .review-rest-section{
        margin-bottom:10px
    }
    .handle-counter button{
        padding:4px 5px
    }
    .order-track{
        padding:25px 0
    }
    .order-track-sec1{
        margin:0 0 20px
    }
    .order-restaurant{
        width:100%;
        margin:0 0 15px
    }
    .order-agent1,.order-agent2{
        width:100%!important
    }
    .order-agent1{
        margin:0 0 15px
    }
    .order-track-sec2{
        margin:15px 0
    }
    .quick-view-detail .product-name h3{
        font-size:20px
    }
    .related-item .slick-slide div div{
        display:block!important;
        max-width:268px;
        margin:auto
    }
    .sidebar-brand{
        text-align:left!important
    }
    .sidebar-brand.sidebar-head i{
        display:block;
        float:right;
        padding-right:10px;
        position:relative;
        top:4px
    }
    .item-head h5 span#cate_name{
        font-size:18px
    }
    .item-head select{
        margin-top:3px
    }
    #dynamictabstrp .item-head select{margin-top:10px}
    .order-invoice-col-5 table tr td,.order-invoice-col-5 table tr th{
        padding:10px 5px
    }
    .about-modal-rest ul.tabs li{
        font-size:15px;
        padding:5px 12px
    }
    #about-modal #tab-3 .col-md-10{
        max-width:69%;
        padding-left:0
    }
    .quick-view-detail .product-name p{
        font-size:14px
    }
    .product-description .tab-content{
        font-size:14px
    }
    .quick-view-detail .price-box h4{
        font-size:19px
    }
    .cart-accordion ul li form .checkbox{
        width:100%
    }
    .cart-accordion ul li .dtmebtn-div{
        width:100%
    }
    .cart-accordion ul li .dtmebtn-div input{
        margin-left:0
    }
    .iti-mobile .intl-tel-input.iti-container{
        top:0!important;
        bottom:0!important;
        left:0!important;
        right:0!important;
        position:fixed;
        background:rgba(0,0,0,.5)
    }
    .iti-mobile .intl-tel-input .country-list{
        top:20px;
        left:20px;
        right:20px;
        width:auto!important
    }
    .userContainer-bg .shipping_tables.common_responsivetable .form-control{border-top:1px solid #ced4da}
  
 }
 @media only screen and (min-width:1024px) and (max-width:1280px){
    .catgList .catgImgDiv{
        margin:0 4px 10px 0
    }
    #sidebar-wrapper .collapse:not(.show){
        display:block
    }
    .userContainer .row.panel-heading{
        font-size:12px
    }
 }
 @media only screen and (min-width:768px) and (max-width:1199px){
    
    .userContainer #sidebar-wrapper li i{
        padding:0
    }
    .userContainer #sidebar-wrapper li i{
        float:left;
        margin-right:10px
    }
    .userContainer #sidebar-wrapper li a span{
        float:left
    }
   
 }
 @media only screen and (max-width: 992px) {
    .mobile-menu{position: absolute;right: 15px;}
	.mobile-loc{position: absolute;right: 50px;padding:0}
	.mobile-cart{position: absolute;right: 85px;padding:0}
    .shipping-details table.checkout_table{width: 900px;}
    .checkout_shipping_add{width:900px}
}

@media only screen and (max-width:768px){
 .section9-inner-div .common_responsivetable table tr td{padding-left:35%}
 .section9-inner-div .common_responsivetable table tr td.action_btmmobile{padding-left: 0;}
 .common_responsivetable table thead tr{display: none;}
 .common_responsivetable table tr {border: 1px solid #ddd; display: block;margin-bottom: 0.625em;}
 .common_responsivetable table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right;position: relative;}
 .common_responsivetable table td:before {content: attr(data-label);float: left;font-weight: bold; text-transform: uppercase;position: absolute;left:15px;}
.common_responsivetable table td:first-child,.common_responsivetable table td:first-child a {background: #fff8f3;}
.common_responsivetable table td:first-child a {text-decoration:underline;}
.common_responsivetable.order-detailslisttable.invoice-table table td{padding-top:25px;text-align:left;}
.common_responsivetable.order-detailslisttable.invoice-table table td:first-child{background:none;color:#000}
.common_responsivetable.order-detailslisttable.invoice-table table td::before{top:6px;left:10px}
.userContainer .user_wishlist .common_responsivetable  table td:first-child{padding-left:10%}
.userContainer .user_wishlist .common_responsivetable  table a{display: inline-block;border:0;border-right:1px solid;font-size:13px;border-radius: 0;margin-right: 10px;padding-right: 10px;}
.userContainer .user_wishlist table a:last-child{border-right:0;margin-right: 0;padding-right: 0;}
.common_responsivetable.view_refund.invoice-table table td.delivery_feesextra{padding-top:50px;}
.common_responsivetable.view_refund.invoice-table table td.delivery_feesextra:before{top:10px;padding-right:15px}
.mobile76-none{display:none}
.mobile_view_shipping{display: block;}
.my_order_totaltd{width:auto}
.contact-left li{flex-wrap: wrap;word-wrap: break-word;display: flex;gap:10px;align-items: center;}
.contact-left li a{flex-wrap: wrap;word-wrap: break-word;display: flex;gap:10px;align-items: center;}
.contact-left li i{top:0}
.contact-left li span{word-wrap: break-word;}
.contact-left li i{padding-right: 0;}
.section9-inner-div .shipping_tables.common_responsivetable table td:first-child label{font-size: 16px;}
.section9-inner-div .shipping_tables.common_responsivetable table td:first-child label i{margin-left: 5px;margin-right:5px;font-size: 16px;}
.section9-inner-div .shipping_tables.common_responsivetable table tr td{padding-left: 10px;width: 100%;border-bottom: 0;}
.nonContent_inner{max-width: 100%;}
 }
 @media only screen and (min-width:768px) and (max-width:1023px){
    .catgList .catgImgDiv{
        margin:0 4px 10px 0
    }
    #sidebar-wrapper .collapse:not(.show){
        display:block;
        margin-bottom:5px
    }
    #sidebar-wrapper .sidebar-nav li a{
        font-size:14px
    }
    .userContainer .row.panel-heading{
        font-size:14px
    }
    /* .userContainer table a{
        font-size:80%;
        margin-bottom:5px;
        display:block;
        text-align:center;
       
        margin-right:0;
        padding-right:0;
        border-radius:4px
    } */
    .payment-wallet-sec ul{
        display:flex
    }
    .payment-wallet-sec li .payment-wallet-attr{
        margin:30px 0 0;
        width:30px;
        height:30px
    }
    .payment-wallet-sec li .wallet-wave{
        bottom:-11px
    }
 }
 @media only screen and (min-width:767px) and (max-width:768px){
.contact-right{max-width:55%}
.contact-left{max-width:45%}
 }
 @media only screen and (min-width:480px) and (max-width:767px){
    .use_wallet-section{
        padding:unset
    }
    .payment-wallet-sec{
        padding:10px 5px
    }
    .payment-wallet-sec-head{
        font-size:12px
    }
    .payment-wallet-sec ul{
        display:flex
    }
    .payment-wallet-sec li:nth-child(2),.payment-wallet-sec li:nth-child(4){
        display:block
    }
    .payment-wallet-sec li .payment-wallet-attr{
        display:inline-block;
        margin:20px 0 0;
        width:30px;
        height:30px
    }
    .payment-wallet-sec li .wallet-wave{
        bottom:-8px
    }
    .payment-wallet-sec li{
        display:block;
        width:100%
    }
    .payment-wallet-sec li{
        display:block;
        width:100%
    }
    .checkoutDetail .radiolabel{
        width:100%
    }
    .section9-inner #validate_form label.col-form-label{
        padding:7px 0
    }
    .section11{
        margin-top:0;
        padding-top:10px
    }
    .cart-total table{
        width:50%
    }
    .catgList .catgImgDiv{
        margin:0 4px 10px 0
    }
    .userContainer .row.panel-heading .formBtn{
        text-align:left
    }
    #sidebar-wrapper .sidebar-nav li a{
        padding:2px 2px
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li{
        width:100%;
        padding:6px 15px;
        text-align:left;
        box-shadow:none!important;
        height:auto
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li i{
        padding:0 10px 0 0;
        float:left;
        font-size:20px;
        top:auto!important
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li a{
        color:#fff
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li:hover{
        background-color:#fff
    }
    .profile-sidebar #sidebar-wrapper .sidebar-nav li.active a,.profile-sidebar #sidebar-wrapper .sidebar-nav li:hover a{
        color:#ff5215
    }
    .userContainer .form-group.row{
        margin-left:0;
        margin-right:0
    }
    .userContainer .form-group.row label.col-form-label{
        padding:0;
        float:left;
        width:auto
    }
    .userContainer select.form-control{
        width:auto;
        float:left;
        height:22px;
        margin-left:10px
    }
    .userContainer select.form-control.merchant-select{height:calc(2.25rem + 2px);width:100%;margin-left: 0;}
    
 }
 @media only screen and (min-width:320px) and (max-width:479px){
    .payment-wallet-sec li:nth-child(2),.payment-wallet-sec li:nth-child(4){
        display:block;
        text-align:center
    }
    .payment-wallet-sec li .payment-wallet-attr{
        display:inline-block;
        margin:10px 0 0
    }
    .payment-wallet-sec li .wallet-wave{
        bottom:-11px
    }
    .payment-wallet-sec li{
        display:block;
        width:100%
    }
    .checkoutDetail .radiolabel{
        width:100%
    }
    .checkout-add .form-left{
        width:100%
    }
    .collapse-group{
        padding:0!important
    }
    .checkout-add .form-right{
        width:100%
    }
    .checkoutDetail .checkout-add{
        padding:10px
    }
    .section11{
        margin-top:0;
        padding-top:10px
    }
    .cart-total table{
        width:100%
    }
    .userContainer #sidebar-wrapper li i{
        padding:0 5px 0 0;
        float:left
    }
    .userContainer #sidebar-wrapper li a span{
        float:left;
        padding-top:4px
    }
    .my-order-form input#cus_name{
        margin-right:0
    }
    .catgList .catgImgDiv{
        margin:0 4px 10px 0;
        height:140px
    }
    .catgList>div{
        padding:0 6px
    }
    #sidebar-wrapper .sidebar-nav li a{
        padding:0
    }
    .userContainer .form-group.row{
        margin-left:0;
        margin-right:0
    }
    .userContainer .form-group.row label.col-form-label{
        padding:0;
        float:left;
        width:auto
    }
    .userContainer .add_wallet_top .form-group.row label.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);padding-left:15px;padding-right:15px}
   
 }
 @media only screen and (max-width:767px){
    .invoice-section{
        padding:20px 0
    }
    .invoice-table{
        overflow-x:auto;
        overflow-y:hidden
    }
    .invoice-table table{width:1200px}
    .invoice-cli-add{
        margin-top:15px
    }
    .order-id-sec{
        text-align:left
    }
    .invoice-table table th{
        padding:10px 10px
    }
    .invoice-table table td{
        padding:10px 10px;
        font-size:14px
    }
    .payment-method{
        margin:0 0 40px
    }
    .payment-method p{
        width:100%;
        text-align:center;
        background:#fff
    }
    .checkoutDetail .panel-default #collapseTwo{
        overflow-x:scroll
    }
    .view_restaurant_review .modal-body .panel-heading .col-lg-8{
        padding:0 15px
    }
    .mobile_viewsidebar{display: block;}
    .web_viewsidebar{display: none;}
    .custom_afterprofilesection{padding-top:0}
    .my-order-form .form-group.row{margin-bottom:1rem}
    .order-track-sec3 table tr{ display: block;}
    .order-track-sec3 table tr td{display: block;border:0}
 }
 @media (min-width:320px) and (max-width:575px){
    .location-sec{
        display:none;
        text-align:center
    }
    .location-sec .location-content{
        width:100%
    }
    .mobile-loc{
        text-align:center;
        margin:0;
        cursor:pointer;
        padding:0
    }
    .mobile-loc i{
        font-size:29px;
        color:#ff5215;
        margin:15px 0
    }
    .mobile-menu{
        text-align:center;
        margin:0;
        cursor:pointer;
        z-index:9
    }
    .mobile-menu i{
        font-size:25px;
        margin:17px 0
    }
    .mobile-cart{
        text-align:right;
        margin:0;
        cursor:pointer;
        
    }
    .mobile-cart i{
        font-size:23px;
        margin:20px 0 0
    }
    .mobile-cart span{
        background-color:#e83f33;
        border-radius:20px;
        color:#fff;
        font-size:11px;
        height:18px;
        line-height:18px;
        position:absolute;
        right:6px;
        text-align:center;
        top:10px;
        width:18px
    }
    .login-menu{
        position:fixed;
        width:250px;
        right:-250px;
        height:100%;
        padding:0;
        top:0;
        transition:.2s;
        overflow: auto;background:#ff5215;
    }
    
    .login-menu ul{
        background:#ff5215;
        
    }
    .login-menu ul ul{
        margin-bottom:20px;
        box-shadow:none;
        width:100%
    }
    .login-menu ul li{
        padding:10px 15px;
        border-bottom:1px solid #cc4617;
        color:#fff;
        cursor:pointer
    }
    .login-menu ul li li{
        padding:10px 0!important
    }
    .login-menu ul li:last-child{
        border-bottom:0 solid #cc4617
    }
    .login-menu ul li li:hover a{
        color:#000
    }
    .login-menu ul li li:hover button{
        color:#000!important
    }
    .login-menu ul li a{
        color:#fff
    }
    .login-menu ul li .refer-frd-btn{
        color:#fff
    }
    .header{
        padding:10px 0
    }
    .header-cart-sec{
        display:none
    }
    .logo img{
        max-width:135px;
        margin:0
    }
    .section1-banner .slick-slide img{
        height:200px
    }
    .section1-banner .slick-next,.section1-banner .slick-prev{
        display:none!important
    }
    .section2 .slick-slide{
        margin:0 10px
    }
    .section2 .slick-next,.section2 .slick-prev{
        top:35%
    }
    .icon-slider .slick-slide>div div .icon-img-caption{
        font-size:16px;
        width:50%;
        margin:20px auto 0
    }
    .section2 .slick-slide img{
        padding:40px
    }
    .section2{
        padding:15px 0 0
    }
    .section2 .slick-slide .icon-img span:before{
        left:0;
        right:0;
        margin:auto;
        width:171px;
        height:171px;
        top:-5px
    }
    .section2 .slick-slide .icon-img span{
        display:block
    }
    .section3-heading h2{
        font-size:24px
    }
    .show-all-cont{
        width:68px;
        height:111px
    }
    .section3 .slick-slide{
        margin:0 10px
    }
    .section3 .slick-slide div div{
        max-width:300px;
        display:block!important;
        margin:auto
    }
    .show-all-img img{
        height:377px
    }
    .pdt-slider-img{
        height:212px
    }
    .pdt-slider-cont p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .show-all-img{
        height:100%
    }
    .show-all-cont img{
        height:auto
    }
    .section3{
        padding:40px 0
    }
    .section4{
        padding:100px 0 50px!important
    }
    .section4 p br{
        display:none
    }
    .section4 h1{
        font-size:38px
    }
    .section4 h1 span{
        font-size:60px
    }
    .section4 p{
        width:100%
    }
    .section5-inner{
        margin:30px 0 0
    }
    .section5-inner div div .row{
        margin-right:0;
        margin-left:0
    }
    .featured-food-icon{
        left:40px;
        bottom:-40px;
        width:80px;
        height:80px
    }
    .featured-food-icon img{
        top:15px;
        left:16px
    }
    .featured-sec-cont{
        bottom:56px;
        left:25px
    }
    .featured-sec-cont h3{
        font-size:20px
    }
    .featured-content{
        width:65%;
        margin:7px 0
    }
    .featured-content h3{
        max-width:77%
    }
    .section5{
        padding:50px 0 100px
    }
    .section6-content{
        width:100%;
        text-align:center
    }
    .section6-img{
        text-align:center;
        width:100%;
        margin:0 0 20px 0
    }
    .section6-inner2 h4{
        font-size:20px;
        margin-bottom:30px;
        text-align:center
    }
    .section6-inner2 ul li{
        padding-right:0;
        width:100%;
        text-align:center;
        padding-bottom:50px
    }
    .section6-inner2 ul li:last-child{
        padding-right:0
    }
    .section6-inner2 ul li img{
        max-width:200px
    }
    .section6-inner2{
        padding-bottom:0
    }
    .section6-right{
        margin-top:0;
        text-align:center
    }
    .section6-right img{
        max-width:277px;
        margin-top:0
    }
    .section6-inner1{
        margin:20px 0 20px
    }
    .footer1{
        text-align:center
    }
    .footer-spacing{
        display:none
    }
    .footer-menu{
        margin-top:45px
    }
    .footer-menu ul li{
        padding:4px 0;
        width:100%
    }
    .footer-menu ul li a{
        font-size:13px
    }
    .footer-content p{
        font-size:13px;
        width:100%
    }
    .footer1 .row{
        margin-right:0;
        margin-left:0
    }
    .footer-logo img{
        max-width:170px
    }
    .footer #language{
        float:none;
        display:inline-block
    }
    .fixed-header-cart-sec{
        bottom:0;
        right:10px;
        left:10px;
        display:block!important;
        top:inherit;
        border-bottom-left-radius:0!important;
        border-bottom-right-radius:0!important;
        border-top-left-radius:10px!important;
        border-top-right-radius:10px!important
    }
    .header-cart-sec-in{
        text-align:center
    }
    .fixed-header-cart-sec .head-cart-price{
        float:none;
        padding:10px 10px 0
    }
    .section-newletter .newsletter-inner{
        width:100%;
        border:0
    }
    .section-newletter .newsletter-inner input{
        width:100%;
        border:1px solid #ddd;
        margin:0;
        margin:0 0 20px
    }
    .section-newletter .newsletter-inner button{
        width:100%;
        color:#fff;
        background-color:#d93529;
        margin:0
    }
    .quickview-modal-rest .modal-dialog{
        margin:.5rem
    }
    .preFooter .preFootercol1 .span{
        left:7px
    }
    .preFooter .preFootercol2 .span{
        right:10px
    }
    .pre-foot h1{
        font-size:23px
    }
    .indexSec .section10 .section8-filter button{
        margin:3px 0
    }
    .off-for-u-left{
        width:100%;
        text-align:center
    }
    .off-for-u-mid{
        width:100%;
        text-align:center;
        margin-left:0!important;
        margin-top:10px;
        margin-bottom:10px
    }
    .off-for-u-right{
        width:100%;
        margin-left:0
    }
    .off-for-u-right .circle-progres{
        float:none;
        margin:auto
    }
    a.clear_all{
        width:auto;
        padding:5px 10px
    }
    .common_responsivetable.view_refund.invoice-table table td.delivery_feesextra{padding-top:90px;}
 }
 @media (min-width:576px) and (max-width:767px){
    .location-sec{
        display:none
    }
    .mobile-loc{
        text-align:right;
        margin:0;
        cursor:pointer
    }
    .mobile-loc i{
        font-size:31px;
        color:#ff5215;
        margin:16px 0
    }
    .mobile-menu{
        text-align:right;
        margin:0;
        cursor:pointer
    }
    .mobile-menu i{
        font-size:25px;
        margin:21px 0
    }
    .mobile-cart{
        text-align:right;
        margin:0;
        cursor:pointer;
        
    }
    .mobile-cart i{
        font-size:29px;
        margin:19px 0
    }
    .mobile-cart span{
        background-color:#e83f33;
        border-radius:20px;
        color:#fff;
        font-size:11px;
        height:18px;
        line-height:18px;
        position:absolute;
        right:6px;
        text-align:center;
        top:8px;
        width:18px
    }
    .login-menu{
        position:fixed;
        width:250px;
        right:-250px;
        height:100%;
        padding:0;
        top:0;
        transition:.2s;overflow: auto;
    }
   
    .login-menu ul{
        background:#ff5215;
        height:100%
    }
    .login-menu ul ul{
        margin-bottom:20px;
        box-shadow:none;
        width:100%
    }
    .login-menu ul li{
        padding:10px 15px;
        border-bottom:1px solid #cc4617;
        color:#fff;
        cursor:pointer
    }
    .login-menu ul li li{
        padding:10px 0!important
    }
    .login-menu ul li:last-child{
        border-bottom:0 solid #cc4617
    }
    .login-menu ul li li:hover a{
        color:#000
    }
    .login-menu ul li li:hover button{
        color:#000!important
    }
    .login-menu ul li a{
        color:#fff
    }
    .login-menu ul li .refer-frd-btn{
        color:#fff
    }
    .header{
        padding:10px 0
    }
    .header-cart-sec{
        display:none
    }
    .logo img{
        margin:0
    }
    .section1-banner .slick-slide img{
        height:270px
    }
    .section1-banner .slick-next,.section1-banner .slick-prev{
        display:none!important
    }
    .section2{
        padding:10px 0 0
    }
    .section2 .slick-slide{
        margin:0 10px
    }
    .section2 .slick-next,.section2 .slick-prev{
        top:35%
    }
    .icon-slider .slick-slide>div div .icon-img-caption{
        font-size:16px
    }
    .section2 .slick-slide .icon-img span:before{
        left:15px
    }
    .section3-heading h2{
        font-size:28px
    }
    .show-all-cont{
        width:32%;
        height:38%
    }
    .section3 .slick-slide{
        margin:0 10px
    }
    .pdt-slider-img{
        height:180px
    }
    .pdt-slider-cont p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .show-all-img{
        height:100%
    }
    .show-all-img img{
        height:345px
    }
    .show-all-cont img{
        height:auto
    }
    .section3{
        padding:70px 0
    }
    .pdt-wave{
        bottom:-1px
    }
    .section4{
        padding:142px 0 50px!important;
        background-position:center!important
    }
    .section4 p br{
        display:none
    }
    .section4 h1{
        font-size:45px
    }
    .section4 h1 span{
        font-size:70px
    }
    .section4 p{
        width:100%
    }
    .section5-inner{
        margin:50px 0 0
    }
    .section5-inner div div .row{
        margin-right:0;
        margin-left:0
    }
    .featured-food-icon{
        left:40px;
        bottom:-40px
    }
    .featured-sec-cont{
        bottom:16px;
        left:165px
    }
    .featured-content h3{
        max-width:335px
    }
    .section5{
        padding:50px 0 100px
    }
    .section6-img{
        text-align:center;
        width:100%;
        margin:0 0 20px 0
    }
    .section6-content{
        width:100%;
        text-align:center
    }
    .section6-inner2 h4{
        font-size:22px;
        margin-bottom:30px;
        text-align:center
    }
    .section6-inner2 ul li{
        padding-right:0;
        width:100%;
        text-align:center;
        padding-bottom:50px
    }
    .section6-inner2 ul li img{
        max-width:200px
    }
    .section6-inner2 ul li:last-child{
        padding-right:0
    }
    .section6-inner2{
        padding-bottom:0
    }
    .section6-right{
        text-align:center
    }
    .section6-right img{
        max-width:277px;
        margin-top:0
    }
    .footer-spacing{
        display:none
    }
    .footer-menu{
        margin-top:20px
    }
    .footer-menu ul li{
        padding:4px 0;
        width:100%
    }
    .footer1{
        text-align:center
    }
    .footer2 .col-lg-7{
        text-align:center
    }
    .footer-logo img{
        max-width:170px
    }
    .footer-content p{
        width:100%
    }
    .fixed-header-cart-sec{
        bottom:0;
        right:10px;
        left:10px;
        display:block!important;
        top:inherit;
        border-bottom-left-radius:0!important;
        border-bottom-right-radius:0!important;
        border-top-left-radius:10px!important;
        border-top-right-radius:10px!important
    }
    .header-cart-sec-in{
        text-align:center
    }
    .fixed-header-cart-sec .head-cart-price{
        float:none;
        padding:10px 10px 0
    }
    .section-newletter .newsletter-inner{
        width:100%
    }
    .section-newletter input{
        width:72%
    }
    .indexSec .section10 .section8-filter button{
        margin:3px 0
    }
    .off-for-u-left{
        width:100%;
        text-align:center
    }
    .off-for-u-mid{
        width:100%;
        text-align:center;
        margin-left:0!important;
        margin-top:10px;
        margin-bottom:10px
    }
    .off-for-u-right{
        width:100%;
        margin-left:0
    }
    .off-for-u-right .circle-progres{
        float:none;
        margin:auto
    }
    a.clear_all{
        width:auto;
        padding:5px 10px
    }
    .offset-lg-lang{margin-left:0;margin-top:5px}
 }
 @media (min-width:769px) and (max-width:991px){
    .order-detailslisttable{overflow: auto;}
    .order-detailslisttable table{width: 1000px;}
    }
 @media (min-width:768px) and (max-width:991px){
    .location-sec{
        display:none
    }
    .mobile-loc{
        text-align:right;
        margin:0;
        cursor:pointer
    }
    .mobile-loc i{
        font-size:31px;
        color:#ff5215;
        margin:10px 0
    }
    .mobile-menu{
        text-align:right;
        margin:0;
        cursor:pointer
    }
    .mobile-menu i{
        font-size:25px;
        margin:17px 0
    }
    .mobile-cart{
        text-align:right;
        margin:0;
        cursor:pointer;
        
    }
    .mobile-cart i{
        font-size:29px;
        margin:15px 0
    }
    .mobile-cart span{
        background-color:#e83f33;
        border-radius:20px;
        color:#fff;
        font-size:11px;
        height:18px;
        line-height:18px;
        position:absolute;
        right:6px;
        text-align:center;
        top:6px;
        width:18px
    }
    .login-menu{
        position:fixed;
        width:250px;
        right:-250px;
        height:100%;
        padding:0;
        top:0;
        transition:.2s;overflow: auto;background:#ff5215;
       
    }
   
    .login-menu ul{
        background:#ff5215;
        
    }
    .login-menu ul ul{
        margin-bottom:20px;
        box-shadow:none;
        width:100%
    }
    .login-menu ul li{
        padding:10px 15px;
        border-bottom:1px solid #cc4617;
        color:#fff;
        cursor:pointer
    }
    .login-menu ul li li{
        padding:10px 0!important
    }
    .login-menu ul li:last-child{
        border-bottom:0 solid #cc4617
    }
    .login-menu ul li li:hover a{
        color:#000
    }
    .login-menu ul li li:hover button{
        color:#000!important
    }
    .login-menu ul li a{
        color:#fff
    }
    .login-menu ul li .refer-frd-btn{
        color:#fff
    }
    .header{
        padding:10px 0
    }
    .logo img{
        margin:0;
        max-width:150px
    }
    .header-cart-sec{
        display:none
    }
    .section2{
        padding:0 0 0
    }
    .section2 .slick-slide{
        margin:0 10px
    }
    .icon-slider .slick-slide>div div .icon-img{
        padding:13px 0
    }
    .icon-slider .slick-slide>div div .icon-img-caption{
        font-size:16px
    }
    .section2 .slick-slide .icon-img span:before{
        left:15px
    }
    .section3-heading h2{
        font-size:31px
    }
    .product-slider{
        padding:0 50px
    }
    .section3 .slick-slide{
        margin:0 10px
    }
    .show-all-cont{
        width:32%;
        height:38%
    }
    .pdt-wave{
        bottom:-1px
    }
    .pdt-slider-img{
        height:190px
    }
    .show-all-img{
        height:100%!important
    }
    .show-all-img img{
        height:355px
    }
    .show-all-cont img{
        height:auto
    }
    .section3{
        padding:70px 0
    }
    .pdt-slider-cont{
        padding:15px 9px
    }
    .pdt-slider-cont p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .pdt-slider-loc{
        padding:10px 9px
    }
    .section4{
        padding:177px 0 50px!important
    }
    .section4 p br{
        display:none
    }
    .section4 h1{
        font-size:50px
    }
    .section4 h1 span{
        font-size:70px
    }
    .section4 p{
        width:100%
    }
    .featured-content{
        width:54%;
        margin:7px 0
    }
    .section5{
        padding:50px 0 130px
    }
    .section5-spacing{
        display:none
    }
    .featured-img-sec img{
        height:360px
    }
    .featured-img-star img{
        height:auto
    }
    .featured-food-icon img{
        height:auto
    }
    .featured-food-icon{
        left:39px
    }
    .featured-sec-cont{
        left:152px
    }
    .featured-sec-cont h3{
        font-size:18px
    }
    .section5-inner{
        margin:60px 0 0
    }
    .section6-content{
        width:77%
    }
    .section6-inner2{
        padding-bottom:20px
    }
    .section6-inner2 h4{
        font-size:23px;
        margin-bottom:30px
    }
    .section6-inner2 ul li{
        padding-right:30px
    }
    .section6-inner2 ul li img{
        max-width:178px
    }
    .section6-inner2 ul li:last-child{
        padding-right:0
    }
    .section6-right img{
        max-width:300px;
        margin-top:-79px
    }
    .section6-inner1{
        margin:20px 0 20px
    }
    .footer-spacing{
        display:none
    }
    .footer-content p{
        font-size:13px;
        width:90%
    }
    .footer-menu ul li a{
        font-size:13px
    }
    .fixed-header-cart-sec{
        bottom:0;
        right:10px;
        left:10px;
        display:block!important;
        top:inherit;
        border-bottom-left-radius:0!important;
        border-bottom-right-radius:0!important;
        border-top-left-radius:10px!important;
        border-top-right-radius:10px!important;z-index: 3;
    }
    .header-cart-sec-in{
        text-align:center
    }
    .fixed-header-cart-sec .head-cart-price{
        float:none;
        padding:10px 10px 0
    }
    .section-newletter .newsletter-inner{
        width:75%
    }
    .section-newletter input{
        width:72%
    }
    .userReview .table-responsive .approveSpan{
        padding:2px 9px
    }
    .indexSec .section10 .section8-filter button{
        margin:3px 0
    }
    .off-for-u-left{
        width:16%
    }
    .off-for-u-mid{
        width:52%
    }
    .off-for-u-right{
        width:26%
    }
    a.clear_all{
        width:auto;
        padding:5px 10px
    }
 
 }
 @media (min-width:992px) and (max-width:1199px){
    .head-cart-price span i{
        margin-right:2px
    }
    .section2 .slick-slide{
        margin:0 15px
    }
    .pdt-slider-cont p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .show-all-cont{
        width:31%;
        height:32%
    }
    .show-all-img img{
        height:395px
    }
    .show-all-cont img{
        height:auto
    }
    .section5-spacing{
        display:none
    }
    .featured-img-sec img{
        height:360px
    }
    .featured-img-star img{
        height:auto
    }
    .featured-food-icon img{
        height:auto
    }
    .section6-content{
        width:83%
    }
    .section6-inner2 h4{
        font-size:23px
    }
    .section6-right img{
        margin-top:-99px
    }
    .footer-content p{
        width:90%
    }
    .fixed-header-cart-sec{
        right:3%
    }
    .indexSec .section10 .section8-filter button{
        margin:3px 0
    }
    .allCatelist .all-rest-off ul li{
        width:62px
    }
    .off-for-u-mid{
        width:67%
    }
 }

 @media only screen and (max-width:991px){
    .with_footer_cart_sec.footer2 p{margin:0 0 50px 0}
}
@media only screen and (max-width:576px){
    .contact-right h3{padding-left:15px;margin-bottom: 0;}
    .userContainer .row.panel-heading .formBtn{margin:30px 0 0}
    .contact-page-inner{margin-left:0;margin-right:0}
    .contact-right{padding-left:0;padding-right: 0;padding-top: 25px;}
    .offset-lg-lang{margin-left:0}
    /* .userContainer .row.panel-heading{padding-left:10px;padding-right:10px} */
    /* #location_form{margin-left:0;margin-right:0}
    .userContainer #paymayaDiv.row.panel-heading, .userContainer #paynamicsDiv.row.panel-heading{padding-left:0;padding-right:0} */
    .section9-inner-div{padding:15px}
    .sidebar-head{padding:0!important}
    .restaurant_sidebarhead{padding:10px!important}
}
 @media only screen and (max-width:480px){
    .common_responsivetablepanel .pagination{flex-wrap: wrap;}
    .user_reward_table table,.user_reward_table .dataTables_wrapper,.my_offers_table .dataTables_wrapper {width: 800px;}
    .signup_person_sec h3{font-size: 1.5rem;margin:0}
    .filter-menu{width:100%;min-width:100%}
    .offer-avail{width:100%;float:left}
    .quick-view-detail .ratings p{float: left;}
    .reward{margin:0 15px;width:calc(100% - 30px)}
    .section3 .slider{width:90%}
    .section3 .slider .slick-prev{left:-5px}
    .section3 .slider .slick-next{right:-5px}
    .nonContent{max-width: 100%;}
     #location_form {margin-left: 0;margin-right: 0;}
     .subscription h2 {margin-bottom: 0;}
     .plan_historyhead {font-size: 20px;}
     .subscription_tabsection .nav-tabs .nav-link{padding:0.5rem}
     .subscription {padding: 30px 0;}
     .mywallet_bx{margin:0;padding:10px}
     .mywallet_bx .btn{min-width:80px}


 }
 @media only screen and (max-width:414px){
    .section9-inner-div .common_responsivetable table tr td{font-size: 12px;padding:10px;padding-left: 30%;}
    .section9-inner-div .common_responsivetable table tr td.action_btmmobile{padding-left: 0;}
    .common_responsivetable table td:before{left:10px}
    .common_responsivetablepanel{padding:0}
    .mobile_viheading{font-size:18px;}  
    .section8-filterallcat{width:100%;text-align: center;}
    .main-sec .section10Inner1.fixed .section8-filterallcat{margin-top:10px}
    .section8-filter button i{padding-right:5px}
    .section-newletter{padding:30px 0 20px 0}
    .preFooter{padding:10px 0 30px}
    .footer2 .col-lg-12 p{margin:15px 0}
    .userContainer #location_form .row.panel-heading .formBtn{margin:0}
    .payment-radio-sec{margin-left:0}
    .payment-radio-sec .form-group{margin:0}
    #paymayaDiv, #paynamicsDiv{margin-bottom:0}
    .with_footer_cart_sec.footer2 p{margin:0 0 50px 0}
    .filter-menuoverall .multi-checkbox{width: 100%;padding-left: 25px;}
    .signup_person_sec h3{font-size: 1rem;}
    .delivery_person_row{margin-left:0;margin-right:0}
    .signup_person_sec .box-body.spaced{margin-left:-15px;margin-right:-15px;}
    .use_wallet-section{padding:10px 0}
    .mywallet_bx{padding:10px}

    
 }