/*!
 * Bootstrap v3.4.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/* public header file css */
* {
    box-sizing: border-box;
    text-decoration: none margin: 0; -webkit-text-size-adjust: none; 
}
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 16px;
	-webkit-text-size-adjust: none; 
}
body {

    font-size: 14px;
    color: #333;
    background-color: #fff; margin: 0;     overflow-x: hidden;
}
 ul,li { list-style: none;     font-size: 14px; }
button {  color: #fff;}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
a {    color: #014529;        text-decoration: none;}
input, textarea, select  {     box-sizing: border-box;font-size: 15px;   }

.logo_cls { max-width:64px; }
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}
.overlay.visible {  opacity: 1;  visibility: visible;}
.main-popup {
        border: solid #394e76;
  position: fixed;
  left: 0;
  top: 30px;
  margin: 0;
  width: 100%;
  height: 495px;
  background-color: #fff;
  border-radius: 5px;
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all .5s ease;
  /*overflow: hidden;*/
}
 
.main-popup.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(10px);
  transition: all .5s ease;
}
.free_drop {    font-size: 14px;    padding-bottom: 10px;}
.free_drop select {       margin-top: 10px; } 
.modal-dialog.imageview {
    max-width: 500px;
    width: auto;
}
.imageview img {     width: 100%;
    max-width: 100%; }

form.form888 {
     
    margin-top: 30px;
}
.reviw-row {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}
.rr {
    display: inline-block;
}
form.form888 .submit-row input{
	color: #fff;
    background-color: #111111;
    border-color: #111111;
	margin-top:10px;
}

form.form888 input,form.form888 textarea,form.form888 select {
    box-sizing: border-box;
    font-size: 15px;
    padding: 10px;
    width: 100%;
}



.gift-sec {
    border: solid 1px #912122;
    padding: 20px;
    margin-bottom: 30px;
    padding: 20px 20px 25px;
    border-radius: 2px;background: #efefef;
}

.form-999 form {
    padding: 40px;
    background: #fafafa;
    border: 1px solid#999;
    border-top: 3px solid#000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 14px;
    max-width: 90%;
    margin: auto;
}
.form-999  .reviw-row.textar {
    width: 100%;
}
.form-999 .rr {
    width: 14%;
}
.reviw-row.submit-row { text-align:right; }
.row.reviews555 h2 {
    font-size: 19px;
    line-height: normal;
    text-align: center;
    margin-top: 50px;
}
.row.reviews555 .reviews-box {
    display: inline-block;
    width: 47%;
    border: 1px solid #dddddd;
    margin: 0px 1%;
    padding: 20px 30px;
    font-size: 14px ;
    color: #000 ;
    min-height: 205px;
    vertical-align: top;
}
.container.checkoutpage.reviews-page {
    padding-bottom: 200px;
}
div.reviews-page .headrrr {
    max-width: 90%;
    margin: auto !important;
}
@media (min-width: 500px) {
  .main-popup {    width: 500px;    left: 50%;    margin: 0 0 0 -250px;  }
}

.popup-header {
  position: relative;
  padding: 0;
  margin: 0;
 
  width: 100%;
}

#popup-close-button a {
  position: absolute;
  right: 10px;
  top: -30px;
  width: 22px;
  height: 22px;
}

#popup-close-button a::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#popup-close-button a::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup-header ul {  margin: 0;  padding: 0;    display: flex;
    justify-content: space-between;}

.popup-header ul li {
  text-align: center;
  list-style: none;
  width: 48%;
 
}

.popup-header ul li a {
  display: block;
  padding: 12px 0;
  margin: 0;
  text-decoration: none;
  font-size: 1.2em;
	    border-radius: 10px;
    border: solid 2px #111;
    color: #111;
}

/* header */
.top_box {
background: url(images/contact-page.jpg);
    width: 100%;
    display: block;
    background-size: cover;
    float: left;
    padding: 10px 8%;    border-bottom: solid 1px #333;
}
.top_strip {
    width: 100%;
    display: block;
    position: relative;
}
.logo_strip {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    text-align: center;
}
.menu_strip {
    display: block;
    position: relative;
    width: 100%;
    float: left;
}

.top_strip ,div#loksoc,.display-flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.left_div {    display: flex;    align-items:center;}
.left_div a ,button.loginpopup{    height: 37px;
    background: #394e76;
    color: #fff;
       padding: 9px 11px;
          border: 1px solid #394e76;
    font-size: 14px;
    text-decoration: none !important; transition:0.2s ease-in-out;
}
.left_div a:hover, button.loginpopup:hover {    background: #da1116; }
button.login-dropdown {
    border-radius: 100px;
    background: #da1116;
    border-color: #da1116;    padding: 8px 14px;
}

.left_div  .dropdown {     position: relative; }



ul.dropdown-menu li a {
    background: transparent;
    border: 0;
    line-height: normal;
    display: block;
    padding: 7px;
    text-align: left;
  
}
ul.dropdown-menu li:last-child a { border:0; } 
ul.dropdown-menu  {
    padding: 10px 10px 10px;
    background: #111;
    margin-top: 0;
    position: absolute;
    z-index: 10;
    display: none;
    border-radius: 5px;
	display:none;
}
.dropdown.open .dropdown-menu {
    display: block;
} div#loksoc {
    margin-top: 20px;
}
ul.lang_flag {
    margin-top: 5px;
}
ul.social ,.lang_flag{
    display: flex;
    list-style: none;
    column-gap: 14px;    margin: 0;    margin: 0;
    padding: 0 0 0 20px;align-items: center;
}

ul.social li a {    font-size: 19px;   }
.topnav  {  text-align:center;}
.topnav a {
   
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 15px;
  text-decoration: none;
     font-size: 14px;
    display: inline-block;
    font-weight: 600;
	    transition: 0.2s ease-in-out;
}
 
.topnav a.active {
  background-color: #394e7600;
  color: white;
}
.topnav a:hover {  color: #111;  }
.topnav .icon {  display: none;}

/* main css */



.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2 ;
    color: #394e76;


    opacity: 1;
    padding: 0px 4px !important;
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.modal button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;

        position: absolute;
    top: 5px;
    right: 0px;
}

.modal-open {    overflow: hidden}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
 
    outline: 0
}
.modal.fade.in {
    background: rgb(0 0 0 / 37%);
}
.modal.fade .modal-dialog {
    
 
}

.modal.in .modal-dialog {
 
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;

      width: 362px;
    margin: 30px auto;

}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
 
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px;font-size:15px;
}
.modal-body.msg-body {
    font-weight: 600;
    color: #111;
    font-size: 18px;
    text-align: center;
    border-bottom: solid 1px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.msg-body button.close{ background: #000;
    color: #fff;
    top: 0;
    font-size: 32px;
    font-weight: 100; }

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
#myModalNew .modal-dialog{     top: 20%; }


#sign-in {
    border-radius:5px;
}

#sign-in.active {
  color: #fff;
  background-color: #111;
}

#register {
  border-radius:5px;
}

#register.active {
  color: #fff;
  background-color: #111;
}

.popup-content {  height: auto;    overflow: hidden;}

form.sign-in {
  position: relative;
  top: 0;
  left: 0;
  font-size: 1em;
  opacity: 1;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;    padding: 0 20px;
}

form.sign-in.move-left {  opacity: 0;  transform: translateX(-450px);display:none;}
.register .row {    display: flex;    padding: 0 20px;justify-content: space-between;}

form.sign-in input {
 border-radius: 5px;
  width: 100%;
 
  margin: 0 0 10px;
  padding: 10px;
     border: solid 1px #ccc;

  outline: none;

}

input#submit {
  background-color: #394e76;
  color: #fff;
  height: 50px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 25px;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  font-size: 1em;
  border: none;
}

form.register {
  position: relative;
  top:-230px;
  left: 0;
  font-size: 1em;
  opacity: 0;
  transform: translateX(450px);
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
	display:none;
}

form.register.move-left {  opacity: 1;  transform: translateX(0);       display: block;
    top: 0;;}
form.register .col-sm-6 {
    width: 49%;
}
form.register .col-sm-3 {
    width: 25%;
}
form.register input {
  border-radius: 5px;
  width: 97%;
  height: 40px;
  margin:0 0 10px;
  padding: 10px;
     border:   solid 1px #cccccc85;
  outline: none;
	    box-shadow: rgb(247, 247, 247) 0px 0px 0px 1px inset;
    background-color: rgb(247, 247, 247);
}
input#login, input#regiteruser {
     background: #da1116;
    color: #fff;
  
    font-size: 16px;
 
    width:100%;
    display: block;
    margin: 10px auto 30px;
    border-radius: 100px;
    font-weight: 500;
 
    padding: 15px;
    border: 0;
    box-shadow: none; height:auto;
}
p.check-mark {
  position: relative;
  left: 50%;
  width: 200px;
  margin: 0 0 0 -100px;
  padding: 0;
  text-align: center;

  font-size: .8em;
}



p.check-mark input {
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 2em;

  outline: none;
  border: none;
}

p.check-mark label {  margin-left: 5px;}
.topnav.responsive {  z-index:10;}




 table {    border-collapse: collapse;    border-spacing: 0;     width: 100%;}

 

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
 
.table-wrapper-scroll {
  position: relative;
  height: 200px;
  overflow: auto;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
 .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

 .col-md-12 {    width: 100%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;

}

.btn-primary {
    color: #fff;
    background-color: #111111 ;
    border-color: #111111 ;
}
.btn-padd2 {  padding: 10px 20px }
.btn-style2 {        font-weight: bold;       font-size: 16px;        margin-top: 10px;}
 #post_err {
    color: #ff4800;
	width: 100%;
    clear: both;
    display: block;
}

/* Online order part */
.online-order-page.display-flex {
    column-gap: 30px;
    max-width: 90%;
    margin: auto;
	clear:both;
	    padding-top: 40px;
}
.field-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;      clear: both;
}
.sidebarleft,.pm-sidebar-right{width: 28%;  max-width:400px;}
.col-md-6.middle-products {    width: 66%;    max-width: 1100px;}
.pm-widget .product_main_category {
    border: 1px solid #c7c7c7;
    border-radius: 0;
    padding: 0px;
    float: left;
    width: 100%;
    background: #ffffff;
}
.main-heading,.sub_ca_name,.reviews-page .headrrr {
    background: #da1116;
    border-bottom: 4px solid #da1116;
    width: 100%;
 
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    padding: 12px 20px;
    margin: 0 0px !important;
    line-height: normal;
        text-transform: uppercase;
}
.sub_ca_name p {
    font-size: 11px;
    margin-bottom: 0;
    font-weight: normal;
    text-transform: initial;
}
.main_category li {
   
    border-bottom: 1px dotted #cccccc;
    padding:10px 4px 10px 4px;
}ul.main_category {
    padding-left: 0;padding-right:0;
}
.cat-info {
    margin-top: 10px;
}
.main_category li a ,.dropdown-btn{
      font-size: 14px; font-weight:600;
}

.main_category li a p::first-letter {
    font-size: 18px;
}
.main_category li a p {
    margin: 0;
color: #da1116;    transition: 0.2s ease-in-out;    text-align: center;
}
.product_main_category2  li a p:hover {  color:#fff}
 
.main_category li a.active-cat,.main_category li a:hover {  color: #da1116;
  background: #fff;}
 .list-box {
    padding: 10px;
    position: relative;
    background: #efefef;
}
 
li.today-acticat::before {
    content: "";
    /* background-image: conic-gradient( #394e76 20deg, transparent 120deg ); */
    width: 150%;
    height: 58%;
    position: absolute;
    animation: rotate 10s linear infinite; 
    left: top;
    left: -70px;
    top: 6px;
    background-color:#da1116;
}

li.todaycat_row::before {
    content: "";
   
    width: 0;
    height: 0;
    position: absolute;
	animation: none;
   /* animation: rotate2 10s linear infinite;  */
    
    left:0;
    top:auto;
	bottom:0;
    background-color: #394e76;
}


.borrol {
  position: absolute;
  width: 5px;
  height: ;
  background: #da1116;
     z-index: 1;
 
  
  transition: 1s all;
 
}
.borrol.borrol1{
	 left: 0;
  top: 0;
	height: 0;
	 animation: bar1 10s linear infinite;
}
.borrol.borrol2{
	 left: 0;
  top: 0;
	height:5px;width:0;
	 animation: bar2 10s linear infinite;
}
.borrol.borrol3{
	 right: 0;
  bottom: 0;
	height:0;width:5px;
	 animation: bar3 10s linear infinite;
}
.borrol.borrol4{
	 right: 0;
  bottom: 0;
	height:5px;width:0;
	 animation: bar4 10s linear infinite;
}
@keyframes bar1 {        0%{}
        100%{width:5px;height: 100%;}
    }
@keyframes bar2 {        0%{            }
        100%{width:100%;height: 5px;}
    }

@keyframes bar3 {        0%{             }
        100%{width:5px;height: 100%;}
    }

@keyframes bar4 {        0%{             }
        100%{width:100%;height: 5px;}
    }

@keyframes rotate2 {
        0%{
             width: 0;
    height: 0;
        }
        100%{
           width:100%;
    height: 100%;
        }
    }


@keyframes rotate {
        0%{
            transform: rotate(0deg);
        }
        100%{
            transform: rotate(-360deg);
        }
    }

 

/*
.today-acticat  {
  color: #69ca62;
}
.bb::before, .bb::after, .bb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.today-acticat ::before, .today-acticat ::after {
  content: "";
  z-index: -1;
  margin: -5%;
  box-shadow: inset 0 0 0 2px;
  animation: clipMe 8s linear infinite;
    animation-delay: 0s;
}
.today-acticat ::before {
  animation-delay: -4s;
}

@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 220px, 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, 220px, 0px);
  }
  50% {
    clip: rect(218px, 220px, 220px, 0px);
  }
  75% {
    clip: rect(0px, 220px, 220px, 218px);
  }
}
*/




.dropdown-btn {  
	padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 14px;
    display: block;
	color: #014529;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-bottom: 1px dotted #cccccc!important;
    color: #fff;
}
.dropdown-btn .fa { float:right;    margin-left: 10px; }
.dropdown-container li {
    background: transparent;
    border: 0;
    padding: 5px 22px;
}
.dropdown-container {
    background: #222;
    padding: 5px;
    position: absolute;
    z-index: 15;
}
.dropdown-container li a {      font-weight: 500;}

.products .product-category {
    margin: 0 0 20px 0px;
    padding: 0;
    border: 1px solid #c7c7c7;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    background: #fff none repeat scroll 0 0;
	position:relative;
}
.product_cart {
      border-bottom: 1px dotted #bcbcbc;
    display:block;
    padding: 6px 10px;
    width: 100%;
        display: flex;
    justify-content: space-between;
       align-items: flex-start;  column-gap: 11px;
}

.product_detailss h3 {    margin-bottom: 5px;}
.prod-descreption {    margin-bottom: 5px;}
.prod-descreption p {    margin: 0;    color: #555;}



.product_cart .addtocart_price {
    background: #394e76;
    color: #fff ;
    padding: 5px 1px;
    font-weight: 600 ;
    letter-spacing: 1px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
        line-height: normal;
            column-gap: 9px; transition:0.2s ease-in-out; cursor:pointer;
    padding: 7px;
}
.product_cart .addtocart_price:hover {  background: #da1116;  }
.add_to_cart {
    display: inline-block;
        width: 21px;
    height: 21px;
    background: url(plus44.png) no-repeat center center ;    vertical-align: middle;
}

.postcode-row .close_postcode {
    background: rgba(0, 0, 0, 0) url(cross.png) no-repeat scroll 0 0;
    color: #ffffff;
    float: right;     
    position: relative;
  
    width: 50px;
    cursor: pointer;
    background-position: center center;
	margin:0;
}
.products .product-category .sub_ca_name{ flex-direction: column;background: #394e76; }
div.middle-products .sub_ca_name span { background: transparent;width: 100%;
text-align: center;font-size: 22px; }
div.middle-products .sub_ca_name p {  text-align: center;width: 100%;padding: 0 10px 18px;}
/* Cart sidebar css */

table{
        width: 100%;
    max-width: 100%;border-collapse: collapse;
    border-spacing: 0;       background-color: transparent;
}
 
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th
{

      padding: 4px;
    line-height: 1.42857143;
    vertical-align: top;
}
 .table-striped>tbody>tr th:first-child, .table-striped>tbody>tr td:first-child {
  
}
td.cart_btn {
        display: flex;
    align-content: center;
    justify-content: center;

}
td.cart_btn button {

    padding: 0px;
    background-color: #394e76;
    border: 1px solid#394e76;
}
p.quantiy {
    border: 1px solid #ccc;
    padding: 16px 8px;
    height: 100%;
    margin: 0;
}
 .cart-meal-edit-add:before, .cart-meal-edit-delete:before {
    content: "+";
    font-weight: 400;
    line-height: 1;
    padding: 2px 4px;
    margin: 0 3px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    color: #fff;
}
.cart-meal-edit-delete:before {    content: "-";}
.text_totalamount {
    font-size: 14px;
    font-weight: 600;
          margin-bottom: 10px;
    padding: 10px 0px;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
}
.delvey-info {

    width: 100%;margin-top:10px;
    padding: 0 10px 5px 5px;
   border-top: 1px solid #ccc;
    font-size: 14px;
}
.delvey-info h2 {    color: #014529;    font-size: 14px;    font-weight: bold;    line-height: normal;}
 
.del-prices ul  , #ur_postcode{    margin: 0;    padding: 0;}
.del-prices ul li {    margin: 9px 0;  }
.del-prices ul li:last-child {
    margin-bottom: 5px;
}
/* Checkout style */
.container.checkoutpage {
    width: 90%;
    margin: auto;
    padding-top: 80px;
    clear: both;
}
 

.fields-left,.fields-right {     width:49%;}
  .form-group {
    margin-bottom: 10px ;
}
.checkoutpage label {
    font-family: Trebuchet Ms;
    font-size: 17px;
    line-height: 24px;
}
.postcoderow .col-md-6 {                  width: 49%;         }
.container.checkoutpage table tr td, .container.checkoutpage table tr th {
   
}
.error_control {
    border-color: red;
}   .ac-container {
    max-width: 100%;
    margin: auto;
 
    background: #fff;
}
.ac-container .input-block {
    overflow: hidden;
}
.toggler {
    height: 0;
    width: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    position: absolute;
    margin: 0;
}
input.toggler:checked ~ .form-row {
 max-height:99em;
 overflow:visible;
 padding:15px 10px;
 opacity:1;
 transition: opacity 1.5s linear, max-height 2.5s linear;
}
.input-block .form-row {
    max-height: 0;
    /* overflow: hidden; */
    padding: 0 10px;
    opacity: 0;
}
input.toggler:checked + label {
    background: #fff;
    border-bottom: 1px solid #fff;
    cursor: default;
}
.checkoutpage label {
    font-family: Trebuchet Ms ;
    font-size: 17px;
    line-height: 24px;
}
.label-toggle {
    display: block;
    padding: 7px 10px;
    cursor: pointer;
}
.label-toggle:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #666;
    border-radius: 50%;
    background: #fff;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
input.toggler:checked + label:before {
    border: 3px solid #fff;
    width: 13px;
    height: 13px;
    background: var(--blue);
    box-shadow: 0 0 2px 2px rgba(60,141,188, .8);
}
.label-toggle span {
    display: inline-block;
    vertical-align: middle;
}


input.toggler:checked + label span {
    font-weight: bold;
}
input.toggler:checked ~ .form-row {
    max-height: 99em;
    overflow: visible;
    padding: 15px 10px;
    opacity: 1;
    transition: opacity 1.5s linear, max-height 2.5s linear;
}
.box-total {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 20px;
 
}
.box-total p.total {
    font-size: 15px;
    padding: 0 4px;    border: 0;  
    padding-top: 7px;    border-top: solid 1px #ccc;
}
#totalamount1 {    float: right; font-weight:700}
     .mob_vis_div {    margin: 40px 0;}
.container.checkoutpage table tr td {      }
.checkoutpage-main #order_table tr th:last-child,.checkoutpage-main #order_table tr td:last-child{      display: none;  }
.checkoutpage-main #order_table tr th:last-child,.checkoutpage-main #order_table tr td {      width: 100%;   position: relative;}
.checkoutpage-main #order_table tr  .final-pr {     float: right;    position: absolute;    right: 5px;    top: 5px; }
input#placeodr {
    background: #222;
    border: 0px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: sans-serif;
}

/* footer */
#footer {
    background: #333;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.footerpowerd {
    display: inline-block;
}
#myBtntopbtn {
    display: none;
	position: fixed;
    bottom: 66px;
    right: 10px;
    z-index: 99;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: #000000b5;
    color: white;
    cursor: pointer;
    padding: 4px;
    border-radius: 100%;
    font-weight: 100;
    width: 40px;
    height: 40px;
    line-height: normal;
}
td#cart_cost_now {    color: #151515;    font-weight: bold;}

 
.tip-section .tip-div label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}
select#tipamt {
    height: 40px;
    width: 100%;
    padding-left: 10px;
    border: 1px solid #eee;
}


.my-welcome-message {   
	    background: rgba(0,0,0,0.5);    
    border-top: 0;
    z-index: 100;
    position: fixed;
       width: 100%;
    left: 0;
    top: 0;height:100%;
	display:block; 
}
.my-welcome-message-box { 
	 font-size: 16px;
    font-weight: 600;
    line-height: 21px;
	  background: #fafafa;
    border: 2px solid#ccc;
    border-radius: 4px;
    border-top: 3px solid#014529;
	width: 36%;
  
    top: 20%;
    padding: 20px 2%;
    font-family: Calibri, Arial, sans-serif;
    margin: auto;
    position: relative;
}
.msg-showcart{  display:block;position:static}
.msg-showcart .my-welcome-message-box {   width:100%;  }
#fvpp-close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.empty_cart {     font-size: 20px;    clear: both;    padding-top: 10px;}


.widget_shopping_cart_content {
    border: solid 1px #ccc;
    border-top: 0;
    padding: 10px;
}

p.text_msg {
    clear: both;
    margin: 0 0;
    padding-top: 20px;
    font-size: 16px;
}
.col-md-12.col-sm-12.table-responsive {
    clear: both;
}


 .modal-header1 .popupheading {
    color: #232524;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
}.modal-header1 .close {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 13px;
    right: 10px;
}.select_main {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-bottom: 20px;
}
span.var-label {
    font-weight: 600;
    margin-bottom: 6px;
    display: inline-block;
}
.select_main sup {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1px;
 
	display: inline-block;
    vertical-align: baseline;
}.attriblabel {
     font-weight: 600;
    font-size: 14px;
    padding: 3px 0;
    margin: 0;
}.select_main .col-md-3, .select_main .col-md-9, .select_main_quty .col-md-3, .select_main_quty .col-md-9 {
    width: 100%;
    display: block;
} 

.label.attriblabel input { margin:0;   margin-right: 5px;}
.modal-header.modal-header1 {
    padding: 0;    padding-bottom: 20px;
}

.select_main_quty {  display: flex;
    justify-content: space-between;
    align-items: center;}

.maintitle h4 {
    font-size: 18px;
    margin: 10px 0 0;
}
.pricepop {
    font-weight: bold;
    font-size: 15px;
}#pc_form2 select {
     font-size: 13px;
    width: 100%;
    line-height: normal;
    padding: 11px 10px;
    border: solid 1px #ccc;
    height: auto;
    border-radius: 5px;
    background: rgb(247, 247, 247);
	  appearance: none;
    -webkit-appearance: none;
    background-image: url(icons/down_1.png);
	  background-repeat: no-repeat;
    background-position: 98% center;
	border: solid 1px #dcd7ca;
}
.col-md-9.quantity-row {    display: flex;    align-items: center;    column-gap: 10px;}
.select_main_quty #quantity {    width: 110px;    font-size: 13px;    margin-bottom: 0; padding: 5px 10px;}   
.submit-btn {    margin-left: 10px;     min-width: 110px;    text-align: center;}
#tcfs {
    color: #111;
    font-weight: bold;
    font-size: 16px;
}
 
.fffffer {
  border: 1px solid #ccc;
  padding: 8px 20px 16px;
  margin-bottom: 20px;
}.info-box-content {
  margin-left: 25px;
  font-size: 13px;
  color: #222;
  font-weight: 600;
  LINE-HEIGHT: 22PX;
	 padding-bottom: 0;
}
.fffffer button.btn.btn-danger.btn-sm.delete {
  background: #222;
  border: 1px solid #222;
  text-transform: uppercase;
  border-radius: 1px;
  line-height: 15px;
  margin-right: 12px;
}
.fffffer button.btn.btn-primary.new-address {
 
    background-color: #ccc;
  border: 1px solid #ccc;
      
  text-transform: uppercase;
  border-radius: 1px;
  line-height: 14px;
}
input#changepass {
  background: #333;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 20px;
  border: 0px;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#checkoutclass .info-box {
  font-size: 15px;
  border: 1px solid #decaca;
  padding: 10px;
  box-shadow: 1px 1px 2px 1px rgb(199 199 204 / 20%);
  margin-bottom: 20px;
 
  position: relative;
}
#checkoutclass .info-box input#userdelid {
  position: absolute;
  top: 20px;
  left: 10px;
}
.cus-add-show {      font-size: 14px;}
.warchoose {
	float: right;
    font-weight: bold;
    font-size: 12px;
    background: #f00;
    padding: 1px 3px;
    border-radius: 4px;
    color: #fff;
    width: auto;
}
.pm-widget.stockyon {
    position: fixed;
    top: 0;
    width: 21%;
}
 
p.showdiv ,.showdivjyocou , .tipamttr , .showdivjyocou, .box-total  span{
    padding: 0 2px;
    font-size: 14px;
    border:0;    padding: 0 2px;
    margin: 0;
}
p.showdiv  b,.showdivjyocou b, .tipamttr b, .showdivjyocou b{      font-weight: 400;}
#cutlerycharges1 {      float: right;    font-size: 17px;}
.showdivjyocou { padding-bottom:10px; }

span#chk_postcode_errmsg { float:right; }

#myCouponModal .btn {     background: #000; }
.container.checkoutpage table.address-recorder td {    padding: 1px 0;}
.received-page .order-recieve table td p {    margin: 3px 0 0;}
.container.checkoutpage.received-page table tr th{font-size:15px}
.container.checkoutpage.received-page table tr td {  font-size: 15px;    padding: 5px 13px;}
.chosway-btn{
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(plus44.png) no-repeat center center;
	border:0;
	
}
.footerpowerd span a {    color: #fff; }    
p.pro_pop_info {    margin: 3px 0 6px; }
p.resdelvery_msg {    margin-top: 0;}
a.ordermodal {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
}
a.viewdeatils {
    background: #ccc;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;    display: inline-block;
    vertical-align: middle;
}.orderstable-info tbody {
    border-bottom: solid 1px #ccc;
    margin-top: 5px;
}

.odr_dtls, .cust_dtls_title {
  font-weight: 700;
  color: #394e76 ;
  font-size: 15px;
}
table.address-recorder td {
    padding: 1px 0!important;
}
textarea#CoC_Ordernotes {
    height: auto;
}
div#error_regpanel {
    padding: 0 10px 10px;
}

div#error_regpanel {
    padding: 0 10px 10px;
}
.register p#return_string1 {
    color: #f00;
    font-size: 16px;    padding-left: 18px
}




.reserve-thank {
    clear: both;
    text-align: center;
    padding: 40px 0px;
    position: relative;
    min-height: 63vh;
}
#header-reservation {
    clear: both;
    text-align: center;
    color: #026202;
}
.reserve-thank p {
    font-size: 18px;
    padding: 25px;
}
.thankyou-btn {
    margin: 20px 0px;
}
.thankyou-btn a {
    background: #394e76;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
}

.bar {
 
  top: 0;
  left: 0;

  width: 100%;
  padding: 25px 0;

  background-color: #e74c3c;
  color: white;

  font-family: Gelasio;
  font-size: 18px;
}
.days-bar {
    clear: both;
    padding: 17px;
    background: #212121;
    color: #fff;
}
.bar_content {
  display: block; /* Important to give the content a width */
    font-size: 17px;
    letter-spacing: 1px;
  width: 100%;
  transform: translateX(100%); /* Animation start out of the screen */

  /* Add the animation */
  animation: move 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}




/* Create the animation */
@keyframes move {
  to { transform: translateX(-100%); }
}

.list-box-row a p {
color: #fff;
font-weight: 600;
margin-top: 0;
margin-bottom: 5px;
}
.list-box-row .cat-info {
  margin-top: 5px;
}


/* cat layout */
.products .product-category,.pm-widget .product_main_category {  overflow: hidden;border-radius: 7px; }
    
 .middle-products .sub_ca_name {  display: flex;padding: 2px 2px 0;
justify-content: space-between;}
 .middle-products  .sub_ca_name span { background: #333;border:0;
color: #fff;
padding: 16px 10px;
font-size: 15px;
font-weight: 800;
 border-radius: 7px 7px 0 0;
text-transform: capitalize;
width: 20%;
text-align: center;border: 0;  }
 .middle-products  .sub_ca_name  p { font-size: 16px;
margin-bottom: 0;
font-weight: normal;
text-transform: initial;
color: #fff;
width: 80%;
margin: 0;
padding: 18px 10px;
text-align: left;
font-style: italic;text-shadow: 0 0 16px #000; }


.prod-descreption ul {
  margin: 0;
  padding: 0;
 
}.prod-descreption ul li {
  font-size: 16px;
  list-style: none;

  list-style-position: inside;
  line-height: 25px;
}
 .prod-descreption ul li::before {
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 1;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  background: #394e76;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  padding: 2px 5px;
  transition: 0.3s;
  line-height: normal;
  margin-right: 6px;
  font-size: 14px;
}

#check_out_cart ,input#placeodr{      background: #da1116;
    border: 0;
    width: 100%;
    border-radius: 100px;
    font-size: 15px;
    padding: 11px; transition:0.2s ease-in-out;
    text-transform: none;}    
.country-select { width:100%; }

#check_out_cart:hover , input#placeodr:hover { background: #111; color:#fff  }
.alrgy-row {
    max-width: 80%;    margin-top: 5px;
}
.alrgy-row img {     margin-left: 4px;
    margin-top: 4px;
    max-width: 25px;
    height: auto;

}
/* Responsive */

@media screen and (max-width:1600px){
	div ul.main_category {      scroll-behavior: smooth;    display: block;    overflow-x: scroll;    padding: 10px 0;
    white-space: nowrap;    scrollbar-width: auto;}
	.main_category li {
    border: 0;
    display: inline-block;    vertical-align: middle;
    transition: 1s ease-in-out;
}
	
	.my-welcome-message-box .col-md-12 .col-md-4.shop-text {
    width: 31%;
}
}
@media screen and (min-width:1200px) and (max-width:1366px)  { 
	div.product_cart .addtocart_price {       position: static;
    width: auto;
    float: right;}
	#myModalNew .modal-dialog {
    top: 17%;
}
}

@media screen and (min-width:1300px) and (max-width:1600px)  { 
	.product_detailss h3 {font-size: 15px;}
	ul.main_category {
	  padding-left: 0;
	  padding-right: 0;
	}
	div.login-modal .modal-header{      padding: 20px 35px 15px;}
	form.register p#return_string1 {      margin: 0;}  
}

@media screen and (min-width:1025px){ 
	div.product_detailss h3 {     font-size: 16px; }
	.sidebar-open1 .product_main_category2.sticky .main_category li {    padding: 10px 5px 10px 5px;  }
}




 
@media screen and (min-width:1025px){ 
	form#pc_form2 {    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
	.product_cart{		display: inline-block;width: 49%;vertical-align: top;position: relative;		padding-bottom: 30px;
padding-top: 30px;      	}
.product-category .product_cart.product_cart_nu2  { border-left: solid 2px #888;  }
.product-category .product_cart:last-child { border-left: solid 2px #888;    border-bottom: 0; }	
 
	.proimg-layout .alrgy-row {    margin-top: 15px;    position: static;}
.dish-img {    float: right;    margin-top: 12px;    width: 47%;}
	.dish-img img {    width: 100%;}
	.product_cart .addtocart_price {  clear: both;   max-width: 34%;margin: auto 0 0 auto;     border-bottom: 0; }
.product_detailss {  width: 52%;  float: left;}
	.product_detailss h3 {  margin-bottom: 0;  min-height: 50px;font-size: 19px;}
	.product_cart.proimg-layout {
    padding-bottom: 10px;
}
}
	


@media screen and (min-width:992px){
	.fix_menu_mob,.mob_close_btn { display:none; }
	form#pc_form2 {    display: flex;    flex-wrap: wrap;    justify-content: space-between;
}	
	
}

@media screen and (max-width:1024px){
	.top_box { padding-left:1%;padding-right:1%; }
	.checkoutpage label {  font-size: 15px;}
	.container.checkoutpage table.cart-bototm-area tr td:first-child {  width: 30%;}
	#myModalNew .modal-dialog {  top: 30%; }
	.container.checkoutpage.order-page1,.container.checkoutpage.order-page {    width: 90%;}
	  
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	ul.main_category li a {
    color: #fff;
    padding: 8px 10px 8px 11px;
    border-radius: 5px;
    font-size: 13px;
}
}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	 div.online-order-page.display-flex.sidebar-open1 ,div.top_strip.sidebar-open3 {
    padding-right: 29%;
}div.product_detailss {
    width: 100%;
   
}
	.main_category li a p {      font-size: 14px;
    text-align: center;}
 div.sidebar-open1 .product_main_category2.sticky {
    width: 64%;
}
	div.left_div a, div.left_div button.loginpopup{  padding: 7px 10px;}	
	ul.main_category li {    padding: 10px 0;}
	ul.main_category li a {  padding: 10px 10px 10px 10px;font-size: 14px;}
	.table-wrapper-scroll {      min-height: 390px;}
}

 


@media screen and (max-width:991px){
 
	#header-cart {  display:none;}
	div.sidebar-open1 .product_main_category2.sticky {    width: 92%;}
	div.online-order-page.display-flex.sidebar-open1  , div.top_strip.sidebar-open3{  padding-right:0;}
	div.top_box {      z-index: 16;}
	.col-md-6.middle-products { width:100%; }
 
	span.mob_close_btn { display:block }
	.topnav a.icon {
    float: right;
    display: block;
	  font-size: 27px;
		padding-top:0;
		padding-bottom:0;
  }
	  .topnav.responsive {position: relative;    padding-left: 10px;}
  .topnav.responsive .icon {    position: absolute;    right: 15px;    top: 0;  }
	div.my-welcome-message-box { max-width:90%;    width: 100%; }

  .topnav.responsive a {    float: none;    display: block;    text-align: left;  }
	.footer-cart { display:block !important; }
	div.topnav a { }	
	.fix_menu_mob {
		left: 0px;
		position: fixed;
		bottom: 25%;
		padding: 20px;
		background-color: #da1116 ;
		right: auto ;
			font-size: 13px;
		color: #fff;    z-index: 15;    border-radius: 0 10px 10px 0;
	}
ul.social {  margin-top: 6px;    margin-bottom: 0;}
p.text_msg { -webkit-text-size-adjust: none;  }
		  .display-flex ,div.postcoderow.display-flex{  flex-direction: column;}
		.sidebarleft { display:none; }
	.sidebarleft  {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
		z-index: 111;
		left: 0;
		padding-top:10%;
	}
	.sidebarleft 	.pm-widget {		max-width: 90%;		margin: auto;	}
	.sidebarleft.dish_cat_icon_y {		display: block;    max-width: 100%;	}
.pm-widget.stockyon ,.pm-widget.stockyon1 {  position:static;width:100%;}
.sidebarleft {  width:100%;}
		.mob_close_btn {
		float: right;
		background: #000;
		padding: 3px 7px;
		font-size: 17px;
		border-radius: 100%;
	}
.col-md-3.pm-sidebar-right.cart_icon_y {    width: 100%;    transform: translateX(0);    z-index: 16;}	
a#check_out_cart {      position: absolute;    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;}
	a.fix_menu_mob2 {
    left: 0px;
    position: fixed;
    bottom: 1%;
    font-size: 13px;
    padding: 14px 20px;
    right: auto;
    width: 100%;
    background-color: #da1116;
    z-index: 15;
    color: #fff;
    width: 89%;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 100px;
    box-shadow: transparent 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 2px 8px;
	}div#aadd i {		font-size: 21px;	}
		.Prise {
    float: right;
    font-size: 19px;
    padding-right: 4%;
    margin: 0;
    font-weight: 600;
	}
	.toprodqty {   
    border-radius: 25px;
    padding: 5px 9px;
    position: relative;
    top: -18px;
    left: -5px;
    font-size: 13px;
    background:#111;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
	}
	@keyframes blink-animation {  to {    visibility: hidden;  }}
	@-webkit-keyframes blink-animation {  to {    visibility: hidden;  }}

	.pm-sidebar-right {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;
		display:none;
		padding-top:10%;
		z-index:1000
	}	
		.pm-sidebar-right.cart_icon_y  , .postcoderow .col-md-6 { display:block; width:100%;max-width:100%;}
		.pm-sidebar-right .pm-widget {		background: #fff;		max-width: 90%;		margin: auto;	}
		.total-box.display-flex {		flex-direction: row;	}
		.widget_shopping_cart_content {		padding: 10px;	}
 
	.postcoderow.display-flex {    flex-direction: row;}
	.reviw-row {    width: 49%;	}
	.form-999 .rr {    width: auto;}
	
.submit-btn {    min-width: inherit;}
	
	.order-page1 table.orderstable   td {
    display: block;    padding: 10px 10px;
   padding-left: 38% ;width: 100%;
    text-align: right ;position:relative;
}
	.order-page1 table.orderstable [data-label]::before {
    display: block;    position: absolute;
    content: attr(data-label);
    font-weight: 700;
    color: #000000;
    top: 0;
    left: 0;
    padding: 13px 15px;
}
.order-page1 table.orderstable  .detailstab  td  {  padding: 13px 15px; }
.order-page1 table.orderstable .detailstab td td {    padding: 5px 6px;    display: table-cell;    width: 49%;    text-align: left;
}
.order-page1 table.orderstable .detailstab td td:last-child {  text-align:right;} 	

}


@media only screen  and (max-width:991px) and (orientation:landscape) {
	div.sidebar-open1 .product_main_category2.sticky {  top:66px;}
	div.left_div a, div.left_div button.loginpopup , button.login-dropdown {
    padding: 7px 10px;
}
	button.login-dropdown  {      font-size: 12px;}
	div.product_cart {
    width: 48%;
    display: flex;
    align-items: flex-start;
}div.product_cart .addtocart_price {  padding: 7px 10px;
}
	div.top_box {      min-height: 67px;}
	div.left_div {      margin-top: 6px;}
	div#loksoc {
    margin-top: 10px;
}.logo_cls {
    max-width: 110px;
}.site-menu-handle img {
    width: 23px;
}
	ul.main_category li a {    
    padding: 7px 10px 7px 10px; 
    font-size: 13px;
}
	.topnav {      margin-top: 3px;
    padding-top: 10px;}
	.topnav a {      padding: 9px 15px;}
	.modal-body.msg-body {font-size: 16px;  } 
	.pm-sidebar-right {      padding-top: 2%;}
	.pm-widget.stockyon1 {      height: 96%;    overflow-x: scroll;}
	.postcode-row.display-flex {    flex-direction: row; }
 
	 ul.main_category li {    padding: 0 7px 0 7px;}
	ul.main_category li a p {    font-size: 13px; }
	 
	#myModalNew .modal-dialog {
    top: 0;
    width: 100%;
    margin: 0;    height: 100%;
    background: #fff;
    max-width: 100%;
}
	.modal-postcode .modal-body.msg-body {font-size: 14px; 
    padding-left: 10px;
    padding-right: 10px;
    line-height: 13px;
}
	.modal-postcode form {      display: flex;    justify-content: space-between;
    align-items: center;
    column-gap: 10px;}
	input#pc_suit {    margin-top: 0;}
	.popup-header ul li a {    padding: 7px 0;    font-size: 13px;}
	div.modal-dialog {      height: 100%;    overflow: auto;}
	div.dish-img {
    width: 50%;
}div.product_detailss {
    width: 100%;
}div.product_cart .addtocart_price {
    letter-spacing: normal;    margin-top: 5px;
  
}
	.product_cart {      flex-wrap: wrap;}
	a.fix_menu_mob2 {  padding: 9px 20px;}
	.maintitle h4 {    font-size: 18px; }
	.modal .modal-dialog {
    top: 0;
    margin: auto;
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}.login-modal .modal-content {
    overflow: auto;
    height: 100%;
}
	#myModalNew .modal-dialog{ top:0; }
	.modal  .modal-dialog {     top: 0;
    margin: auto;
    height: 100vh; 
    background: #fff;
    display: flex;justify-content: center;
    align-items: center;}
	.modal button.close {      position: fixed;}
		div.maintitle h4 {
    font-size: 18px;
    margin-top: ;
}
.modal-content ,#myModalNew1 .modal-footer{      width: 100%;}	
#myModalNew1 .modal-dialog {    border-radius: 0;
    width: 100%;
    padding: 10px;
    overflow: scroll;
    align-items: flex-start;
    overflow-x: hidden;    max-width: 100%;
}
#myModalNew1 	.modal-header.modal-header1 {
    
    position: fixed;
    background: #fff;
       width: 85%;
}
	#myModalNew1   .modal-footer {   
    padding: 15px;  
    text-align: right;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    background: #fff;
}
form#pc_form2 {  overflow: scroll;
    width: 100%;    padding-top: 80px;    height: 90vh;}
}

@media only screen  and (max-width:767px){ .product_detailss h3 {    font-size: 14px; } 
	#myModalNew1 .modal-dialog {    width: 90%;}
	
}
 

@media only screen  and (max-width:767px) and (orientation:portrait) {
	 
	.left_div { margin-top:0;}
	.pro-row {      padding: 0 11px;}
	div.product_main_category2.sticky{      top: 110px;}
	div.table-wrapper-scroll {      min-height: 350px;}
	.dropdown.open .dropdown-menu { right:0; }
	img.logo_cls {      left: 13%;     max-width: 99px;}
	div ul.main_category {      scroll-behavior: smooth;    display: block;    overflow-x: scroll;    padding: 10px 0;
    white-space: nowrap;    scrollbar-width: auto;}
	.main_category li {
    border: 0;
    display: inline-block;    vertical-align: middle;
    transition: 1s ease-in-out;
}
	div.left_div {    margin-top: 3px;    align-items: center;}
	div.left_div a,div.left_div button.loginpopup ,div.left_div  .login-dropdown {       font-size: 12px;   padding: 8px 10px;}
	.info_link {    display: none; }
	.login-modal .modal-content {      overflow: auto;    height: 100%;}
	div.login-modal .modal-header {    padding: 25px 25px 20px; }
	.register .row {      flex-wrap: wrap;}
	.popup-header ul li a {      padding: 7px 0;font-size: 13px;}
	div#error_regpanel {      font-size: 13px;}
	
	
	#myModalNew .modal-dialog{ top:0; }
	.modal  .modal-dialog {     top: 0;
    margin: auto;
    height: 100vh;     border-radius: 0 !important;
    background: #fff;
    display: flex;justify-content: center;
    align-items: center;}
	.modal button.close {      position: fixed;}
		div.maintitle h4 {
    font-size: 14px;
    margin-top: ;
}#myModalNew1 .modal-dialog {    border-radius: 0;
    width: 100%;
    padding: 10px;
    overflow: scroll;
    align-items: flex-start;
    overflow-x: hidden;
}
#myModalNew1 	.modal-header.modal-header1 {
    
    position: fixed;
    background: #fff;
       width: 85%;
}
	#myModalNew1   .modal-footer {   
    padding: 15px;  
    text-align: right;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    background: #fff;
}
form#pc_form2 {  overflow: scroll;
    width: 100%;    padding-top: 80px;    height: 90vh;}
	.top_strip{  flex-direction: column;}
	.left_div a {  padding: 8px 9px;font-size: 13px;}
	div#loksoc{  flex-direction: row;    padding: 0 10px;}
		.right_div,.fields-left, .fields-right,.postcoderow .col-md-6,div.select_main,.col-md-6.middle-products  ,
	form.register .col-sm-6 , .modal-content{ width: 100%;	}
		.field-container { flex-direction: column; }
 
		.table-striped>tbody>tr th:first-child, .table-striped>tbody>tr td:first-child {		font-size: 10px ;    }
		ul.social {    margin-left: 0;    padding-left: 0;}
		ul.social li a {    font-size: 18px;}
	 
		.main-popup {      margin: auto;    left: 0;    right: 0;top: 80px; 		width: 96%;}
		.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		padding: 4px 0; 
		text-transform: inherit;
	}
	.pm-widget.stockyon,.pm-widget.stockyon1 {  position: static;    top: 0;    width: 100%;}
	.footerpowerd {
    display: inline-block;
    clear: both;
    display: block;
    text-align: center;
}
	.product_cart {     justify-content: flex-start;   flex-wrap: wrap;}
	
div.sidenav-2 ul.main_category {  height: 92%;}
	.alrgy-row img {    max-width: 22px;    height: auto; }
	div.dish-img {  width: 50%; }
	.dish-img  img{  width:100%; }
	div.product_detailss{    width: 100%;}
	div.product_cart .addtocart_price {     margin-top: 5px; letter-spacing: normal; position: static;     padding: 8px 10px;box-shadow: 0 0px 15px -1px #111;  bottom: 10px;}
.add_to_cart {      vertical-align: middle;}
	.postcode-row.display-flex {    flex-direction: revert;}
.middle-product-package div.product_cart .addtocart_price {  width:100%; position:static }
	.orderstable-info tr td {    width: 49%;}
.orderstable-info tr {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
}
	.order-main-details   tr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 20px;
}
	.reviw-row {    width: 100%;    margin-bottom: 10px;	}
	.form-999 form {    padding: 20px;		width: 100%;	}
	.row.reviews555 .reviews-box  {      width: 100%;  margin: 0px 0 20px;}
	.form-999 form iframe {    transform: scale(0.9);    transform-origin: 0 0; }
	.middle-products .sub_ca_name  , .postcoderow.display-flex{  flex-direction: column;}
	.middle-products .sub_ca_name p {  width: 100%;padding: 12px 10px;text-align: center;}
	.middle-products .sub_ca_name span {  width: 100%;text-align: center;}
 

.middle-products  .product_cart { position: relative; align-items: end;    padding-bottom: 5%;     margin-bottom: 5px;    width: 100%;    display: flex;
    align-items: flex-start;}
 
.container.checkoutpage.received-page .order-main-details table tr td {  width: 50%;}
	.left_div a, button.loginpopup {      height: 34px;}

}