@media only screen and (min-width: 1200px){
    .inner_dash_page h1 {
        font-size: 24px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1200px)

{    .socila-links{
    margin-top: 20px;
}
    .Rectangle{
        margin-top: 5px;
    }
button.btn.btn-default.add_new{
      width: auto;
}
button.btn.btn-default.gren_new{
  width: auto;
}
.home-from1 {
    width: 50%;
    float: left;
}
.home-from2 {
    width: 23%;
    float: left;
}
.home-from3 {
    width: 27%;
    float: left;
}
ul.homepage_list li{
      margin: 17px 14px 24px 20px;
}
.login_pro.home-headings {
    bottom: 43px;
}
p.new_sign{
  margin: 5px 0px 45px;
}
p.forget-pass{
  padding: 17px 0px 0px;
}
.login_pro{
      bottom: -43px;
}
.text_button_online {
    top: 10px;
}

.inner_dash_page h1 {
    font-size: 24px;
}
.right_side_dashpage .popular_items h3 {
    font-size: 17px;
}
.from_to_box {
    width: 52%;
    float: left;
    margin-left: 3%;
     margin-right: 0%;
}
.summary_chk.form-group {
    width: 45%;
    float: left;
}

.from_to_box input.form-control {
    float: left;
    width: 42%!important;
    border-radius: 0;
}

.button_apply {
    float: left;
    width: 100%;
    text-align: center;
}
.banner_heading{
  bottom: 37px;
}
.two-type{
      margin-left: 7px;
}

ul.order_head_ul li {
font-size:14px;}
.upper_ins{
      top: 18px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .socila-links{
        margin-top: 20px;
    }
    .Rectangle{
        margin-top: 5px;
    }
    .centered{
        top: 30%;
    }

.steps-marks{
    padding:0px;
}

.half-leftpage {
    width: 100%;
    float: left;
}
.half-rightpage {
    width: 100%;
    float: left;
    margin-top: 30px;
}
button.btn.btn-default.add_new{
      width: 100%;
}
button.btn.btn-default.gren_new{
      width: 100%;
}
.home-headings {
    position: absolute;
    bottom: 160px;
    width: 68%;
    left: 24%;
}
ul.homepage_list li{
      margin: 15px 16px 24px 20px;
}
.login_pro.home-headings {
    bottom: 16px;
}
.home-from1 {
    /*width: 100%;*/
    float: left;
}
.home-from2 {
    /*width: 23%;*/
    float: left;
}
/*.home-from3 {*/
/*    width: 27%;*/
/*    float: left;*/
/*}*/
.login_pro.home-headings h1{
      margin-bottom: 20px;
}
.upper_ins {
    position: absolute;
    top: 1px;
    left: 20px;
}
.chose-img {
    position: absolute;
    right: 168px;
    top: 6px;
    width: 19%;
    opacity: 0;
}
.chg_pho {
    position: relative;
    left: 17%;
    bottom: -45px;
}
.max-pow {
    width: 100%;
    }
    .max-pows {
    width: 100%;
    }
    div.tab {

    width: 100%;
    height: auto;

}
.tabcontent {
    width: 100%;
    height: auto;
    }
.heading_steps {
    margin-top: 33px;
}
.banner_heading {
    position: absolute;
    bottom: 20px;
    left: 24%;
}
.business_details {
    width: 58%;
    margin: 0 auto;
}
.two-type{
      margin-left: 6px;
}
.login-form .form-control{
      height: 38px;
}
.login-form button {
    height: 38px;
    }
.login_pro{
  bottom: -34px;
}
.login_pro h3{
       margin: 16px 0px 13px;
}
p.forget-pass{
      padding: 3px 0px 0px;
}
p.new_sign{
          margin: 8px 0px 32px;
}
.text_button_online {
    top: 20px;
}

.inner_dash_page h1 {
    font-size: 25px;
        margin: 0;
}
.right_side_dashpage .popular_items h3 {
    font-size: 17px;
}

.from_to_box {
    width: 52%;
    float: left;
    margin-left: 3%;
     margin-right: 0%;
}
.summary_chk.form-group {
    width: 45%;
    float: left;
}

.from_to_box input.form-control {
    float: left;
    width: 42%!important;
    border-radius: 0;
}

.button_apply {
    float: left;
    width: 100%;
    text-align: center;
}

.banner_image img.img-responsive {
    width: 100%;
}

.order_head {
width:1240px;}

.base_success {
overflow:auto;
width:100%;
float:left;}

}


@media only screen and (max-width: 767px) {
    .socila-links{
        margin-top: 40px;
    }
    .footer_logo img {
        margin: auto;
    }
    .socila-links ul.social_icons {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .big-new{
    padding:0px;
  }
.right-img-loop {
    margin-top: 10%;
}
section.footer {
    text-align: center;
}
.footer .getapptitle {
    text-align: center !important;
}
.footer ul.ofz_info li a img {
    margin:0px auto !important;
}
ul.terms-conditions {
    text-align: center;
    margin-top: 0px;
}
.footerBar{
    height: 176px;
}
    p.copy_right{
        font-size: 12px;
    }
    ul.terms-conditions li{
        font-size: 12px;
        margin: 6px 65px 0 0;
    }
p.copy_right {
    text-align: center;
}
button.btn.btn-default.add_new{
      width: 98%;
}
button.btn.btn-default.gren_new{
      width: 98%;
}
.mypro1 {
    width: 28%;
    }
.mypro2 {
    width: 28%;
    }
.mypro3 {
    width: 28%;
    }
li.save-width {
    width: 32%;
    }
    .mypro_upload button{
          width: 28%
    }
.restaurant_banner .image_rest {
    width: 100%;
}
.half-leftpage {
    width: 100%;
    float: left;
}
.half-rightpage {
    margin-top: 34px;
    width: 100%;
    float: right;
}
.home-logomiddle {
    width: 100%;
    margin: 0 auto;
}
.login_pro.home-headings h1 {
    font-size: 24px;
    color: #161616;
    text-align: center;
    margin-bottom: 20px;
}
.singl_gal h4 {
  text-align:center;
}
  .singl_gal {
    margin: 0 auto;
    text-align: center;
}
.singl_gal img {
    display: inline-block;
}
div.tab {
    width: 100%;
    height: auto;
}
.tabcontent{
     width: 100%;
     height: auto;
     border-radius: 0px 0px 4px 4px;
}
.business_pages label {
    padding-left: 15px;

    }
.banner_heading {
    position: static;
    }
    .logo-part img {
    text-align: center;
    margin: 10px auto;
}
.business_details {
    width: 60%;
    margin: 0 auto;
}
.two-type{
   margin-left: 5px;
}
.login_pro{
  position: static;
  width: 100%;
}
.login_pro h3{
      margin: 40px 0px 34px;
}
.empty_heder .navbar-brand{
      padding: 15px 15px;
}
.col-md-5.place_move {
    padding-left: 15px;
}

.inner_dash_page h1 {
    font-size: 25px;
        margin: 0;
}


.from_to_box {
    width: 49%;
    float: left;
    margin-left: 3%;
    margin-right: 1%;
}

.summary_chk.form-group {
    width: 47%;
    float: left;
}


.from_to_box input.form-control {
    float: left;
    width: 40%!important;
    border-radius: 0;
}

.inner_dash_page .text_button_online label.switch {
    margin-top: 0;
}

.text_button_online {
    top: 10px;
}
.order h2 {
    color: #000000;
    font-size: 16px;
    padding: 2px 0px 0px 0px;
}
.order-price1 h1{
  padding: 2px 0px 0px 0px;
  font-size: 20px;
}
.order-price h1{
  padding: 2px 0px 0px 0px;
  font-size: 20px;
}

.order_head {
width:1240px;}

.base_success {
overflow:auto;
width:100%;
float:left;}
.upper_ins {
    position: static;
    top: 3px;
    }
.chose-img {
    position: absolute;
    right: -21px;
    top: 47px;
    width: 100%;
    opacity: 0;
    }
    .tes_details.right-side {
    width: 100%;
    float: right;
}
.chg_pho {
    position: static;
    }
    .about_business h2 {
    color: #430707;
    font-size: 20px;
    }
    .chg_pho button{
      border-color: #430707;
    color: #430707;
    line-height: 20px;
    margin-top: 41px;
    }


    /*---------------start restaurant--------------*/
    span.item_add {
    float: left;
    width: 50%;
    margin-top: 12px;
    text-align: center;
}
    span.item_rate {
    float: left;
    width: 50%;
    margin-top: 0;
    text-align: left;
}

span.item_image {
    float: left;
    width: 100%;
    /* text-align: center; */
}

span.item_description {
    float: left;
    width: 100%;
}


.checkout-details {
    margin-top: 15px;
    }


    .restaurant_page .container-fluid {
    float: left;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


        /*---------------end restaurant--------------*/
.banner-header-wrap {
    margin-top: 60px;
}
}
@media only screen and (min-width: 568px) and (max-width: 767px){
.right_labls {
    width: 100%;
    float: left;
    padding-left: 40px;
}
.left-lbs {
    width: 100%;
    float: left;
    padding-left: 21px;
}
.right_menuadd {
    width: 95%;
    float: left;
    padding-left: 37px;
}
.left-sub {
    width: 30%;
    float: left;
    padding-left: 27px;
    margin-top: 16px;
}
.right_sub {
    width: 36%;
    float: left;
    margin-top: 16px;
}
.add_close {
    width: 12%;
    float: left;
    padding: 24px 0px 0px 30px;
}
.addon {
    width: 12%;
    float: left;
    padding: 25px 14px;
}
/*---------------start checkout--------------*/
.coun_pay button{
      width: 54%;
}
/*--------------end-------------*/
.home-from1 {
    width: 50%;
    float: left;
}
.home-from2 {
    width: 23%;
    float: left;
}
/*.home-from3 {*/
/*    width: 27%;*/
/*    float: left;*/
/*}*/
ul.homepage_list li {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #161616;
    margin: 17px 5px 0px 20px;
    }
.chose-img {
    position: absolute;
    right: 51px;
    }
}

@media only screen and (max-width: 567px) {


.mypro1{
    width: 92%;
    margin-bottom:15px;
}
.mypro2{
  width: 92%;
  margin-bottom:15px;
}
.mypro3{
  width: 92%;
  margin-bottom:15px;
}
.mypro_upload button {
    width: 47%;
}
li.save-width {
    width: 50%;
}
.left-lbs {
    width: 100%;
}
.right_menuadd {
    width: 58%;
    float: left;
    padding-left: 32px;
}
.left-sub {
    width: 13%;
    float: left;
    padding-left: 0px;
}
.right_sub {
    width: 17%;
    float: left;
}
.add_close {
    width: 12%;
    float: left;
    padding: 8px 0px 0px 20px;
}
.right_labls {
    width: 100%;
    float: left;
    padding-left: 32px;
}
/*---------------start checkout--------------*/
.coun_pay button{
      width: 50%;
}
/*---------------end checkout--------------*/
.chose-img {
    position: absolute;
    right: 69px;
    top: 47px;
    width: 100%;
    opacity: 0;
}
.login_middle.home-logomiddle{
     width: 100%;
    margin: 10px auto;
}
ul.homepage_list li{
     margin: 17px 5px 24px 20px;
}
section.back-color {
    background-color: #f9f9f9;
    padding: 18px 3px 50px;
}
.max-pow {
    width: 50%;
    }
    .max-pows {
    width: 50%;
    }
    .banner_heading h2 {
    font-size: 22px;
}
.two-type {
    margin-left: 3px;
}
.business_details {
    width: 100%;
    margin: 0 auto;
}
.login_middle {
    width: 85%;
    margin: 10px auto;
}

.summary_chk.form-group {
    width: 100%;
    float: left;
}

.inner_dash_page {
    float: left;
    width: 100%;
    padding: 20px 0px;
}


.from_to_box {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

section.input_checks {
    text-align: center;
    }

    .summary_chk.form-group label {
    float: left;
    width: 100%;
}
.input_checks select.form-control {
    float: left;
    width: 100%!important;
    border-radius: 0;
}

.from_to_box input.form-control {
    float: left;
    width: 100%!important;
    border-radius: 0;
}

section.input_checks label {
    color: #161616;
     /* font-family: 'DINNextLTPro-Regular';  */
    font-family: 'Inter', sans-serif !important;
    width: 100%;
        float: left;
    margin: 10px 0px;
}
.button_apply {
    float: left;
    width: 100%;
    margin-top: 20px;
}

button.btn.btn_apply {
    width: 100%;
}
.order_listingzz li {
    padding: 10px;
}

.right_side_dashpage .popular_items {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 35px;
    float: left;
    width: 100%;
}

.right_side_dashpage {
    padding: 0;
}

.left_side_dashpage {
    padding: 0;
}
.banner_image img.img-responsive {
    height: 100px;
}
.home-from1 {
    width: 100%;
    float: left;
}
.home-from2 {
    width: 40%;
    float: left;
}
.home-from3 {
    width: 60%;
    float: left;
}
.home-from2 button{
      border-color: #ccc;
}
.home-from1 input{
      border-color: #ccc;
}
}



    @media only screen and (max-width: 425px) and (min-width: 320px)
{


.right_labls.right-sec.customised_read {
    padding: 10px!important;
}


.mypro_upload button {
    width: 90%;
}
.right_menuadd {
    width: 95%;
    float: left;
    padding-left: 32px;
}
.left-lbs {
    width: 100%;
}
.left-addlabel {
    width: 100%;
    float: left;
    padding-left: 21px;
}
.add_close {
    width: 20%;
    float: left;
    padding: 25px 0px 0px 33px;
}
.addon {
    width: 21%;
    float: left;
    padding: 25px 6px;
}
.left-sub {
    width: 35%;
    float: left;
    padding-left: 16px;
    margin-top: 20px;
}
.right_sub {
    width: 34%;
    float: left;
    margin-top: 20px;
}
ul.homepage_list li {
    display: block;
    margin: 4px 0px 24px 0px;
}
.home-from1 {
    width: 100%;
    float: left;
}
.home-from2 {
    width: 40%;
    float: left;
}
.home-from3 {
    width: 60%;
    float: left;
}
.home-from2 button{
      border-color: #ccc;
}
.home-from1 input{
      border-color: #ccc;
}
/*---------------start checkout--------------*/
.coun_pay button{
      width: 90%;
}
/*---------------end checkout--------------*/
.max-pow {
    width: 100%;
}
.max-pows {
    width: 100%;
}
.right_side_dashpage .popular_items {
    padding: 15px
    }

.inner_dash_page h1 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px;
}

.order_namez h4 {
    font-size: 15px;
}

.order_namez p {
    font-size: 11px;
}
.banner_image img.img-responsive {
    height: 100px;
}

span.order_ratez {
    font-size: 20px;
}


.text_button_online {
    top: 25px;
}
section.back-color {
    padding: 18px 0px 50px;
}
.tabcontent {
    float: left;
    padding: 17px 14px;
    }
    h3.py-de {
    margin: 10px 17px 4px;
}
.upper_ins .col-md-12.col-xs-4 {
    width: 100%;
}
.upper_ins .col-md-6.col-xs-4.left-sec {
    width: 100%;
}
.upper_ins .col-md-3.col-xs-4.right-sec {
    width: 100%;
}
.about_business h2 {
    color: #430707;
    font-size: 20px;
    padding: 0px;
    text-align: left;
}
.chg_pho button{
      margin-top: 10px;
          float: left;
}
.chose-img {
    position: absolute;
    right: -8px;
    top: 13px;
    width: 100%;
    opacity: 0;
}
/*----------------search-----------------*/
.filter_foods {
    width: 100%;
}
.menu_foods {
    width: 100%;
    float: left;
    padding: 0px 23px 30px 15px;
}
.addon {
    width: 21%;
    float: left;
    padding: 25px 6px;
}
li.save-width {
    width: 100%;
}
}
@media only screen and (max-width: 320px){
.mypro_upload button {
    width: 90%;
}
li.save-width {
    width: 100%;
}
.right_menuadd {
    width: 95%;
    float: left;
    padding-left: 32px;
}
.left-lbs {
    width: 100%;
}
.left-addlabel {
    width: 100%;
    float: left;
    padding-left: 21px;
}
.add_close {
    width: 20%;
    float: left;
    padding: 26px 0px 0px 33px;
}
.left-sub {
    width: 35%;
    float: left;
    padding-left: 16px;
    margin-top: 20px;
}
.right_sub {
    width: 34%;
    float: left;
    margin-top: 20px;
}
.restaurant_banner .container-fluid{
      padding: 30px 22px;
}
ul.homepage_list li {
    display: block;
    margin: 4px 0px 24px 0px;
}
.home-from1 {
    width: 100%;
    float: left;
}
.home-from2 {
    width: 40%;
    float: left;
}
.home-from3 {
    width: 60%;
    float: left;
}
.home-from2 button{
      border-color: #ccc;
}
.home-from1 input{
      border-color: #ccc;
}
/*---------------start checkout--------------*/
.coun_pay button{
      width: 90%;
}
/*---------------end checkout--------------*/
.upper_ins .col-md-12.col-xs-4 {
    width: 100%;
}
.upper_ins .col-md-6.col-xs-4.left-sec {
    width: 100%;
}
.upper_ins .col-md-3.col-xs-4.right-sec {
    width: 100%;
}
.about_business h2 {
    color: #430707;
    font-size: 20px;
    padding: 0px;
    text-align: left;
}
.chg_pho button{
      margin-top: 10px;
          float: left;
}
.chose-img {
    position: absolute;
    right: -8px;
    top: 13px;
    width: 100%;
    opacity: 0;
}
.max-pow {
    width: 100%;
}
.max-pows {
    width: 100%;
}
section.back-color {
    padding: 18px 0px 50px;
}
.tabcontent {
    float: left;
    padding: 17px 0px;
    }
    h3.py-de {
    margin: 10px 17px 4px;
}
.login_middle {
    width: 100%;
    margin: 10px auto;
}
/*----------------search-----------------*/
.filter_foods {
    width: 100%;
}
.menu_foods {
    width: 100%;
    float: left;
    padding: 0px 23px 20px 15px;
}
}


/**responsive by s start**/
    /**dashboard start**/
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .inner_dash_page .left_side_dashpage,.inner_dash_page .right_side_dashpage{
        padding: 0;
     }
  }
  @media only screen and (min-width: 568px) and (max-width: 767px) {
     .from_to_box label {
       margin: 10px 6px;
      }
  }
  @media (max-width: 567px) {
     .from_to_box .datepicker-holder{
       width:100%!important;
      }
      .button_apply button.btn.btn_apply{
       width:auto!important;
      }
      .from_to_box .datepicker-holder .input-group{
        width:100%!important;
      }
      .from_to_box .datepicker-holder .input-group-btn{
        position: absolute;
        width:auto;
        height:100%;
        right:0;
      }
  }
    /**dashboard end**/

    /**order page**/

      @media (min-width: 768px) and (max-width: 1199px) {
        section.back-color{
         padding: 15px 0;
        }
        .orders-innerwrap{
         width: 30%;
        }
        .orders-detail-wrap{
         padding: 25px;
         width: 70%;
         left: 30%;
        }
      }
      @media (min-width: 768px) and (max-width: 768px) {
        section.back-color{
         padding: 15px 0;
        }
        .orders-innerwrap{
         width: 35%;
        }
        .orders-detail-wrap{
         padding: 25px;
         width: 65%;
         left: 35%;
        }
        .orders-innerwrap li{
            padding: 20px 20px;
        }
      }
      @media (min-width: 768px) {
      .back-orders-list{
        display: none;
       }
      }
      @media (max-width: 767px) {
        section.back-color{
         padding: 15px 0;
        }
        .footer ul.ofz_info li{
            width:100%;
            float: none !important;
        }
        .socila-links p {
    text-align: center;
}
.socila-links ul.social_icons {
    margin: 0px auto;
    /*width: 260px;*/
    float: none;
}
        .orders-innerwrap{
         width: 100%;
        }
        .orders-detail-wrap{
         padding: 25px;
         width: 100%;
         left: 100%;
        }
        .orders-innerwrap li{
            padding: 20px 20px;
        }
        .back-orders-list{
        display: block;
        float: left;
        width: 100%;
        font-size: 20px;
        background: #f1f0f0;
        padding: 10px;
        margin: 0 0 15px;
        border-radius: 3px;
        }
      }
    /**order page end**/

    /**order history page start**/
    @media (max-width: 767px) {
        .orders-detail-wrap {
          padding: 0px;
         }
         .orders-detail-wrap .order-name-wrap{
          padding: 0 10px;
         }
         .orders-detail-wrap .order-item-wrap {
           padding: 0;
         }
         .orders-detail-wrap .order-item-wrap>li{
           padding: 20px 10px;
         }
         .order-totalprice ul{
            padding: 10px;
            float: left;
         }
    }
    @media (max-width: 465px) {
         .cutomer-details, .driver-details{
            width:100%;
         }
         .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
            width: 20px;
            height: 20px;
         }
         .bs-wizard > .bs-wizard-step > .progress{
            margin: 15px 0;
            height: 5px;
         }
         .bs-wizard > .bs-wizard-step > .bs-wizard-dot span{
            left: 5px;
            top: 5px;
            width: 10px;
            height: 10px;
         }
         .bs-wizard > .bs-wizard-step .bs-wizard-info {
            font-size: 11px;
         }
     }
    /**order history page end**/

     /**menu page**/

      @media (min-width: 768px) and (max-width: 1199px) {
        section.back-color{
         padding: 15px 0;
        }

      }
      @media (min-width: 768px) and (max-width: 768px) {
        section.back-color{
         padding: 15px 0;
        }

      }
      @media (min-width: 768px) {

      }
      @media (max-width: 767px) {
        section.back-color{
         padding: 15px 0;
        }
        .menu-item-catwrap{
            width:100%;
            left:0;
        }
        .menu-item-wrap{
           width:100%;
           left:100%;
        }
        .menu-item-detailswrap{
            width: 100%;
            left:100%;
        }
        .menu-item-outterwrap {
         min-height: 300px;
         }
      }
      @media (min-width: 466px) and (max-width: 767px) {

      }
      @media (max-width: 465px) {
         .menu-item-wrap ul li{
            padding: 12px 7px;
         }
         .menu-item-wrap .menuitem-img {
                height: 60px;
                width: 60px;
          }
         .menu-item-wrap .menuitem-detail {
            padding: 4px 10px;
          }
          .menu-item-wrap .menuitem-control{
          padding: 10px 12px 10px 18px;
         }
        .menu-item-wrap .menuitem-detail{
         max-width: 150px;
         width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
        }
      }
    /**menu page end**/

    /**setcat page start**/
    @media (max-width: 767px) {
        .set-categories-wrap{
          padding: 0 !important;
        }
        .set-categories-wrap .container-fluid{
         padding: 0;
        }
        .set-categories{
           min-height: 1px;
           position: relative;
           overflow-x: hidden;
           overflow-y: auto;
         }
        .set-categories .tab{
           height: 100%;
           width: 100%;
           position: absolute;
           left:0;
           border-radius: 0;
           border:none;
           background-color: #fff;
           color:#000 !important;
         }
         .set-categories .tab button{
            border-bottom: 1px solid #e2e2e2;
            background-color: #fff;
            color: #101010;
         }
         .set-categories .tab button:hover, .set-categories .tab button.active{
           background-color: #f1f1f1;
           color:#000 !important;
         }
        .set-categories .tabcontent{
           height: 100%;
           width: 100%;
           position: absolute;
           left:100%;
         }
         .set-categories-wrap .abt-mybus,.set-categories-wrap .abt-mybus .right-sec,.set-categories-wrap .abt-mybus .left-sec,.set-categories-wrap .abt-mybus label,.set-categories-wrap .left-sec {
                padding-left: 0;
                padding-right: 0;
                width:100%;
         }
         .set-categories-wrap h3.py-de{
            margin: 10px auto 4px;
         }
         .set-categories-wrap .save-btn-wrap .col-md-4{
            display: none;
         }
         .set-categories-wrap .save-btn-wrap .col-md-8{
            text-align: center;
         }
    }
    @media only screen and (max-width: 1023px) and (min-width: 768px){
        .set-categories .tab{
           width: 24%;
        }
        .set-categories .tabcontent {
           width: 75%;
        }
        #categories .abt-mybus .right-sec{
          padding: 0!important;
        }
        #sub-category .business_pages .abt-mybus,#sub-category .abt-mybus .right-sec{
          padding: 0!important;
        }
    }
    /**setcat page end**/

    /**business page**/
    @media only screen and (max-width: 1023px) and (min-width: 768px){
        #business .right-sec{
          padding: 0;
        }
        #business .tes_details.right-side{
          width:100%;
        }
        #payout .form-group.abt-mybus,#payout .form-group.abt-mybus .right-sec{
          padding: 0;
        }
        #payout .save-btn-wrap{
           text-align: center;
        }
        .earning_section .col-md-6{
           padding: 0;
        }
    }


    /**business page end**/

    /**orders-page**/
    @media (max-width: 767px) {
        .orders-page{
           padding: 0 !important;
        }
        .orders-page>.container-fluid{
           padding: 0;
        }
        .orders-page .orders-outterwrap{
            border:none;
            min-height: 1px;
            overflow-y: auto;
        }
        .orders-page .orders-innerwrap{
          background: #fff;
        }
        .orders-page .orders-innerwrap li {
            background: transparent;
            border-bottom: 1px solid #e2e2e2;
            padding: 20px 10px;
        }
        .orders-page .orders-innerwrap li:hover,.orders-page .orders-innerwrap li.active {
            background: #f1f1f1;
        }
        .orders-page .orders-innerwrap li .orders-wrap .order-number{
            color:#101010;
        }
        .orders-page .orders-time-wrap .progress .progress-value{
            color:#101010;
        }
        .orders-page .orders-time-wrap .progress.yellow .progress-bar {
            border-color: #101010;
        }
        .orders-page .orders-innerwrap .orders-deliverywrap .section-title::before,.orders-innerwrap .orders-deliverywrap .section-title::after{
                background: rgba(117, 113, 113, 0.26);
        }
        .orders-page .orders-innerwrap .orders-deliverywrap ul li{
            padding: 7px 10px;
            border-top: 1px solid #e2e2e2;
            border-bottom: 1px solid #e2e2e2;
        }
        .orders-page .orders-innerwrap .orders-deliverywrap ul li:hover,.orders-innerwrap .orders-deliverywrap ul li.active{
            background: #f1f1f1;
        }
        .orders-page .orders-innerwrap .orders-deliverywrap .section-title{
            margin-bottom: 35px;
        }
        .orders-page .order-totalprice ul {
            width: 100%;
        }
        .orders-page .orders-detail-wrap{
            overflow-y:auto;
        }
        .orders-detail-wrap .order-name-wrap .order-name .map-toggler{
            right:0;
        }
    }
    /**orders-page end**/

    /**ordershistory-page**/
    @media (max-width: 767px) {
        section.order_base{
            min-height:1px;
        }
        section.order_base>.container{
            padding: 0;
        }
        .base_success{
            margin: 0 auto;
            border-left: none;
            border-right:none;
        }
    }
    /**ordershistory-page end**/


    /**menu-page**/
    @media (max-width: 767px) {
        .menu-page,.menu-page>.container-fluid{
         padding: 0 !important;
        }
        .menu-page .menu-item-outterwrap{
            overflow-y: auto;
        }
        .menu-page .back-orders-list{
          margin-bottom: 0;
        }
        .menu-page .menu-item-wrap .section-label{
            float: left;
            width:100%;
        }
     }
    /**menu-page end**/

    /**addfooditem-page**/
    @media (max-width: 767px) {
        .addfooditem-page,.addfooditem-page>form>.container-fluid{
            padding: 0 !important;
        }
        .addfooditem-page .ahh_menusec{
            border:none;
            border-radius: 0;
        }
        .addfooditem-page .add_heading h3{
             padding: 0 10px 12px;
        }
        .add_headings.addon-head h3{
             padding: 15px 10px 12px;
        }
        .addfooditem-page .tes_details.left-side .form-group.abt-mybus{
             padding: 0 10px!important;
        }
        .addfooditem-page .business_pages label {
            padding-left: 0px !important;
            line-height: 25px !important;
        }
        .addfooditem-page .right_labls{
            padding: 0 !important
        }
        .addfooditem-page .form-group.abt-mybus.btm-lc{
            margin-bottom: 15px;
        }
        .addfooditem-page .offer-toggler-holder .left-addlabel,.addfooditem-page .offer-toggler-holder .right_labls{
           width:50%;
           float: left;
           line-height: 34px !important;
        }
        .addfooditem-page .time-toggler-holder .left-addlabel,.addfooditem-page .time-toggler-holder .right_labls{
           width:50%;
           float: left;
           line-height: 34px !important;
        }
        .addfooditem-page .switch{
           margin-right:0;
        }
        .addfooditem-page .half-leftpage{
            padding-bottom: 20px;
            background-color: #fff;
        }
        .addfooditem-page .half-rightpage .form-group.abt-mybus{
             padding: 0 10px!important;
        }
        .addfooditem-page .basepack-title{
           padding: 7px 10px!important;
        }
        .right_menuadd{
            padding: 0 !important;
            width:100%;
        }
        .subpack_wrap .add_close {
            width: auto;
            float: right;
            padding: 10px 0px 0px 0px !important;
        }

       .business_pages  .subpack_wrap .add_close {

            padding: 20px 0px 0px 0px !important;
        }
        .subpack_wrap .addon {
            float: none;
            position: absolute;
            bottom: 0;
            right: 50px !important;
            padding: 12px 6px !important;
            width: auto;
        }
        .addon-body .left-sub {
                width: 100% !important;
                float: left;
                padding-left: 0 !important;
                margin-top: 20px !important;
        }
        .addon-body .right_sub {
            width: 85% !important;
            float: left;
            margin-top: 0 !important;
        }
        .addon-body .add_close {
            width: auto !important;
            float: right !important;
            padding: 8px !important;
        }
        .food-lst{
            border-top: 1px dashed #d5d5d5;
            padding: 20px 0;
        }
     }
     @media (min-width: 466px) and (max-width: 767px) {
        .subpack_wrap .right_menuadd{
           width: 80%;
        }
     }
     @media (max-width: 465px) {
         .subpack_wrap .right_menuadd{
           width: 70%;
        }
     }
    /**addfooditem-page end**/

     /**abt-mybus-page start**/
    @media (max-width: 767px) {
        .abt-mybus-page{
          padding: 0 !important;
        }
        .abt-mybus-page>.container-fluid{
         padding: 0;
        }
        .abt-mybus-outterwrap{
           min-height: 1px;
           position: relative;
           overflow-x: hidden;
           overflow-y: auto;
         }
        .abt-mybus-page .tab{
           height: 100%;
           width: 100%;
           position: absolute;
           left:0;
           border-radius: 0;
           border:none;
           background-color: #fff;
           color:#000 !important;
         }
         .abt-mybus-page .tab button{
            border-bottom: 1px solid #e2e2e2;
            background-color: #fff;
            color: #101010;
         }
         .abt-mybus-page .tab button:hover, .abt-mybus-page .tab button.active{
           background-color: #f1f1f1;
           color:#000 !important;
         }
        .abt-mybus-page .tabcontent{
           height: 100%;
           width: 100%;
           position: absolute;
           left:100%;
           padding: 0!important;
         }
         .abt-mybus-page .back-orders-list{
            margin: 0px !important;
         }
         .abt-mybus-page h3.py-de {
                margin: 15px 10px 4px;
         }
         .abt-mybus-page .form-group.abt-mybus {
                padding: 0 10px;
                margin: 5px 0px 2px;
            }
         .abt-mybus-page .business_pages label{
            line-height: 25px;
            padding-left: 0px;
         }
         .abt-mybus-page .right-sec,.abt-mybus-page .left-sec{
            padding: 0px 10px;
            float: left;
            width:100%;
         }

         .abt-mybus-page .payout_section, .abt-mybus-page .payout_section .left-sec{
           float: left;
           width: 100%;
         }
         .abt-mybus-page .save-btn-wrap .col-md-4 {
                display: none;
          }
        .abt-mybus-page .save-btn-wrap .col-md-8 {
            text-align: center;
          }
           .abt-mybus-page .offer-toggler-holder .left-addlabel,.abt-mybus-page .offer-toggler-holder .right_labls{
           width:50%;
           float: left;
           line-height: 34px !important;
        }
          .abt-mybus-page #earning .earning_section{
            float: left;
            width: 100%;
            margin-bottom: 25px;
          }
          .abt-mybus-page #earning table{
          width: 900px;
          }
          .abt-mybus-page #business .row-20,#business .row {
           margin: 0px;
          }
          .abt-mybus-page #business .res_heading h3{
            padding: 0 0px 12px;
          }
          #business .form-group.abt-mybus{
            padding: 0;
            margin: 20px 0px 2px;
          }
          .abt-mybus-page #business .form-group.abt-mybus:first-child{
            margin-top: 0px;
          }
          .abt-mybus-page #business .right-sec .right-sec,#business .left-sec .right-sec,#business .right-sec .left-sec,#business .left-sec .left-sec{
            padding: 0;
         }
         .abt-mybus-page .timeseperator p {
            padding: 0 8px;
         }
         .abt-mybus-page #payout .left-sec,#payout .right-sec{
           padding: 0;
         }
         .about_business-banner-info h2{
           color: #ffffff !important;
         }
         .chg_pho button {
            border-color: #ffffff !important;
            color: #ffffff !important;
         }
         .save-btn-wrap .btn{
           margin: 15px auto;
         }
        .orders-page .orders-outterwrap{
            width: 100%;
            overflow-x: hidden;
            display: inline-block;
        }
    }
    @media (max-width: 374px) {
         .uib-time input {
            width: 36px !important;
            padding: 6px 5px !important;
          }
		  .uib-time input {
			width: 50px !important;
		  }
	}
      @media (max-width: 465px) {
         .about_business-banner-info{
            bottom: 5px;
            left: 5px;
         }
         .about_business-banner-info .restaurant-logo-holder{
            max-height: 58px;
         }
         .about_business-banner-info img{
            max-height: 58px;
         }
         .about_business-banner-info h2{
            margin: 5px 5px 0;
         }
         .chg_pho button{
            height: auto;
            padding: 0 12px;
         }
         .about_business-banner-control {
            right: 10px;
            bottom: 5px;
         }
     }
     @media (min-width: 466px) and (max-width: 767px) {
        .about_business-banner-info{
            bottom: 20px;
            left:10px;
         }
         .about_business-banner-info .restaurant-logo-holder{
            max-height: 70px;
         }
         .about_business-banner-info img{
            max-height: 70px;
         }
         .about_business-banner-info h2{
           font-size: 23px;
           margin: 10px 10px 0;
         }
     }
    /**abt-mybus-page end**/

    /**abt-mybus-page**/
     @media (max-width: 767px) {
      .empty_heder .navbar-header{
        width:100%;
      }
     }
     @media (max-width: 465px) {
       .empty_heder .navbar-brand{
          width:100%;
       }
       .empty_heder .navbar-brand img{
          margin:auto;
       }
     }
    /**abt-mybus-page end**/

    /**Header **/
     @media (max-width: 1023px) {
      .desktop-header-search{
        /* display: none; */
        padding: 0 !important;
      }
      .mob-header-search{
         display: block;
         margin: 15px 0 0!important;
      }
      .mob-header-search .serach-fullfilter {
         float: left;
         width: 100%;
      }
      .mob-header-search .col-sec {
         width: 100%;
      }
      .mob-header-search .col-secpart {
         width: 100%;
      }
      .header-sear .sear-location h6 .fa-chevron-down{
         font-size: 10px;
      }
      .mob-header-search .header-sear .sear-location{
        border-radius:0;
        border: 1px solid #ccc;
        border-left:none;
        right:0;
      }
      .mob-header-search .saerch-rest{
        border-radius:0;
        box-shadow: none!important;
         /* border: none!important; */
        /*border: 1px solid #ccc;
        border-right:none;*/
      }
      .mob-header-search .header-lcserach{
          padding: 10px;
       }
      .mob-header-search .header-lcserach input{
         border-radius:0;
         box-shadow: none!important;
         border: 1px solid #ccc;
      }
     }
     @media (min-width: 1024px) {
      .mob-header-search{
         display: none;
      }
      .desktop-header-search{
        display: block;
      }
     }
    /**Header end**/

    /**Restaurant details user start**/
     @media (min-width: 1024px) {
       .res_item_rate,.res_item_add{
          display: none !important;
        }
     }

    @media (max-width: 1299px) {
         .res-sidenav-fix{
           position: static;
         }
         .checkout-details-outter{

         }
         .recomm-menudeta-details-outter{

         }
         .recomm-menudeta-outter{

         }
        img.img-responsive.serach-list-Pages{
            left: 10%;
        }
    }
    /**Restaurant details user end**/
/**responsive by s end**/


/**responsive by s 23-11-17**/

  /**responsive header**/
    @media (max-width: 425px){
        .mobile_header .logo{
            max-height: 30px !important;
            margin: 5px 0;
        }
    }
	@media (max-width: 767px){
        .fixed-head-heightfiller{
           padding-top: 62px;
        }
        .empty_heder{
            display: none;
        }
        .heading-intro p{
            width: 296px;
            height: 80px;
        }.heading-intro h4{
            width: 296px;
            height: 80px;
        }
        .heading-intro{
            margin-left: 0;
        }
        .centered{
            width: 313px;
        }
        .parallaxParent > .home-banner {
            background-position: -816px 13px;
            background-repeat: no-repeat;
            height: 520px;
        }
        .centered h1 {
            font-family: Inter;
            font-size: 24px;
            font-weight: 900;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.33;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
        }
        .mobile_header {
            display: block;
            padding: 10px 15px;
            height: 80px;
            position: fixed;
            top: 0;
            width: 100%;
            box-shadow: inset 0 -1px 0 0 #e9e9e9;
            background-color: #ffffff;
            z-index: 9999;
        }
        .mobile_header .logo{
          float: left;
          display: inline-block;
          max-width: 90%;
          max-width: calc(100% - 100px);
          height: 100%;
        }
        .mobile_header .logo img{
          max-height: 40px;
          height: 100%;
        }
        .mobile_header .mobile_header_toggler{
          height: 40px;
          line-height: 40px;
          width: auto;
          float: right;
          display: inline-block;
          /* padding: 10px 0; */
        }
        .mobile_header .mobile_header_toggler a{
          display: inline-block;
            text-decoration: none;
            color: #ce1126;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .mobile_header .mobile_header_toggler .bars{
           height:40px;
           width: 32px;
           padding: 10px 0;
           display: block;
        }
         .mobile_header .mobile_header_toggler span{
          height:4px;
          width: 100%;
          display: block;
          background: #000;
          border-radius: 25px;
        }
        .mobile_header .mobile_header_toggler span:nth-child(2){
          margin: 4px auto;
        }
        .mobile_header .cart_toggler{
          height: 40px;
          line-height: 37px;
          width: auto;
          float: right;
          display: inline-block;
          margin-right: 15px;
        }
        .mobile_header .cart_toggler img{
            max-height: 30px;
            margin: 0 auto;
        }
        .mobile_header .search_toggler{
          height: 40px;
          line-height: 37px;
          width: auto;
          float: right;
          display: inline-block;
          margin-right: 15px;
        }
        .mobile_header .search_toggler img{
            max-height: 30px;
            margin: 0 auto;
        }
        .home_head{
            display: none;
        }
        .logo-part {
            background: #f9f9f9;
        }
        .home-headings{
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
        }
        .login_pro.home-headings h1 {
           font-size: 18px;
        }
        .home-form{
           display: none;
        }
        .home-form-mobile{
           display: block;
        }
        .home-form-mobile .home-from1{
           width:65%;
        }
        .home-form-mobile .home-from1 input{
           padding-left: 12px;
           background-image:none;
           border-radius: 4px 0px 0px 4px;
        }
        .home-form-mobile .form-control{
           height: 40px;
        }
        .home-form-mobile .home-from3{
           width:35%;
        }
        .home-form-mobile .home-from3 button,.home-form-mobile .home-from3 button:hover{
           height: 40px;
        }
        .homepage_list{
           display: none;
        }

    }
    @media (min-width: 768px){
		.mobile_header{
            display: none;
        }
        .home-form-mobile{
           display: none;
        }
    }
    @media (min-width: 600px) and (max-width: 767px){
        .home-form-mobile {
            max-width: 65%;
            margin: auto;
        }
    }
  /**responsive header end**/

  /**responsive footer**/
    @media (max-width: 767px){
        .footer-order {
            padding: 40px 0px 10px;
        }
        .footer_logo img {
            margin-bottom: 20px;
            max-height: 40px;
        }
        .footer_information h2{
            margin: 20px 0 20px;
        }
        ul.information_links{
            margin-bottom: 0px;
        }
        ul.information_links li {
            width: 100%;
        }
        .office_details h2{
            margin: 20px 0 20px;
        }
        ul.ofz_info li{
            width: auto;
            float: left;
            margin-bottom: 0px;
            margin-right: 15px;
        }
        ul.social_icons {
            margin: 25px 0px 10px;
        }
    }
    @media (max-width: 425px){
       ul.ofz_info li{
           margin-right: 0px;
       }
        ul.ofz_info li:not(:first-child){
           margin-right: 0px;
           margin-left: 5px;
       }
    }
  /**responsive footer end**/

  /**responsive landing**/
	@media (max-width: 990px){
		.banner-header-wrap{
		 background:transparent;
		}
    }
    @media (max-width: 767px){
		.singl_gal img{
            width:100%;
        }
        /* .logo-part{
            display: none;
        } */
    }
    @media (min-width: 525px) and (max-width: 767px){
        ul.gallery_spe li{
            width:50%
        }
        .singl_gal h4 {
            font-size: 15px;
            margin: 15px 0px 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        ul.information_links li {
            width: 50%;
        }
    }

  /**responsive landing end**/


  /**responsive restaurant login **/
  @media (max-width: 767px){
        .login_middle .login_pro h3{
            text-align: center;
            font-size: 18px;
        }
        p.forget-pass,p.new_sign{
            font-size: 15px;
        }
  }
  @media only screen and (max-width: 1200px) and (min-width: 1024px)
   {
        .login_pro {
            bottom: -15px;
        }
        .login_pro h3{
            margin-bottom: 15px;
        }
   }
    @media only screen and (max-width: 1023px) and (min-width: 768px)
    {
        .login-form .form-control {
            height: 34px;
        }
        .login-form button{
            height: 34px;
        }
        .login_pro {
            bottom: -10px;
        }
        .login_pro .form-group{
            margin-bottom: 10px;
        }
        .login_pro h3,.login_pro .new_sign,.login_pro p.forget-pass{
            font-size: 14px;
        }
    }
  /**responsive restaurant login end**/

  /**responsive registration**/
	@media (max-width: 767px){
		.heading_steps {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
  /**responsive registration end**/

  /**responsive dashboard**/
	@media (max-width: 767px){
		.heading_steps {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .text_button_online {
            top: 15px;
        }
    }
    @media (min-width: 1024px) and (max-width: 1320px){
         .inner_dash_page .left_side_dashpage{
             width: 65%;
         }
         .inner_dash_page .right_side_dashpage{
             width: 35%;
         }
    }
  /**responsive dashboard end**/

    /**responsive order**/
	@media (max-width: 425px){
		.dash_nav .left_side_nav span {
            font-size: 12px!important;
        }
        .bell-notifyy-wrap.active .bell-notifyy-details{
            width:290px;
        }
    }
    @media (max-width: 767px){
		.accept-order-btn{
            margin-bottom:10px;
        }
        .driver-tracker-wrap ng-map{
            max-height:200px;
        }
    }
    @media (min-width: 768px) and (max-width: 1023px){
        .accept-order-btn,.cancel-order-btn{
            padding: 8px 35px;
        }
    }
  /**responsive order end**/

   /**responsive about my business**/
	@media (max-width: 567px){
		.recommended_food_wrap .recommended_food_card_wrap .recommended_food_options img:first-child {
            margin-right: 0;
        }
        .recommended_food_wrap .recommended_food_card_wrap .recommended_food_name, .recommended_food_wrap .recommended_food_card_wrap .recommended_food_options{
            padding: 0 10px;
            height: 70px;
            line-height: 70px;
        }
        .recommended_food_wrap .recommended_food_card_wrap {
            height: 70px;
            line-height: 70px;
        }
        .recommended_food_wrap .recommended_food_card_wrap .recommended_food_img {
            width: 95px;
            height: 70px;
            line-height: 70px;
        }
		.over_days_earning .billing_driver, .over_days_earning .driver_dolar, .over_days_earning .driver_paid_status {
			width: 100%;
        }
    }
    @media (max-width: 767px){
		.recommended_food_wrap .recommended_food_card_wrap{
            max-width: 100%;
        }
        .set-categories .fav-btn-wrap{
            position: fixed;
            bottom: 6px;
            right: 25px;
        }
        .recommended_food_wrap{
            padding-bottom: 50px;
        }
    }
    @media (min-width: 768px) and (max-width: 1023px){
        .abt-mybus-page .tab{
            width:30%;
            height: 100%;
        }
        .abt-mybus-page .tabcontent{
            width:70%;
            height: 100%;
        }
        div.tab button{
            padding: 22px;
        }
        .recommended_food_wrap .recommended_food_card_wrap{
            max-width: 100%;
        }
        .about_business-banner-info{
            left: 10px;
            bottom: auto;
            top:15px;
        }
        .about_business-banner-info h2{
            font-size: 15px;
            margin: 5px 10px;
        }
        .current-billing-due h2 .highlight{
            margin-right: 0;
            width: 100%;
            display: block;
            line-height: normal;
        }
        .current-billing-due h2 .due-amount,.current-billing-due h2 .unsettled{
            font-size: 15px;
        }
    }
  /**responsive about my business end**/

  /**responsive menu**/
	@media (max-width: 425px){

    }
    @media (max-width: 767px){

    }
    @media (min-width: 768px) and (max-width: 1023px){
        .menu-item-catwrap ul>li>a{
            padding: 18px 23px;
        }
        .menu-item-wrap ul li{
            padding: 10px;
        }
        .menu-item-catwrap .submenu-wrap ul>li>a{
            padding: 10px 0 10px 30px;
        }
        .menu-item-catwrap .submenu-wrap>a:before, .menu-item-catwrap .submenu-wrap:hover>a:before{
            top: 20px;
        }
        .menu-item-wrap .menuitem-img{
            /* height: 120px;
            width: 100%; */
            display: none;
        }
        .menu-item-wrap .menuitem-control{
            padding: 15px 20px 15px 20px;
        }
        .menu-item-wrap .menuitem-detail{
            padding: 10px;
        }
        .menu-item-wrap .menuitem-detail h2{
            font-size: 14px;
            max-width: 140px;
        }
        .menu-item-detailswrap .menuitem-detail .menuitem-name{
            font-size: 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .recomm-menudeta-outter{
            width: 35%;
        }
        .recomm-menudeta-details-outter{
            width: 65%;
            margin-top: 15px;
        }
        .restaurant_banner .image_rest{
            width: 35%;
        }
    }
  /**responsive menu end**/


  /**responsive driver**/
  @media (max-width: 767px){
      .banner-upper-left{
        top: 60px;
      }
      section.fleet-signin{
        padding: 40px 0px;
      }
      .fleet-heading h2 {
        font-size: 30px;
      }
      .get-payment p{
          font-size: 17px;
          max-width: 80%;
          text-align: center;
          margin: auto;
      }
      .get-payment h3 {
          font-size: 23px;
          margin: 0px;
          padding: 20px 0px 10px;
      }
      .fleet-signin .col-sm-4{
          float:left;
          width:100%;
       }
        .get-payment {
            padding: 40px 0px 0px;
        }
        section.driver_dash{
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .heading_txt h2{
            padding: 15px;
            margin-top: 0;
        }
        .overall_driver_report{
            padding: 20px 10px;
        }
        .driver_deliveries{
            padding:25px 15px;
        }
        ul.total_delivery_report{
            padding: 0;
            margin-bottom: 0;
        }
        ul.total_delivery_report li{
            width: 100%;
            margin-bottom: 15px;
        }
        ul.total_delivery_report li:last-child{
           margin-bottom: 0px;
        }
        .over_days_earning,.driver_order_details{
           padding: 0 10px;
        }
        .payout_section .payout_section_form {
           width: 100% !important;
           padding: 10px 15px;
           float: left;
        }
        .payout_section .payout_section_form h2{
            margin-top: 0;
        }
        .payout_section{
            padding: 15px 0;
        }
        .driver_contie_right{
            min-height: 1px;
        }
        section.new_earning_page .my_delivery_inners{
            padding-right: 10px;
        }
        .document_info_inner.payout_section_form{
            padding: 15px;
            width: 100%;
        }
        .right_side_profile_page {
            /* float: none; */
            float: left;
            width: 100%;
        }
  }
  @media (max-width: 425px){
      .user-login-popup, .user-register-popup {
            width: 310px;
        }
      .banner-upper-left{
        top: 40px;
      }
      section.fleet-signin{
        padding: 40px 0px;
      }
      .static-form-innerwrap {
         width: 100%;
      }
      .banner-upper-left h1{
         font-size: 20px;
      }
      .banner-upper-left p{
         font-size: 15px;
         padding: 10px 0 0;
      }
      .fleet-heading h2 {
        font-size: 26px;
      }
    .get-payment img {
        max-height: 55px;
    }
      .get-payment p{
          font-size: 14px;
          max-width: 80%;
          text-align: center;
          margin: auto;
      }
      .get-payment h3 {
          font-size: 23px;
          margin: 0px;
          padding: 20px 0px 10px;
      }
      .fleet-signin .col-sm-4{
          float:left;
          width:100%;
       }
        .get-payment {
            padding: 40px 0px 0px;
        }
        .over_days_earning .billing_driver, .over_days_earning .driver_dolar, .over_days_earning .driver_paid_status {
         width: 100%;
        }
  }
  @media (min-width: 425px) and (max-width: 767px){
      .static-form-innerwrap {
         width: 85%;
      }
      .banner-upper-left h1{
         font-size: 35px;
      }
      .banner-upper-left p{
         font-size: 22px;
         padding: 10px 0px
      }
        /* .over_days_earning .billing_driver, .over_days_earning .driver_dolar, .over_days_earning .driver_paid_status {
         width: 33.3333%;
        } */
   }
    @media (max-width: 568px){
        .document_info_inner.payout_section_form ul li label{
           width: 100%;
        }
        .document_info_inner.payout_section_form ul li p{
           width: 100%;
        }
        .document_info_inner.payout_section_form ul li .form-group{
           margin-bottom: 15px;
        }
        .document_info_inner.payout_section_form ul li .form-group label{
            margin-bottom: 5px;
        }
        .document_info_inner.payout_section_form ul li .form-group .input-group{
           width:100%;
        }
    }
    @media (min-width: 568px) and (max-width: 767px){
        .document_info_inner.payout_section_form ul li label{
           width: 35%;
        }
        .document_info_inner.payout_section_form ul li p{
           width: 65%;
        }
		.over_days_earning .billing_driver, .over_days_earning .driver_dolar, .over_days_earning .driver_paid_status {
         width: 50%;
        }
    }
   @media(max-width: 1023px){
    .driver_contie_left{
        display:none;
    }
    .driver_contie_right{
        width:100%;
    }
    .overall_driver_report.delivery{
        width: 100%;
        padding: 0px;
        overflow-x:auto;
    }
    .overall_driver_report.delivery .driver_delivery{
        width: auto;
        padding: 0px 20px;
        min-width:800px;
    }
    .payout_section .payout_section_form {
       width: 50%;
    }
    .overall_driver_report.delivery .driver_delivery{
        min-width:1100px;
    }
   }
   @media (min-width: 768px) and (max-width: 1023px){
    .banner-upper-left h1{
        font-size: 40px;
    }
    .banner-upper-left p{
        padding: 10px 0px;
    }
    .static-form-innerwrap {
        width: 65%;
    }
    .user-details h4{
        text-align: center;
    }
    section.fleet-signin {
        padding: 30px 0px;
    }
    .fleet-heading h2 {
    font-size: 30px;
    }
    .get-payment {
        padding: 50px 0px 10px;
    }
    .get-payment img {
        max-height: 65px;
    }
    .get-payment h3 {
        font-size: 18px;
    }
    .get-payment p {
        font-size: 14px;
    }
    .document_info_inner.payout_section_form{
            width: 100%;
        }
  }
 @media (max-width: 1023px){
   .error_span{
      top: 98%!important;
      left: 0 !important;
      bottom:auto !important;
        right: auto !important;
        margin-top: -6px !important;
        max-width: 100%;
        min-width: 130px;
        white-space: initial;
        font-size: 10px !important;
   }
    .error_span:before{
        bottom: auto !important;
        left: 10px !important;
        top: -5px !important;
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-bottom: 8px solid #fb7829 !important;
        border-top:none !important;
    }
    .mk-name .error_span {
        top: 42px!important;
    }
    .otp_wrap .error_span:before{
        border-top: 8px solid #fb7829 !important;
        border-bottom: none !important;
        left: 50% !important;
        top: auto !important;
        bottom: -5px !important;
    }
  }
  @media (min-width: 1024px) and (max-width: 1199px){
    .banner-upper-left h1{
        font-size: 40px;
    }
    .banner-upper-left p{
        padding: 20px 0px;
    }
    .fleet-heading h2 {
    font-size: 30px;
    }
    .get-payment h3 {
        font-size: 23px;
    }
  }

  /**responsive driver end**/

  /**popups **/
  @media (max-width: 424px){
    .modal-inner-wrap{
        width: 310px;
    }
  }
  @media (min-width: 425px) and (max-width: 525px){
    .modal-inner-wrap{
        width: 400px;
    }
  }
  /**popups end **/

  /**user search **/
  @media (max-width: 1023px){
    .recomm-menudeta ul.re-menudetails{
       margin: 15px 0
    }
    .restaurant_banner .image_rest img{
        min-height: 1px;
    }
  }
  @media (max-width: 767px){
      .search-cusine-content .col-xs-4{
            width:50%;
        }
       .search-cusine-content .mt-65 {
            margin-top: 15px;
        }
    .search-filter-heightfiller{
        display: none;
    }
    .mob-header-search{
        float:left;
        width:100%;
        margin-top: 0 !important;
    }
    .serach-fullfilter{
        padding: 10px;
    }
    .mob-header-search .col-sec{
        width: 100%;
    }
    .mob-header-search .col-secpart{
        width: 100%;
    }
    .mob-header-search .header-lcserach{
        padding: 0px;
    }
    .mob-header-search .header-sear .sear-location {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .serach-location-dropdown{
        width:100%;
        z-index: 999;
        left:0;
    }
    .serach-location-dropdown .current-location{
        overflow: hidden;
        width: 35px;
        padding: 7px 12px;
        font-size: 15px;
    }
    .serach-location-dropdown .current-location span i{
        margin-right: 25px;
    }
    .restaurant_banner .image_rest img{
        margin:0;
    }
  }
  @media(max-width: 425px){
    .search-cusine-content .col-xs-4{
            width:100%!important;
    }
    .cancel-filter-btn,.clear-filter-btn,.apply-filter-btn{
        min-width: 75px;
        padding: 6px 8px;
        font-size: 11px;
    }
    .cusine-drop-down-li.active > a:after{
        bottom: -21px;
        height: 21px;
    }
  }
  @media(min-width: 768px) and (max-width: 1023px){
    .search-filter-wrap{
        /* position:static; */
    }
    .search-filter-heightfiller{
        display: none;
    }
    .mob-header-search{
        float:left;
        width:100%;
        margin-top: 0 !important;
    }
    .serach-fullfilter{
        padding: 10px;
    }
    .mob-header-search .col-sec{
        width: 40%;
    }
    .mob-header-search .col-secpart{
        width: 60%;
    }
    .mob-header-search .header-lcserach{
        padding: 0px;
    }
    .mob-header-search .header-sear .sear-location {
        border: 1px solid #ccc;
        border-right: none;
    }
    .serach-location-dropdown{
        width:100%;
    }
  }
  @media(min-width: 768px) and (max-width: 1199px){
    .filter_foods{
        height:176px;
    }
    .filter_foods img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-width: none;
    }
  }
  /**user search end **/



/**responsive by s end**/



/*------------------------suresh---------user panel start-------------------*/


@media  screen and (min-width: 1024px) and (max-width: 1200px) {
span.item_add {
    margin-left: 20px;
}

.coun_pay button {
    width: auto;
	}

	.order_right {
    width: 75%;
    float: right;
}

.my_favorites .filter_foods .info span {
    margin: 30px auto;
}

.order_main_details .order_right {
    width: 50%;
    float: right;
}
}


@media only screen  and (max-width: 1023px)
{
.your_ordersas {
    overflow: auto;
}
.order_all {
    min-width: 1000px;
}


}

@media  screen and (min-width: 768px) and (max-width: 1023px) {

.my-prodown .order_right {
    width: 50%!important;
}
.order_right {
    width: 100%;
    float: right;
}
.order_main_details .order_right {
    width: 50%;
    float: right;
}
.logo-part .home-headings {
    left: 50%;
}
span.item_add {
    margin-left: 35px;
}

.recomm-menudeta.affix, .checkout-cart-wrap.affix {
    position: static!important;
}

.recomm-menudeta.affix-bottom, .checkout-cart-wrap.affix-bottom {
    position: static!important;
	    width: 100%!important;
}

.checkout-addnew-address-popup ul.delivery_address li {
    padding: 0;
    margin-bottom: 9px;
    width: 100%;
}
.orders_purs .nav>li>a {
    position: relative;
    display: block;
    padding: 14px 10px;
	    font-size: 14px;
	}

	.orders_purs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-size: 14px;
	}

	.mypro_upload button {
    width: auto;
	}
.save_addpge {
    /* margin: 0px 24px; */
    padding: 40px;
    float: left;
    width: 100%;
   }
   li.save-width {
    width: 80%;
	}

	.myacc-savedcards-wrap {
    padding: 40px;
   }
    .my_profilesec {
    padding: 40px;
   }

  .your_ordersas {
    padding: 40px;
   }
    .my_fave {
    padding: 40px;
    }
	.myacc-savedcards-wrap .savedcards-item {
    width: 80%;
	}
	}

@media only screen and (max-width: 767px) {
.add-select-btn label {
    font-size: 13px!important;
}
.checkout-cart-body .item-sub-details {
    float: left;
    width: 100%;
    padding-left: 0;
}

.checkout-cart-body .item-sub-details .subpack {
    float: left;
    width: 100%;
    padding-left: 0;
}

.checkout-details .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.search-filter-wrap-inner .avail-res-count {
    display: none;
}

.search-filter-wrap-inner .filter-options {
    float: left;
}
.search-filter-wrap {
    top: 60px;
    display: none;
}
.search-filter-wrap.active {
    display:block;
    /* padding: 10px 0px; */
	padding: 25px 0px 15px;
}
.filter-options {
    float: left;
    font-size: 15px;
}
.filter_foods .info {
    max-width: 244px;
}
.search-cusine-content .col-xs-4{
    width:50%;
}


.inner_res_menu ul li {
    position: relative;
    width: 100%;
    /* margin-top: 10px; */
}
.recomm-menudeta.affix, .checkout-cart-wrap.affix {
    position: static!important;
}

.recomm-menudeta.affix-bottom, .checkout-cart-wrap.affix-bottom {
    position: static!important;
	    width: 100%!important;
}
.restaurant_banner .container-fluid {
    padding: 30px 30px 10px 30px;
}

.inner_res_menu span.item_description {
    float: left;
    width: 100%;
    line-height: initial;
    height: auto;
    max-width: 70%!important;margin-top: 10px;
}

.inner_res_menu span.item_add {
 float: right;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    margin-left: 0;
    line-height: initial;
}

span.item_image

{
    border-radius: 0;
}

.inner_res_menu span.item_rate {
    float: left;
    width: 50%;
    margin-top: 0;
    text-align: left;
    margin-left: 0;
	    height: auto;
    line-height: initial;
    padding: 5px 0px;
}
.inner_res_menu span.item_image {
    float: left;
    width: 100%;
    /* text-align: center; */
    height: 150px;
	}


	.checkout-addnew-address-popup ul.delivery_address li {
    padding: 0;
    margin-bottom: 9px;
    width: 30%;
}
.orders_purs .nav>li>a {
    position: relative;
    display: block;
    padding: 14px 10px;
	    font-size: 14px;
	}

	.orders_purs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-size: 14px;
	}

	.mypro_upload button {
    width: auto;
	}
.save_addpge {
    /* margin: 0px 24px; */
    padding: 15px;
    float: left;
    width: 100%;
   }
   li.save-width {
    width: 100%;
	}

	.myacc-savedcards-wrap {
    padding: 15px;
   }
    .my_profilesec {
    padding: 15px;
   }

  .your_ordersas {
    padding: 15px;
    max-height: 300px;
   }
    .my_fave {
    padding: 15px;
    }
	.myacc-savedcards-wrap .savedcards-item {
    width: 100%;
	}
	.orders_purs .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 100%;
    text-align: center;
}

.savedcards-item .card-valid-wrap {
    float: left;
    width: 45%;
    padding: 0;
    text-align: right;
}

.savedcards-item .card-num-wrap {
    float: left;
    width: 55%;
}

.order_main_details {
    width: 100%;
    float: left;
    padding: 17px 45px 15px 20px;
    position: relative;
}
.col-sm-6.col-xs-6 .order_left {
    width: 100%;
    float: left;
}

button.btn.btn-default.my-pdow {
    margin: 7px 0 7px 24px;
	}

	.viewdetails-wrap .userprofile-detail h2 {
    font-weight: normal;
    font-size: 15px;
    padding: 0;
    margin-bottom: 25px;
}

.checkout-cart-wrap {
    float: left;
    width: 100%!important;
}
.filter-options>span {
    float: left;
    line-height: 34px;
    padding: 0 6px;
}

.search-filter-heightfiller {
    float: left;
    width: 100%;
    height: 0;
    transition: all ease 0.5s;
}

.checkout-payment-wrap .cart_no1 {
    width: 100%;
    padding: 0;
}
.checkout-payment-wrap .cart_no2 {
    width: 50%;
    padding: 10px 10px 0px 0px;
}
.checkout-payment-wrap .cart_no3 {
    width: 50%;
    padding: 10px 0px 0px 10px;
	float:right;
}
.checkout-payment-wrap .coun_pay button {
    margin-top: 10px;
    background: #5db318 !important;
    color: #fff!important;
    border: none;
    border-radius: 0;
    position: static;
    right: 0;
    top: 0;
    height: 38px;
    width: 100%;
}

.other_payment_wrap ul li {
    float: left;
    width: 50%;
}
}

@media only screen and (max-width: 430px){

.filter_foods .info span {
    margin-top: 80px!important;
	}
.filter_foods img {
    width: 100%;
    max-width: 100%;
}
.search-food-blur{
    padding: 10px;
}
.stars-wrap .heart {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
}
.filter_foods {
    padding: 10px;
	}
	.filter_foods .info {
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
}
.filter_foods .info {
    max-width: 100%;
}




}

@media only screen and (max-width: 600px){
.checkout-payment-wrap .nav-pills {
    float: left;
    width: 100%;
    border: 1px solid #dcdcdc;
}
.checkout-payment-wrap .tab-content {
    float: left;
    width: 100%;
    padding: 0 0px;
    margin-top: 15px;
}
}
@media only screen and (max-width: 567px){
div.other_payment_wrap ul li {
    float: left;
    width: 100%;
}
.checkout-payment-wrap .nav-pills {
    float: left;
    width: 100%;
    border: 1px solid #dcdcdc;
}
.checkout-payment-wrap .tab-content {
    float: left;
    width: 100%;
    padding: 0 0px;
    margin-top: 15px;
}
ul.search_page li {
    list-style: none;
    width: 100%;
    padding: 0;
}

.checkout-payment-wrap .cart_no1 {
    width: 100%;
    padding: 0;
}
.checkout-payment-wrap .cart_no2 {
    width: 50%;
    padding: 10px 10px 0px 0px;
}
.checkout-payment-wrap .cart_no3 {
    width: 50%;
    padding: 10px 0px 0px 10px;
	float:right;
}
.checkout-payment-wrap .coun_pay button {
    margin-top: 10px;
    background: #5db318 !important;
    color: #fff!important;
    border: none;
    border-radius: 0;
    position: static;
    right: 0;
    top: 0;
    height: 38px;
    width: 100%;
}
.filter-options>span {
    font-size: 13px;
	width: 70px;
	}
.filter-options {
    float: left;
    font-size: 13px;
}
.search-filter-wrap {
    background: #f5f5f5;
    padding: 10px 0 0px 0px;
	}
.filter-options ul {
    margin-left: 0px;
}
.search-filter-wrap-inner .col-sm-8 .filter-options {
    margin-bottom: 10px;
}
.filter-options .btn {
    border-radius: 0;
    border: none;
    padding: 6px 6px;
}
.inner_res_menu ul li {
    position: relative;
    width: 100%;
    /* margin-top: 10px; */
}
.save_addpge  ul.delivery_address {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0;
}

table.table.mypro_tabs thead th {
    padding: 15px 5px;

}

.myordel-add h5 {
    padding-left: 10px;
    margin-bottom: 3px;
}
.adg-pay {
    padding: 15px 20px 5px 10px;
}

.adg-pay.adg-pay-details .order_right p.item-total {
    line-height: 22px;
}
.viewdetails-outter-wrap .viewdetails-wrap {
    padding: 5px 0px;
    width: 100%;
    display: inline-block;
}
.my_profilesec .mypro1 {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
}

.my_profilesec .mypro2 {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
}
.my_profilesec .mypro_upload {
    width: 100%;
    float: left;
    margin:  0px;
}
.my_profilesec .mypro3 {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
}
.myordel-add span {
    padding-left: 10px;
    display: block;
	    line-height: 22px;
}


section.order_fulltables .col-md-12 {
    padding: 0;
}

.viewdetails-wrap {
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
}
.checkout-addnew-address-popup ul.delivery_address li {
    padding: 0;
    margin-bottom: 9px;
    width: 100%;
}
.inner_res_menu span.item_image {
    height: 150px;
}

.checkout_page .col-md-8 {
    padding: 0;
    float: left;
    width: 100%;
}


.checkout_page .col-md-4 {
    padding: 0;
    float: left;
    width: 100%;
}

.savedcards-item .card-valid-wrap {
    float: left;
    width: 35%;
    padding: 0;
    text-align: right;
}
.savedcards-item .card-valid-wrap h4 {
    font-size: 14px;
    margin: 0 auto 0px;
}
.savedcards-item .card-num-wrap .card-num-mask {
    width: 3px;
    height: 3px;
    }
.savedcards-item .card-num-wrap h4 {
    font-size: 12px;
    margin: 0 auto 0px;
}
.savedcards-item .card-num-wrap .card-num-mask:nth-child(4n+4) {
    margin-right: 10px;
}
.savedcards-item .card-num-wrap {
    float: left;
    width: 65%;
}
.order_main_details {
    width: 100%;
    float: left;
    padding: 17px 45px 15px 10px;
    position: relative;
}


}

@media only screen and (max-width: 320px){
.restaurant_banner .container-fluid {
    padding: 25px 20px 0px 20px;
}

ul.delivery_address li .add_address p span {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    font-size: 12px;
}
}


/*------------------------suresh---------user panel end-------------------*/






/* --bug fix 1-12-17 -- */

@media only screen and (max-width: 425px){
    .saerch-rest{
        z-index:999;
    }
}
@media only screen and (max-width: 340px){
  .uib-datepicker-popup button {
        font-size: 13px !important;
        padding: 4px 8px !important;
    }
    .saerch-rest ul.search-result{
        padding: 0 10px;
    }
    .saerch-rest ul.search-result li {
        padding: 10px 0;
    }
    .saerch-rest ul.search-result li .sear-left{
        width: 40%;
    }
    .saerch-rest ul.search-result .sear-right {
        width: 60%;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 425px){
    .dash_nav_inner {
        padding: 18px 14px 18px 5px;
    }
    .select-billing-cycle{
        margin: 15px 0;
    }
    .select-billing-cycle .label-wrap{
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .select-billing-cycle .input-wrap select {
        width: 100%;
    }
    .current-billing-due h2{
        margin: 15px 0;
        height: auto;
        line-height: initial;
    }
    .current-billing-due h2 .highlight{
        width: 100%;
        margin-bottom: 5px;
        display:block;
    }
    .current-billing-due h2 .due-amount, .current-billing-due h2 .unsettled{
        display:inline-block;
    }
    .savedcards-item .card-paybtn-wrap{
        width: 45%;
    }
    .savedcards-item .card-cvv-wrap{
        width: 55%;
    }
    .bkn-form .form-control {
        padding-left: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .bkn-form .ui-select-multiple.ui-select-bootstrap{
        padding-left: 12px;
    }
    .bkn-form .one-type{
        width: 100%;
    }
    .bkn-form .two-type{
        width: 100%;
        margin: 0;
    }
    .order-item-name{
        font-size: 16px;
    }
    .orders-detail-wrap .order-item-wrap p {
        font-size: 13px;
    }
    .seach_food .offer-label span {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 465px){
    .right_side_dashpage .popular_items h3{
        font-size: 15px;
    }
    .select-recommended-popup .resfooter-right button {
        padding: 7px 20px;
        font-size: 13px;
    }
    .recommended_food_wrap .spcl-note {
        font-size: 20px;
    }
    .recommended_food_wrap .spcl-note span {
        font-size: 26px;
    }
    .accept-order-btn {
        margin-bottom: 10px;
    }
    .select-billing-cycle .input-wrap {
        display: block;
    }
       .search-cusine-content .col-xs-12{
          max-height: 180px;
          overflow: auto;
       }
    .checkout-addnew-address-popup {
        max-height: calc(100vh - 80px);
    }
    .checkout-addnew-address-popup > .modal-body{
        max-height: 100%;
    }
    .checkout-addnew-address-popup .modal-body .modal-body{
       max-height: 350px;
    }
}
@media (min-width: 466px) and (max-width: 767px){
   .accept-order-btn {
        margin-bottom: 0px;
    }
    .modal-title {
        font-size: 16px;
    }
    .modal-header {
        padding: 10px 15px;
    }
    .user-logout-popup .modal-body{
        max-height: 150px !important;
        padding: 10px 15px !important;
    }
    .modal-footer{
        padding: 10px;
    }
    .modal-footer .btn{
        font-size: 13px;
    }
    .restaurant-cancel-order-popup .cancel-order-btn{
        padding: 8px 30px;
    }
    .restaurant-detail-popup{
      max-height: calc(100vh - 20px) !important;
    }
    .user-logout-popup.modal-inner-wrap,.user-logout-popup.modal-inner-wrap .modal-body{
        min-height: 26px !important;
    }
    .modal-inner-wrap{
        max-height: 290px!important;
        min-height: 260px;
    }
    .modal-inner-wrap .modal-body{
        max-height: initial!important;
        min-height: 260px;
    }
    .user-saved-address-popup{
        width:480px;
    }
    .user-saved-address-popup ul.delivery_address li .add_adus .remove{
        display:none;
    }
    .checkout-addnew-address-popup{
        width:500px;
    }
    .checkout-addnew-address-popup .modal-body .modal-body{
        min-height: 100px;
    }
    .checkout-addnew-address-popup .modal-body .modal-body ng-map{
        height: 159px !important;
    }
    .checkout-addnew-address-popup > .modal-body{
        height: 180px;
    }
    .checkout-addnew-address-popup ul.delivery_address{
        margin-bottom:15px;
    }
    .checkout-addnew-address-popup ul.delivery_address li{
        width: 100%;
    }
    .search-map-popup{
        max-height: 290px!important;
        min-height: 260px;
        width: 450px;
    }
    .search-map-popup ng-map {
        height: 150px !important;
    }
    .search-popup-info,.search-popup-options{
        padding: 10px 0;
    }
    .search-map-popup .modal-body .modal-body{
        min-height: 60px;
    }
    .save_addpge ul.delivery_address li .add_address p {
        width: 55%;
        padding: 0 10px;
        font-size: 12px;
    }
    .save_addpge ul.delivery_address li .add_adus {
        width: 25%;
    }
    .search-cusine-content .col-xs-12{
        max-height: 65px;
        overflow: auto;
    }
    .cusine-drop-down-li.active > a:after {
        bottom: -11px;
        height: 11px;
    }
    .checkout-addnew-address-popup > .modal-body{
        max-height: 210px;
    }
    .checkout-addnew-address-popup{
        max-height: calc(100vh - 10px);
    }
    .checkout-addnew-address-popup > .modal-body{
        max-height: 100%;
    }
    .checkout-addnew-address-popup .modal-body .modal-body{
       max-height: 214px !important;
    }
    .restaurant-cancel-order-popup .modal-body{
       max-height: 150px !important;
       min-height: initial;
    }
    .sortby-label{
    display: inline-block;
    max-width: 85px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
   }
   .get-payment img{
    max-height: 55px;
   }
}

  @media(max-width: 567px){
    ul.delivery_address li,.save_addpge ul.delivery_address li{
        width:100%;
    }
    ul.delivery_address li .add_address,.save_addpge ul.delivery_address li .add_address {
        height: auto;
    }
    ul.delivery_address li .new_add,.save_addpge ul.delivery_address li .new_add {
        width: 100%;
    }
    ul.delivery_address li .add_address p, .save_addpge ul.delivery_address li .add_address p {
        font-size: 13px;
        color: #585858;
        text-align: center;
        width: 100%;
        float: left;
        display: inline-block;
        margin: 0;
        padding:15px 10px;
        line-height: initial;
        height: auto;
    }
    ul.delivery_address li .add_adus,.save_addpge ul.delivery_address li .add_adus {
        width: 100%;
        margin-bottom: 15px;
        line-height: initial;
    }
    .user-saved-address-popup ul.delivery_address li .add_address p span{
        width: 100%;
    }
    .user-saved-address-popup ul.delivery_address li .add_address p .remove{
        display:none;
    }
    .user-saved-address-popup ul.delivery_address li .add_adus .remove{
        display: inline-block;
    }
    .user-saved-address-popup ul.delivery_address li .add_adus .remove img{
        max-height: 20px;
        margin-right: 15px;
    }
    .checkout-details .left-address{
        padding: 0;
    }
    .checkout-details h5{
        padding: 9px 0px;
    }
    .address_bookingsec .error_span{
       max-width: 98%;
       min-width: 115px;
    }
    .clear-cart-popup .pop_footer .btn-orange{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .clear-cart-popup .pop_footer .btn-green{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .right_side_profile_page .inner_photo_select{
        width:100%;
    }
  }

@media (min-width: 567px) and (max-width: 767px){
    .restaurant-detail-popup .res-models {
        padding: 10px 15px;
    }
    .restaurant-detail-popup .resc-body{
        max-height: 160px;
    }
    .restaurant-detail-popup .res-modelsfooter{
        padding: 10px;
    }
    .input_checks .button_apply{
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
    }
    .select-recommended-popup .resc-body{
       max-height: 110px;
    }
    .savedcards-item .card-num-wrap .card-num-mask {
        width: 5px;
        height: 5px;
        margin-top: 7px;
    }
    .savedcards-item .card-num-wrap h4 {
        font-size: 18px;
        margin: 0 auto 0px;
    }
    .savedcards-item .card-num-wrap .card-num-mask:nth-child(4n+4) {
        margin-right: 10px;
    }
    .mypro1{
        margin-bottom: 15px;
    }
    .mypro1,.mypro2,.mypro3 {
        width: 42%;
    }
    .clear-cart-popup.modal-inner-wrap, .clear-cart-popup.modal-inner-wrap .modal-body{
        min-height: 26px !important;
    }
}
@media (max-width: 767px){
   .order_namez h4{
       font-size: 14px;
   }
    span.order_ratez{
       font-size: 16px;
        padding: 7px 5px;
        text-align: right!important;
   }
    .order_listingzz span.order_namez{
        width: 60%;
    }
    .order_listingzz span.order_ratez{
        width: 40%;
    }
    .select-recommended-popup{
        max-height: calc(100vh - 20px);
    }
    .select-recommended-popup .modal-body{
        max-height: calc(100vh - 20px);
    }
    .select-recommended-popup .res-models {
        padding: 10px 15px;
    }
    .select-recommended-popup .res-modelsfooter {
        padding: 10px;
    }
    .select-recommended-popup .resfooter-right button{
        font-size:14px;
    }
    .select-recommended-popup .res-header p {
    font-size: 13px;
    }
    .select-recommended-popup .res-header h2 {
        font-size: 17px;
    }
    .select-recommended-popup .resfooter-right{
        padding: 0;
    }
    .abt-mybus-page .earning_section .order_box .left-sec, .abt-mybus-page .earning_section .order_box .order-price{
        padding: 0px 15px;
        text-align: right;
        width: 50%;
    }
    .document_info_inner.payout_section_form ul li{
        padding: 0px;
    }
    .expiry-date-note{
        left:0;
    }
    .checkout-addnew-address-popup .modal-header {
        padding: 10px 15px;
    }
    .checkout-addnew-address-popup .modal-header .modal-title{
        font-size: 16px;
    }
    .checkout-addnew-address-popup .modal-header .modal-sub-title{
        display: none;
    }
    .pending-order-highlight{
        display:none;
    }
    .business-information{
        margin: 30px 0px 20px;
    }
    .select-billing-cycle .input-wrap select {
        min-width:1px;
        max-width: 100%;
    }
    .order-item-name .item-prize{
        margin-right: 0;
    }
    /*p.copy_right {*/
    /*    margin-top: 30px;*/
    /*}*/
    .card-cvv-wrap .error_span {
        top: -20px !important;
        left: 0 !important;
    }
    .card-cvv-wrap .error_span.pos-top-left:before {
         border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-top: 8px solid #fb7829 !important;
        border-bottom:none!important;
        top: auto !important;
        bottom: -5px !important;
        left: 10px !important;
    }
    .checkout-addnew-address-popup .step2 .map-img{
        min-height: 1px;
    }
    .item_description_inner{
        width:100%;
    }
    .user-register-popup .name-wrap .col-sm-6:first-child {
        padding-right: 0px;
    }
    .user-register-popup .name-wrap .col-sm-6:last-child {
        padding-left: 0;
    }
}

@media (min-width: 768px){
    ul.delivery_address li .add_adus .remove{
        display:none;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .select-billing-cycle-wrap .col-sm-6{
        width:100%;
    }
    .order-price h1{
        padding: 5px 15px 0px 10px;
    }
    .order-price1 h1{
        padding: 5px 15px 0px 0px;
    }
    .about_business-banner-info .restaurant-logo-holder,.about_business-banner-info img{
        max-height: 70px;
    }
    .checkout-details {
        margin-top: 15px;
    }
    .card-cvv-wrap .error_span {
        top: -20px !important;
        left: 0 !important;
    }
    .card-cvv-wrap .error_span.pos-top-left:before {
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-top: 8px solid #fb7829 !important;
        border-bottom:none!important;
        top: auto !important;
        bottom: -5px !important;
        left: 10px !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px){
.back-color.menu-page, .menu-page .container-fluid{
        padding: 0;
    }
    .menu-item-catwrap ul>li>a {
        padding: 14px 10px;
        font-size: 13px;
    }
    .menu-item-catwrap .submenu-wrap>a:before, .menu-item-catwrap .submenu-wrap:hover>a:before {
        top: 12px;
        right: 15px;
    }
    .menu-item-catwrap{
        width:25%;
    }
    .menu-item-wrap{
        left: 25%;
        width: 40%;
    }
    .menu-item-wrap .section-label {
        padding: 16px 15px;
        font-size: 13px;
    }
    .menu-item-wrap .menuitem-img{
        height: 60px;
        width: 60px;
        display: inline-block;
    }
    .menu-item-wrap .menuitem-detail {
        padding: 5px;
    }
    .menu-item-wrap .menuitem-detail h2{
        font-size: 12px;
        max-width: 130px;
        line-height: 25px;
    }
    .menu-item-wrap .menuitem-control {
        padding: 15px 10px 15px 20px;
        margin: 2px 0;
    }
    .menu-item-detailswrap .menuitem-detail{
        padding: 15px 10px;
    }
    .menu-item-detailswrap .menuitem-detail .menuitem-name {
        font-size: 14px;
    }
    .menu-item-detailswrap .menuitem-detail .menuitem-desc {
        font-size: 12px;
    }
    .menu-item-detailswrap .menuitem-detail .menuitem-name-divider{
        margin: 15px auto 5px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px){
    ul.order_head_ul li{
        padding: 13px 5px;
    }
    .location_details ul.delivery_details li{
        padding: 0 5px;
    }
    .inner_res_menu ul li.food-error span.item_description, .inner_res_menu ul li.food-error .item_description_inner{
        max-width: 80px;


    }
    .inner_res_menu ul li.food-error .food-info-msg span{
        max-width: 80px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (min-width: 1200px){
    span.item_description,.item_description_inner{
        max-width: 300px;
    }
    .inner_res_menu ul li.food-error .food-info-msg span{
       max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
/* --bug fix end-- */

/* --bug fix on 14-3-18 -- */
@media (max-width: 767px){

    .undermaintenance-wrap, .undermaintenance-wrap.err404-wrap .undermaintenance-content-inner,.undermaintenance-wrap .undermaintenance-content{
        display: block;
        width:100%;
        max-width: 100%;
    }
    .undermaintenance-wrap{
        padding: 20px;
    }
    .resfooter-left .pop-maxmin{
        width:100%;
    }
	.featured-city-error{
		display:block;
	}
	.mob-rest-count{
		display:block;
	}

}
@media (max-width: 465px){
	.footer .getapptitle{
		text-align:left;
	}
	.footer ul.ofz_info li{
		margin-left:0;
		margin-right:0;
		width:100%;
		text-align:left;
	}
	.footer ul.ofz_info li a img {
		margin: 0;
	}
}
@media (max-width: 767px) and (min-width: 466px){
    .driver-forgot-password.modal-inner-wrap .modal-body,.driver-forgot-password.modal-inner-wrap{
        min-height: 1px;
    }
	.footer .getapptitle{
		text-align:left;
	}
	.footer ul.ofz_info li{
		margin-right:0;
	}
}
@media (min-width: 768px) and (max-width: 990px){
	.footer ul.ofz_info li h4 {
		font-size: 10px;
	}
}
@media (min-width: 991px) and (max-width: 1199px){
	.footer ul.ofz_info li h4 {
		font-size: 14px;
	}
}
/* --bug fix end-- */