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

.notification-inner-wrapper span {
 top:15px;
}

.howDivrow a {
width: 40%;
}
.form_Register button.square-button{
 /*width: 65% !important;*/
 width: max-content !important;
}
.form_Register button.square-button{
width: 50%;
}
.mainlDiv{
display: grid;
}
.form-group-pro,div#popupoffermail .form-group-pro{
display: block;
}
.formDiv label{
text-align: start;
}
.pro {
width: 100%;}
.card.tl-box {  
width: 90% !important;
margin: 15px auto !important;
}
.form-group-pro .col-md-9 p{
width: 100%;
}
.form-group-pro input.submitBtnform{
width: 60%;
}
.chefDetailsname{
width: 100%;
padding: 1rem 0rem;
}

.chefDetailsInner {
  display: block;
  width: 100%;
}

/* 
span.prep_time.rounded-circle.mb-2{
top:45%;
} */
.chefDetailsprofile img.card-img-top {
width: 100%;
}
section.mainSectionPart {
padding: 1rem;
}
.formDiv{
padding: 0;
}
.formDiv .form-group div {
overflow-x: auto;
}
section.main_banner_chef {
min-height: 210px;
}
a.shopbtn{width: 40%;}
section.applicationSectionlisting .card.tl-box{
width: 100%  !important;
}
section.main_banner_chef #myBtn{
bottom:5%;
left: 2%;
}
  section.main_banner_chef h2.heading{
  font-size: 8px;
  }
  div#popupoffer1 .modal-dialog.modal-xl100{
    top: 18%;
  }
  .clsBreadcrumb {
      padding: 0rem 1rem;
  }
  section.applicationSectionmain h2{
    font-size: 20px;
  }
div#popupoffer .modal-dialog.modal-xl100 {
  top:30% !important;
}

.inner-addon .glyphicon {
    padding: 16px;
    top: 5px;
}
.main_banner_chef h3{
    padding-bottom: 5px;
    font-size: 16px;
    width: 85%;
    margin: auto;
}

.becomeachef img {
    padding: 0px 10px;
    width: 100px;
}


.hidden-xs, .stepimages_grid{
  display:none;
}
.hidden-md{
  display:block !important;
}

.chefDetailsname {
  padding: 1rem 0rem;
  }
  .chefDetailsname .number{
  font-size: 14px;
  }
  .chefDetailsname h4{
    font-size:13px;
  }

.chefOtherDetails p{
   font-size:12px;
   color:#000;
  }
  
  .chefDetailsname li {
  width: 24%;
  }
  
  .chefDetailsname li:nth-child(2){
   border-right: 1px solid #b6b3b3;
   FLEX-WRAP: unset;
  }
  .chefOtherDetails li:nth-child(2){
   border-right: 0px;
  }
  
  a.basketItem{
  float: left;
  }
  
  section.ingredientsSection{
    padding:1rem;
  }
  
  section.productListSection .productListSectionDiv{
    padding-top:10px;
  }
  .stepDivmini p{
   font-weight:400;
   font-size: 13px;
  }
  .stepDivmini h2{
  font-size: 15px;
  }
  section.reviewSection{
  padding: 1rem;
  }
  
#popuphrecipe .modal-dialog{
 max-width: 100%;
}
section.applicationSectionmain{
 display:block;
}
  section.applicationSectionmain .first-div{
    display:none;
  }
  section.applicationSectionmain .second-div{
    flex:1;
    padding:0px;
  }
  .answer {
    grid-template-columns: repeat(1, 1fr);
  }
  
  #user_form fieldset{
  width: 100%;
  margin-bottom:60px;
  }
  
   section.becomeachef h3 {
    margin-top: 45px;
  }  

.becomeachef .become-chef a.becomechef{
    margin: 10px 8px;
}
  
.becomeachef .become-chef{
 /*right:unset;
 left: 8%;*/
}
  
}

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

.qrightuserwelcomestrip{
 margin: 10px 5%;
}

.applicationSectionCounter {
 width:95%;
 padding: 1rem;
}

 .becomeachef .become-chef a.becomechef, .becomeachef .become-chef a.howitwork{
 font-size:10px;
 margin: 10px 2px; 
 padding: 10px 8px;
 font-weight: 500;
 }
 
.formDiv input.form-control, .formDiv textarea.form-control, select.form-control{
 font-size:12px;
} 
 
 
.becomeachef .become-chef{
 right:1%;
 }
 
 .chefDetailsname .chefOtherDetails li{
 word-break: break-all;
}
 
}

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

.pmobile{
 display:block;
     padding: 6px;
    font-size: 11px;
    background: #fff;
    color: #000;
    border: 1px solid #e0dddd;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-decoration: none;
}

.pdesktop{
 display:none;
}

.become-shef-up-div{
float: unset;
padding: 0px;
}
.main_banner_chef h3{
 font-size:18px;
}
.btndivrecipe {
  text-align: center;
}

.btndivrecipe .view_btn, .btndivrecipe button.submit_btn{
     padding: 8px 8px;
     font-size: 12px;
    font-weight: 550;
}

section.stepListingsection .card-bottom p{
 font-size:14px;
}

section.stepListingsection .slick-arrow.left{
 left:-30px;
 display:none !important;
}

section.stepListingsection .slick-slide{
 margin:10px 5px;
}

section.stepListingsection .slick-arrow.right{
 right:-30px;
 display:none !important;
}
section.stepListingsection{
 padding:0px;
}

.chefDetailsname .chefOtherDetails li{
 word-break: break-all;
}

.becomeachef .become-chef{
 /*right:unset;
 left: 6%;*/
 right: unset;
    text-align: center;
    width: 100%;
    z-index:1;
}

a.inner-addon.glyphicon {
 z-index:99;
}

section.mainBannerRecipe p {
 font-size:13px;
}
.formDiv label{
 font-size:13px;
}

.owl-prev{
    top: 30%;
    left: -20px;
}

.owl-next{
    top: 30%;
    right: -20px;
}

.ingredientsSub li {
    margin-left: 0px;
}

.inner-btn{
    padding: 8px 5px;
    /*margin: 10px 2px;*/
    width: 100%;
    font-size: 12px;
}
.card-bottom ul li a, .text-center.sublist ul li a {
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
}
.section.stepListingsection .card-bottom p{
font-size: 14px;
}
.stepListingsection h2 {
    font-size: 18px;
}

.hidden-xs, .stepimages_grid{
  display:none;
}
.hidden-md{
  display:block !important;
}

.becomeachef img {
    padding: 0px 10px;
    width: 120px;
}

section.ingredientsSection{
	padding:1rem;
}

#popuphrecipe .modal-dialog{
 max-width: 100%;
}

section.productListSection .productListSectionDiv{
    padding-top:10px;
}
  
.stepDivmini p{
   font-weight:400;
   font-size: 13px;
}
.stepDivmini h2{
  font-size: 15px;
}

.chefDetailsInner {
  display: block;
  width: 100%;
}  
section.reviewSection{
  padding: 1rem;
}

a.basketItem{
  float: left;
  }
  
.stepDiv{
  display:block;
}
.stepDivmini{
  width:100%;
  padding-left:10px;
  padding-right:10px;
}
  
  section.becomeachef{
    padding: 2em 1rem 1rem;
  }
  
  section.becomeachef h3 {
    margin-top: 45px;
    font-size:18px;
  }
  
  section.becomeachef .col-sm-12 .col-sm-4{
    padding: 1rem;
  }  
  
  .becomeachef .container{
		width:100%;
		padding-left: 5px;
    padding-right: 5px;
  }
  
  section.becomeachef .col-sm-12 .col-sm-4 h4{
    font-size: 15px;
    font-weight: 550;
  }
  
  .productinBasket.mobile {
    display: block;
  }
  .productinBasket.desktop {
      display: none;
  }
  .clsBreadcrumb {
      padding: 0rem 1rem;
  }
  
  section.mainBannerRecipe h1 {
      max-width: 220px;
      height: 30px;
      padding: 6px;
      font-size: 15px;
  }
  input#search {
      font-size: 9px;
  }
  div#signupformmodal .modal-dialog.modal-xl{
      max-width:100%;
    }
    form#reg-form input#autocomplete, form#reg-form input#apt_no, form#frmGuestAddress input#autocomplete2, form#frmGuestAddress input#apt_no2 {
      width: 92%;
  }
  section.main_banner_chef #myBtn{
  bottom: 10%;
  left: 2%;
  }
  #popupoffermail .top-strip{
      margin-top: -135px;
    margin-right: 285px;
    margin-left: -115px;
  }
  #popupoffermail .bottom-strip {
    margin-top: -146px;
    margin-right: -370px;
    margin-left: 218px;
  }
  span.close {
      top: 15px;
      left: 90%;
      font-size:12px;
  }
  section.applicationSectionlisting .chefActive_div{
    width: auto;
    margin: 10px 7%;
  }
  img.user_profile_tag.rounded-circle{
    top:80%;
  }
  section.mainBannerRecipeHow{
    background: url(../images/chef/mobile-banner1.jpg);
    padding: 2rem 0rem;
    background-position: 48%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  section.mainBannerRecipeHow1{
    background: url(../images/chef/mobile-banner2.jpg);
    padding: 2rem 0rem;
    background-position: 48%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  section.mainBannerRecipeHow .container, section.mainBannerRecipeHow1 .container {
    width: 100%;
    padding:0px;
}

.howDivrowform h3.headinghow{
margin-right: 20px;
font-size: 20px;
font-weight: 600;
}

.howDivrowform{
 width:80%;
}

  section.main_banner_chef h2.heading{
  font-size: 8px;
  }
  .fliter_btnnav{
  padding: 2rem 0;
  }
  section.applicationSectionlisting .card.tl-box{
  width: 100% !important;
  }
  a.shopbtn{width: 40%;}
  section.mainBannerRecipe .bg-video-wrap,section.mainBannerRecipe video,section.mainBannerRecipe .overlay{/* height: 40vh; */}
  .mainlDiv{
  display: grid;
  }
  .pro {
  width: 100%;}
  .fliter_btnnav .become-chef a span {
  color: #fff;
  /* font-size: 12px; */
  }
  section.main_banner_chef {
  min-height: 180px;
  background: url(../images/chef/mobile_banner.jpg)  no-repeat;
  margin-top:-45px;
  background-position: center;
  background-size: 100% 100%;
  }
  section.mainSectionPart {
  padding: 1rem;
  }
  .formDiv{
  padding: 0;
  }
  .formDiv .form-group div {
  overflow-x: auto;
  }
  .inner-addon.right-addon input.form-control {
  padding: 4px;
  }
  .inner-addon .glyphicon {padding: 15px;top: 5px;}
  .glyphicon-search:before {padding: 0px;font-size: 22px;top: 0px;left: 8px;}
  .inner-addon.right-addon input.form-control {border-radius: 5px;font-size: 11px;}
  section.product_slider .owl-nav button.owl-prev {
  left: -3%;
  top: 50%;
  }
  section.product_slider .owl-nav button.owl-next {
  right: -3%;
  top: 50%;
  }
  section.product_slider_list .owl-nav button.owl-prev {
  left: -50px;
  width: 15%;
  height: 14%;
  }
  section.product_slider_list .owl-nav button.owl-next {
  right: -50px;
  width: 15%;
  height: 14%;
  }
  .chefActive_div .card {width: 100% !important;margin: 15px 0px;}
  section.product_slider{
  padding:5px;
  }
  p.chefActive_div_top{position: relative;top: 10px;left: 0;font-size: 14px;}
  .item h2{
  padding: 1rem 2rem;
  }
  .chefDetailsSub {
  display: block;
  }
  .chefDetailsprofile img.user_profile_tag.rounded-circle {
  top: 2%;
  width: 17%;
  }
  .chefDetailsname {
  padding: 1rem 0rem;
  }
  .chefDetailsname .number{
  font-size: 14px;
  }
  .chefDetailsname h4{
    font-size:13px;
  }
  .chefOtherDetails p{
   font-size:13px;
   color:#000;
  }
  
  section.ingredientsSection .container-fluid{
  display: block;
  }
  .ingredientsSub {
  width: 100%;
  }
  .ingredientsMicro {
  width: 100%;
  padding: 0;
  }
  a.shopbtn{
  width: 50%;
  }
  section.productListSection .productListSectionDiv {
  display: block;
  }
  .productListsub,.productListmain {
  width: 100%;
  }
  .howDivrow a {
  width: 50%;
  }
  .form_Register {
  width: 100%;
  }
    
  section.becomeQuickllychef{
  padding: 0 0rem 3rem;
  }
  section.becomeQuickllychef .container{
  width:100%;
  }
  section.becomeQuickllychef .col-sm-12 h4{
  font-size: 18px;
  margin-left: 0px;
  }
  
  section.becomeQuickllychef .col-sm-12 .col-sm-4 {
  width: 100%;
  margin: 10px 0px;
  padding: 1rem .5rem;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4 h2{
  font-size: 18px;
  }
  .owl-carousel .owl-item img {
  width: 90%;
  margin: auto;
  }
  .chefDetailsname li {
  width: 24%;
  }
  .chefDetailsname li:nth-child(2){
   border-right: 1px solid #b6b3b3;
   FLEX-WRAP: unset;
  }
  .chefOtherDetails li:nth-child(2){
   border-right: 0px;
  }
  .productQty input{width: 40px;font-size: 12px;}
  .productImg {
  width: 13%;
  }
  .productListMicro{
  padding: 10px;
  }
  .productPrice{width: 15%;}
  .productQty {width: 35%;}
  .outofstock a{padding: 6px;font-size: 11px;}
  .productinBasket a{padding: 0px;font-size: 0px;}
  .productinBasket{padding: 8px;width: 18%;}
  .productQty .minus, .productQty .plus {
  width: 20px;
  height: 20px;
  font-size: 13px;
  }
  .productnameList p {
  font-size: 12px;
  }
  .productPrice .product__item__price {
  font-size: 12px;
  }
  
  input#searchBtn {
    font-size:12px;
  }
  
  .main_banner_chef .input-group {
  width: 64%;
  margin: auto;
  left: 18%;
  top: 30%;
  }
  .fliter_btnnav {
  padding: 2rem 0;
  display: block;
  }
  .fliter_btnnav .become-chef {
  position: relative;
  display: block;
  right: 0;
  top: 15px;
  margin: 10px 0;
  }
  .fliter_btnnav .become-chef a {
  /* margin: 28px; */
  text-align: center;
  /* margin: 5px auto; */
  /* padding: 5px; */
  display: block;
  }
  .chefActive_div {
  padding: 0rem;
  }
  .ingredientsListMincro {
  width: 100%;}
  section.applicationSectionlisting{
  padding:10px;
  }
  .my-account{
  padding:20px 5px 15px;
  }
  .applicationSectionCounter div{
  display:inline-table;
  }
  .applicationSectionCounter .col-sm-32{
  width:45%;
  margin: 10px 5px;
  }
  #user_form fieldset{
  width: 100%;
  margin-bottom:60px;
  }
  #regForm{
  min-width: 100%;
  }
  .form-group-pro,div#popupoffermail .form-group-pro{
  display: block;
  }
  .formDiv label{
  text-align: start;
  }
  .form-group-pro .col-md-9 p{
  width: 100%;
  }
  .form-group-pro input.submitBtnform{
  width: 60%;
  }
  form#commentForm{
  width: 100%;
  }
  .chefDetailsname{
  width: 100%;
  }
  .chefDetailsprofile img.card-img-top {
  width: 100%;
  }
  .ingredientsListMincro img {
  width: 10%;
  height: 70%;
  }
  .form_Register button.square-button{
  width: 50%;
  }
  section.applicationSectionmain{
    padding: 0.25rem;
    display:block;
  }
  section.applicationSectionmain .first-div{
    display:none;
  }
  section.applicationSectionmain .second-div{
    flex:1;
    padding:0px;
  }
  .answer {
    grid-template-columns: repeat(1, 1fr);
  }
  div#popupoffer1 .modal-dialog.modal-xl100{
    top: 18%;
  }
  section.applicationSectionmain h2{
    font-size: 20px;
  }
  div#popupoffer .modal-dialog.modal-xl100 {
  top:30% !important;
}

section.productListNote .productListSectionDiv {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.ingredientsListsub{
  display:block;
}
.ingredientsListsub li{
  width:100%;
}
p.pradiv{
 font-size: 17px;
 font-weight: 550;
}

.stepDivmini{
width: 100%;
padding-right: 0px;
}

.stepDivImg {
  width:100%;
}

.stepDivImg .owl-nav button.owl-next{
 right:-20px;
  top:30%;
}
.stepDivImg .owl-nav button.owl-prev{
  left:-20px;
  top:30%;
}

  }
  @media only screen  and (max-width: 577px) and (min-width: 481px){

.filterbutton {
display:block;
}

.chefDetailsname .chefOtherDetails li{
 word-break: break-all;
}

a.inner-addon.glyphicon {
 z-index:99;
}

section.mainBannerRecipe p {
 font-size:13px;
}
.formDiv label{
 font-size:13px;
}

 section.becomeachef h3 {
    margin-top: 45px;
  }

section.mainBannerRecipeHow1 .container {
    width: 70%;
    margin-left: 10px;
}

section.mainBannerRecipeHow{
background: url(../images/chef/mobile-banner1.jpg);
background-position: 45% 100%;
background-repeat: no-repeat;
background-size: cover;
}  

section.mainBannerRecipeHow1{
background: url(../images/chef/mobile-banner2.jpg);
background-position: 45% 100%;
background-repeat: no-repeat;
background-size: cover;
}  
  
.stepDivImg {
  width:100%;
}

.hidden-xs, .stepimages_grid{
  display:none;
}
.hidden-md{
  display:block;
}

#popuphrecipe .modal-dialog{
 max-width: 100%;
}
#user_form fieldset{
  width: 100%;
  margin-bottom:60px;
}
  
  .stepDiv{
  display:block;
}
.stepDivmini{
  width:100%;
  padding-left:10px;
  padding-right:10px;
}

section.productListNote .productListSectionDiv {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.ingredientsListsub{
  display:block;
}

.ingredientsListsub li{
  width:100%;
}

p.pradiv{
 font-size: 17px;
 font-weight: 550;
}

.stepDivmini{
width: 100%;
padding-right: 0px;
}
  
    input#search {
      font-size: 9px;
  }
  .clsBreadcrumb {
      padding: 0rem 1rem;
  }
  a.shopbtn{width: 40%;}
  .fliter_btnnav{
  padding: 2rem 0;
  }
  section.applicationSectionmain{
    padding: 0.25rem;
    display:block;
  }
  section.applicationSectionmain .first-div{
    display:none;
  }
  section.applicationSectionmain .second-div{
    flex:1;
    padding:0px;
  }
  .answer {
    grid-template-columns: repeat(1, 1fr);
  }
  section.mainBannerRecipe h1 {
      max-width: 220px;
      height: 30px;
      padding: 6px;
      font-size: 15px;
  }
  div#signupformmodal .modal-dialog.modal-xl{
      max-width:600px;
    }
    form#reg-form input#autocomplete, form#reg-form input#apt_no, form#frmGuestAddress input#autocomplete2, form#frmGuestAddress input#apt_no2 {
      width: 95%;
  }
  section.main_banner_chef #myBtn{
  bottom: 10%;
  left: 2%;
  }
  section.main_banner_chef h2.heading{
  font-size: 8px;
  }
  .pro {
  width: 100%;}
  .card.tl-box {  
  width: 90% !important;
  margin: 15px auto !important;
  }
  .fliter_btnnav .become-chef a span {
  color: #fff;
  font-size: 12px;
  }
  section.mainSectionPart {
  padding: 1rem;
  }
  .formDiv{
  padding: 0;
  }
  .formDiv .form-group div {
  overflow-x: auto;
  }
  section.main_banner_chef {
  min-height: 210px;
  }
  .ingredientsListMincro img {
  width: 10%;
  height: 70%;
  }
  .chefActive_div a img.card-img-top {
  height: 200px;
  }
  span.prep_time.rounded-circle.mb-2{/* top: 48%; */}
  .chefActive_div .card {
  width: 90%;
  margin: 15px auto;
  }
  .inner-addon.right-addon input.form-control {
  padding: 5px;
  }
  .inner-addon .glyphicon {
  padding: 10px;
  top: 2px;
  }
  .glyphicon-search:before {
  padding: 0px;
  font-size: 11px;
  top: 3px;
  left: 8px;
  }
  .inner-addon.right-addon input.form-control {
  border-radius: 5px;
  font-size: 12px;
  }
  section.product_slider .owl-nav button.owl-next{
  right: -10%;
  }
  section.product_slider .owl-nav button.owl-prev{
  left: -10%;
  }
  /* span.prep_time.rounded-circle.mb-2{top: 50%;} */
  img.user_profile_tag.rounded-circle{/* top: 35% !important; */width: 15%;}
  .howDivrow a {
  width: 40%;
  }
  .form_Register {
  width: 100%;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4 {
  width: 100%;
  margin: 10px 0px;
  }
  .owl-carousel .owl-item img {
  width: 90%;
  margin: auto;
  }
  .chefDetailsname li {
  width: 43%;
  }
  .chefDetailsname li:nth-child(2){
  border-right: 0px solid #b6b3b3;
  }
  .chefDetailsname {
  padding: 1rem 0rem;
  }
  .chefDetailsname .number{
  font-size: 14px;
  }
  .chefDetailsname h4{
    font-size:13px;
  }
  .chefOtherDetails p{
   font-size:13px;
   color:#000;
  }
  .chefDetailsSub {
  display: block;
  }
  .productQty input{width: 40%;}
  section.ingredientsSection .container-fluid{
  display: block;
  }
  .ingredientsSub,.ingredientsMicro,.productListsub,.productListmain{
  width: 100%;
  padding: 0;
  }
  section.productListSection .productListSectionDiv{
  display: block;
  }
  .productinBasket a {
  padding: 0px;}
  .productListMicro{
  padding: 10px;
  }
  .productinBasket {
  padding: 8px
  }
  .form-group-pro,div#popupoffermail .form-group-pro{
  display: block;
  }
  #popupoffermail .top-strip{
    margin-right:414px;
  }
  #popupoffermail .bottom-strip{
    margin-right: -386px;
  }
  .formDiv label{
  text-align: start;
  }
  .form-group-pro .col-md-9 p{
  width: 100%;
  }
  .form-group-pro input.submitBtnform{
  width: 60%;
  }
  form#commentForm{
  width: 100%;
  }
  .chefDetailsname{
  width: 100%;
  }
  .chefDetailsprofile img.card-img-top {
  width: 100%;
  }
  .mainlDiv{
  display: grid;
  }
  section.applicationSectionlisting .card.tl-box{
  width: 100%  !important;
  }
  .applicationSectionCounter .col-sm-32 {
      width: 44%;
      margin: 10px;
  }
  .applicationSectionCounter div{
    display: inline-block;
  }
  div#popupoffer1 .modal-dialog.modal-xl100{
    top: 18%;
  }
  section.applicationSectionmain h2{
    font-size: 20px;
  }
  div#popupoffer .modal-dialog.modal-xl100 {
  top:30% !important;
}
  }
  @media only screen  and (max-width: 768px) and (min-width: 578px){

.filterbutton {
display:block;
}

.chefDetailsInner {
    width: 100%;
}
.chefDetailsname h2.chefDetailsproduct{
    font-size: 2rem;
}

.chefDetailsname ul{
margin-bottom: 0.5rem;
}
  
.stepDiv{
  display:flex;
}
.stepDivmini h2{
    font-size: 16px;
}
.stepDivmini p {
font-size: 13px;
}
.stepDivmini{
  width:65%;
  padding-left:0px;
  padding-right:0px;
}
.stepDivImg {
    width: 35%;
}
.ingredientsListsub li{
  width:45%;
   font-size: 12px;
}

p.pradiv{
 font-size: 17px;
 font-weight: 550;
 margin-bottom:0px;
}

  
  section.main_banner_chef #myBtn{
  bottom:5%;
  left: 2%;
  }
  .clsBreadcrumb {
      padding: 0rem 1rem;
  }
  section.mainBannerRecipe h1 {
      max-width: 220px;
      height: 30px;
      padding: 6px;
      font-size: 15px;
  }
  .applicationSectionCounter .col-sm-32 {
      width: 44%;
      margin: 10px;
  }
  .applicationSectionCounter div{
    display: inline-block;
  }
  section.applicationSectionmain{
    padding: 0.25rem;
  }
  span.close{
    left:87%;
    top: 6px;
  }
  div#signupformmodal .modal-dialog.modal-xl{
      max-width:600px;
    }
    form#reg-form input#autocomplete, form#reg-form input#apt_no, form#frmGuestAddress input#autocomplete2, form#frmGuestAddress input#apt_no2 {
      width: 96%;
  }
  section.applicationSectionlisting .chefActive_div{
    width: 100%;
  }
  a.shopbtn{width: 40%;}
  section.mainSectionPart {
  padding: 1rem;
  }
  section.stepListingsection .slick-slide{
  min-height: 245px;
  }
  .formDiv .form-group div {
  overflow-x: auto;
  }
  section.applicationSectionlisting .card.tl-box {
  width: calc(100% * (1/2) - 20px - 1px) !IMPORTANT;
  margin: 15px auto !important;
  }
  .pro {
  width: 100%;}
  .formDiv{
  padding: 0;
  }
  section.main_banner_chef {
  min-height: 210px;
  }
  .chefActive_div .card {width: calc(100% * (1/2) - 13px - 1px);margin: 6px;}
  section.product_slider{padding:6px;}
  .chefActive_div .card:nth-child(3),.chefActive_div .card:nth-child(4){
  display:none;
  }
  .inner-addon.right-addon input.form-control {
  padding: 5px;
  }
  .inner-addon .glyphicon {
  padding: 10px;
  top: 2px;
  }
  .glyphicon-search:before {
  padding: 2px;
  font-size: 10px;
  top: 1px;
  left: 7px;
  }
  .inner-addon.right-addon input.form-control {
  border-radius: 5px;
  font-size: 12px;
  }
  .howDivrow a {
  width: 40%;
  }
  section.main_banner_chef h2.heading{
  font-size: 15px;
  }
  .form_Register {
  width: 100%;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4 {
  width: 31%;
  margin: 5px;
  padding: 10px;
  min-height: 327px;
  }
  .chefDetailsSub {
  display: block;
  }
  .chefDetailsprofile img.user_profile_tag.rounded-circle {
  top: 2%;
  width: 15%;
  }
  .chefDetailsname li{
  margin: 0px;
  }
  .chefDetailsname .number{
  font-size: 16px;
    font-weight: 600;
  }
  .chefDetailsname h4{
  font-size: 12px;
  }
  .chefOtherDetails p{
  font-size: 12px;
  }
  section.ingredientsSection .container-fluid{
  display: block;
  }
  .ingredientsSub,.ingredientsMicro,.productListsub,.productListmain{
  width: 100%;
  padding: 0;
  }
  section.productListSection .productListSectionDiv{
  display: block;
  }
  .productQty input{width: 42px;}
  .productinBasket a {
  padding: 0px;}
  .productinBasket{
  padding: 10px;
  }
  .form-group-pro{
  display: block;
  }
  .formDiv label{
  text-align: start;
  }
  .form-group-pro .col-md-9 p{
  width: 49%;
  }
  .form-group-pro input.submitBtnform{
  width: 60%;
  }
  form#commentForm{
  width: 100%;
  }
  .chefDetailsname{
  width: 100%;
  }
  .chefDetailsprofile img.card-img-top {
  width: 100%;
  }
  .ingredientsListMincro img {
  width: 10%;
  height: 70%;
  }
  .mainlDiv{
  display: grid;
  }
  div#popupoffer1 .modal-dialog.modal-xl100{
    top: 18%;
  }
  }
  
  @media only screen  and (width: 768px){

.main_banner_chef .input-group{
    left: 22%;
    width: 56%;
}
  
  section.becomeachef {
    padding: 2rem 1rem 1rem;
}
.becomeachef .container {
    width: 100%;
}
section.becomeachef h3{
  font-size:16px;
}
.becomeachef img {
    padding: 0px 10px;
    width: 95px;
}
section.becomeachef .col-sm-12 .col-sm-4{
padding: 0.5rem;
}
section.becomeachef .col-sm-12 .col-sm-4 h4{
font-size: 14px;
    font-weight: 550;
    font-family: 'Montserrat';
    margin: 10px 0 5px;
}
section.becomeachef .col-sm-12 .col-sm-4 p{
  font-size: 12px;
}

section.mainBannerRecipeHow, section.mainBannerRecipeHow1{
background-position: 45%;
background-repeat: no-repeat;
background-size: cover;
}
.howDivrowform h3.headinghow{
font-size: 24px;
}

  }
  
  @media only screen  and (max-width: 899px) and (min-width: 769px){


section.mainBannerRecipeHow, section.mainBannerRecipeHow1{
background-position: 45%;
background-repeat: no-repeat;
background-size: cover;
}
.howDivrowform h3.headinghow{
font-size: 24px;
}
  
section.becomeachef {
    padding: 2rem 1rem 1rem;
}
.becomeachef .container {
    width: 100%;
}
section.becomeachef h3{
  font-size:16px;
}
.becomeachef img {
    padding: 0px 10px;
    width: 95px;
}
section.becomeachef .col-sm-12 .col-sm-4{
padding: 0.5rem;
}
section.becomeachef .col-sm-12 .col-sm-4 h4{
font-size: 14px;
    font-weight: 550;
    font-family: 'Montserrat';
    margin: 10px 0 5px;
}
section.becomeachef .col-sm-12 .col-sm-4 p{
  font-size: 12px;
}
  
    .productQty input{
      width: 50px;
    }
    section.applicationSectionlisting .chefActive_div {
      width: 100%;
  }
   div#signupformmodal .modal-dialog.modal-xl {
      max-width: 600px;
  }
    form#reg-form input#autocomplete, form#reg-form input#apt_no, form#frmGuestAddress input#autocomplete2, form#frmGuestAddress input#apt_no2 {
      width: 97%;
  }
    .productQty{
      width: 25%;
    }
    .productPrice{
      width: 15%;
    }
    .productnameList{
      width: 16%;
    }
    .productinBasket{
      width: 30%;
    }
  section.main_banner_chef h2.heading{
  font-size: 15px;
  }
  span.close{
    left:88%
  }
  .form_Register button.square-button{
  width: 50%;
  }
  section.applicationSectionlisting .card.tl-box{
  width: 45%  !important;
  margin: 10px auto !important;
  }
  .card.tl-box {
  width: 90% !important;
  margin: 15px !important;
  }
  .pro {
  width: 100%;}
  section.mainSectionPart {
  padding: 1rem;
  }
  .formDiv{
  padding: 0;
  }
  .formDiv .form-group div {
  overflow-x: auto;
  }
  .ingredientsListMincro img {
  width: 10%;
  height: 70%;
  }
  section.main_banner_chef{
  background-position: 52% 49%;
  min-height: 250px;
  }
  .become-chef{
  top: 32%;
  }
  /* span.prep_time.rounded-circle.mb-2{top: 50% !important;} */
  section.product_slider{
  padding: 10px 0;
  }
  img.user_profile_tag.rounded-circle{/* top: 30% !important; */width: 15%;}
  .form-group-pro{
  display: block;
  }
  .formDiv label{
  text-align: start;
  }
  .form-group-pro .col-md-9 p{
  width: 49%;
  }
  .form-group-pro input.submitBtnform{
  width: 60%;
  }
  .chefDetailsname{
  width: 100%;
  }
  .chefDetailsprofile img.card-img-top {
  width: 100%;
  }
  .chefActive_div .card:nth-child(3),.chefActive_div .card:nth-child(4){
  display:none;
  }
  .chefActive_div .card{
  width: calc(100% * (1/2) - 20px - 1px);
  }
  .chefActive_div a img.card-img-top {
  height: 200px;
  }
  span.prep_time.rounded-circle.mb-2{/* top:50%; */}
  section.becomeQuickllychef .col-sm-12 .col-sm-4{
  width: 30%;
  min-height:310px;
  }
  .mainlDiv{
  display: grid;
  }
  .chefDetailsname li:nth-child(2) {
  border-right: 0px solid #b6b3b3;
  }
  .chefDetailsname li{width: 47%;margin: 5px;}
  section.stepListingsection .slick-slide{
  min-height: 235px;
  }
  
  }
  @media only screen  and (max-width: 1080px) and (min-width: 900px){
  
  section.mainBannerRecipeHow, section.mainBannerRecipeHow1{
background-position: 45%;
background-repeat: no-repeat;
background-size: cover;
}
  
   div#signupformmodal .modal-dialog.modal-xl {
      max-width: 600px;
  }
  .col-lg-6.cst-fromrow-50{
    width: 100%;
  }
    form#reg-form input#autocomplete, form#reg-form input#apt_no, form#frmGuestAddress input#autocomplete2, form#frmGuestAddress input#apt_no2 {
      width: 95%;
  }
  section.main_banner_chef #myBtn{
  bottom: 12%;
  left: 4%;
  }
  span.close{
    left:88%
  }
  .form_Register{
    width: 100%;
  }
  .pro {
  width: 100%;}
  .card.tl-box {
  width: calc(100% * (1/2) - 20px - 1px) !important;
  margin: 10px !important;
  }
  section.main_banner_chef h2.heading{
  font-size: 15px;
  }
  .form_Register button.square-button{
  width: 50%;
  }
  .mainlDiv{
  display: grid;
  }
  section.mainSectionPart {
  padding: 1rem;
  }
  section.main_banner_chef{
  background-position: 41% 49%;
  min-height: 310px;
  }
  .become-chef{
  top: 32%;
  }
  /* span.prep_time.rounded-circle.mb-2{top: 50%;} */
  section.product_slider{
  padding: 10px 0;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4{
  min-height: 310px;
  margin: 5px;
  }
  .chefDetailsname li {
  margin: 5px;
  width: 45%;
  }
  .productinBasket a {
  padding: 0px;
  }
  .productQty input{
  width: 45px;
  }
  section.applicationSectionlisting{
  padding: 0px;
  }
  .formDiv label{
  text-align: start;
  }
  .form-group-pro .col-md-9 p{
  width: 48%;
  }
  .form-group-pro input.submitBtnform{
  width: 60%;
  }
  .chefActive_div .card:nth-child(4){
  display:none;
  }
  .chefActive_div .card{
  width: calc(100% * (1/3) - 20px - 1px);
  }
  .chefDetailsname li:nth-child(2) {
  border-right: 0px solid #b6b3b3;
  }
  section.stepListingsection .slick-slide{
  min-height: 250px;
  }
  }
  @media only screen  and (max-width: 1280px) and (min-width: 1081px){
  .chefActive_div .card {
      width: calc(100% * (1/3) - 20px - 1px);
  }
  .chefActive_div .card:nth-child(4) {
      display: none;
  }
  img.user_profile_tag.rounded-circle{
    top:60%;
  }
  section.main_banner_chef{
  background-position: 49% 49%;
  min-height: 300px;
  }
  section.applicationSectionlisting .chefActive_div {
      width: 100%;
      margin: auto;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4{
  min-height: 270px;
  }
  .chefDetailsname li {
  margin: 9px;
  width: 45%;
  }
  .chefDetailsname li:nth-child(2) {
  border-right: 0px solid #b6b3b3;
  }
  
  }
  @media only screen and (max-width: 1699px) and (min-width: 1500px) {
  section.applicationSectionlisting .card-bottom ul {
  top: -15px;
  }
  img.user_profile_tag.rounded-circle{
  top:60%;
  }
  }
  @media only screen  and (max-width: 2200px) and (min-width: 1700px){
  section.main_banner_chef{
  background-position: 49% 49%;
  height: 300px;
  }
  section.becomeQuickllychef .col-sm-12 .col-sm-4,.chefActive_div a img.card-img-top{min-height: 250px;}
  span.prep_time.rounded-circle.mb-2 {
  top: 90%;
  }
  .chefDetailsname li {
  margin: 9px;
  }
  section.main_banner_chef h2.heading {
  font-size: 20px;
  }
  section.main_banner_chef #myBtn {
  left: 8%
  }
  span.close{
    left:93%
  }
  }