@import url('https://fonts.googleapis.com/css?family=Montserrat');

.slider-section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.slider-section-body{
  font-family: 'Montserrat', sans-serif;
  background-color: #eee;
  color: #111;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
:root {
  --marquee-width: 100vw;
  --marquee-height: 16vh;
  --marquee-elements: 22;
  --marquee-elements-displayed: 4;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}
.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  background-color: white;
  /* color: tomato; */
  overflow: hidden;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  background: linear-gradient(to right, rgb(153, 139, 139) 0%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, rgb(153, 139, 139)  0%, transparent 100%);
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1*var(--marquee-element-width)*var(--marquee-elements)));}
}

.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--marquee-element-width);
  flex-shrink: 0;
  font-size: calc(var(--marquee-height)*2/3);
  white-space: nowrap;
}

body{
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
/* common stylings */
*{
box-sizing: border-box;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
.cong h2 {
font-size: 38px;
margin-top: 40px !important;
}

.cong {
border-top: 2px solid #e8e7e7;
padding-top: 80px !important;
padding-bottom: 130px !important;
}
.cong p {
font-size: 23px;
}
.food-section span.price {
margin-right: 0 !important;
}
.food-section .plusminusunit {
position: relative;
top: -8px;
}
.cong .la {
font-size: 20px;
margin-top: 30px;
display: inline-block;
}
.grey-bg h4 {
font-size: 36px;
}
.cell {
white-space: nowrap;
}
.cell.bd {
width: 67px;
height: 2px;
display: inline-block;
position: relative;
top: -7px;
border-top: 2px dashed #d2d2d2;
}
.cell.bd.active {
border-top: 2px dashed #fd001a;
}
.dis {
font-size: 20px;
}
.stepper .cell {
font-size: 20px;
}
.pr {
font-size: 20px;
font-weight: 700;
}
.tot .h3 {
font-weight: 700;
font-size: 24px;
}
.tot .text-red.h3 {
font-size: 24px;
}
.prom {
font-size: 20px;
}
.grey-bg {
padding-right: 25px;
}
.grey-bg .card-body h4 {
font-size: 20px;
}
.grey-bg .btn {
font-size: 18px;
width: 29%;
margin-left: 3% !important;
padding: 20px 0px !important;
}
.billing {
font-size: 20px;
font-weight: 700;
}
.billing .light {
font-weight: 400;
}
.grey-bg .card-body span.price {
font-size: 20px;
}
.checkout span.price {
font-size: 17px;
font-weight: 900;
margin-right: 20px;
}
.grey-bg .card-body {
padding: 20px;
}
.stepper-b {
padding-left: 40px;
padding-top: 50px;
}
.stepper-b .bootstrap-select {
margin-top: 4px;
}
.stepper-b .btn-dang {
font-size: 18px;
width: 185px;
margin: 0 !important;
padding: 20px 0px !important;
}
.stepper-b .bootstrap-select div.dropdown-menu {
border-radius: .25rem;
overflow: hidden;
}
.stepper-b .dropdown-item {
padding: 7px 15px;
}
.stepper-b .bootstrap-select .btn {
background: none;
border-radius: .25rem;
border: 2px solid #cecece;
padding: 10px 15px;
height: 54px !important;
}
.stepper-b label {
font-size: 17px;
font-weight: 700;
display: block;
margin-bottom: 20px;
}
.stepper-b input {
border: 2px solid #cecece;
font-size: 16px;
padding: 25px 10px;
}
.stepper-b select {
  border: 2px solid #cecece;
  font-size: 16px;
  height:54px;
}
.grey-bg .card {
border-radius: 10px;
overflow: hidden;
}
.medium-text {
font-size: 18px;
}
.grey-bg:before {
content: '';
background: #FAFAFA;
position: absolute;
left: -1000px;
top: 0;
height: 100%;
width: 1000px;
}
.modal-sm {
  max-width: 512px;
}
.modal-body h4 {
font-size: 28px;
}
.modal-body .price {
font-weight: 900;
font-size: 23px;
}
.modal-body .text-grey.sup {
font-size: 15px;
font-weight: 700;
position: relative;
top: -7px;
}
.modal .bg-pink {
font-size: 15px;
}
.modal .plusminusunit {
margin-left: 30px;
margin-top: 10px;
display: inline-block;
}
.modal#foodDetailsModal button {
font-size: 16px;
margin-right: 30px;
padding: 15px 35px !important;
width: auto;
margin-top: 30px !important;
}
.modal-body p {
font-size: 16px;
line-height: 180%;
}
.plusminusunit {
font-size: 22px;
color: #000;
}
.modal .plusminusunit input, .modal .plusminusunit span {
font-size: 19px;
}
.plusminusunit input {
width: 50px;
text-align: center;
border: none;
background: none;
font-size: 14px;
}
.food-section .d-inline.float-right  {
margin-right: 23%;
}
.plusminusunit span {
cursor: pointer;
font-size: 14px;
}
.checkout .plusminusunit {
display: inline-block;
margin-top: 0px;
}
.checkout-bottom .text-yellow {
font-size: 15px;
font-weight: 700;
padding: 26px 0 28px 40px !important;
background: url('/assets/img/tag.png') no-repeat left 17px;
-webkit-background-size: 35px auto;
background-size: 35px auto;
}
.checkout-top button {
color: #fd001a;
border: none;
background: none;
cursor: pointer;
font-weight: 700;
float: right;
margin-top: 4px;
padding-right: 20px;
background: url('/assets/img/next.png') no-repeat right center;
}
.checkout-top {
border-bottom: 2px solid #eceaea;
padding: 0 0 30px;
margin-bottom: 30px;
font-size: 15px;
font-weight: 700;
}
.checkout .checkout-top span.price {
font-size: 22px;	
}
.checkout-bottom .bg-light-red {
font-size: 18px;
font-weight: 700;
background: #ffd0d5;
margin-bottom: 15px;
}
.checkout-bottom .bg-light-red span {
display: inline-block;
font-size: 10px;
font-weight: 700;
padding: 15px 10px 15px 24px;
background: url('/assets/img/information.png') no-repeat 0 center;
-webkit-background-size: 15px auto;
background-size: 15px auto;
}
.checkout-bottom .text-yellow .float-right {
font-size: 17px;
}
.checkout-bottom .button button {
background: none;
border: none;
cursor: pointer;
font-size: 13px;
font-weight: 700;
color: #fff;
display: inline-block;
margin-top: 4px;
}
.checkout-bottom .muted .button button {
color: #C1C1C1 !important;
}
.checkout-bottom .button .float-right {
font-size: 16px;
font-weight: 900;
}
.checkout .empty h5 {
font-size: 15px;
line-height: 130%;
}
.empty img {

width: 95px;
}
.checkout .empty {
padding-top: 200px;
}
.checkout .empty img {
opacity: 0.8;
}
.checkout-bottom .bg-midred {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;  
}

.img-square-wrapper {
padding: 30px 30px 30px 0;
}
.img-square-wrapper img {
height: 70px;
width: 100%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;  
object-fit: cover;
}

#select-food .content {
height: auto;
padding: 0 35px 0 45px !important;
}
.checkout {
padding: 10px !important;
}

.checkout .img-square-wrapper {
width: 30%;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.checkout h5 {
font-size: 20px;
margin-top: 35px;
}
.checkout h4 {
font-size: 17px;

}
h5.card-title {
font-size: 17px;
}
.card-text {
font-size: 14px;
}
span.price {
font-size: 20px;
font-weight: 900;
}
.count {
font-size: 22px;
font-weight: 400;
}
.checkout .card-body {
padding: 0 0px 0 20px;
width: 100%;
}
.checkout .btn-dang, .checkout .btn-dang small {
padding: 0;
font-size: 10px;
font-weight: 900;
}
.checkout .card {
margin-bottom: 40px !important;
}
.checkout .btn-dang {
padding: 12px 20px !important;
margin-top: 0 !important;
}
#zip-section p {
font-size: 16px;
font-weight: 400;
}
#zip-section p i {
font-weight: 400;
}
.sorry {
padding-left: 50px;
background: url('/assets/img/sad.png') no-repeat left 5px;
color: #ff7987;
}
#zip-section.zip-section.bg-light-red h5 {
font-size: 20px;
}
b {
font-weight: 700;
}
#zip-section h1 {
font-size: 34px;
}
#zip-section h5 {
line-height: 170%;
font-size: 18px;
}
#zip-section .w-100 h5 {
font-weight: 700;
}
#zip-section input, #zip-section button {
font-size: 16px;
}
#zip-section button {
font-weight: 900;
}
.with {
padding: 50px 0 !important;
}
.place2 .d-inline.text-white {
margin-top: 5px;
}
.place h2 {
font-size: 55px;
font-weight: 900;
}
.place2 h5 {
font-size: 18px;
}
.place2 h5.text-yellow {
font-size: 20px;
margin-top: 20px;
}
.top-container.with .d-inline {
font-size: 18px;
}
.top-container.with .d-inline.float-right {
font-weight: 400;
margin-top: 13px;
}
.place2 i {
width: 25px;
height: 25px;
position: relative;
top: 5px;
background: url('/assets/img/clock.png') no-repeat left center;
}
.place2 i:before {
display: none;
}
.bootstrap-select {
width: 100% !important;
margin-top: 20px;
}
.bootstrap-select .btn {
color: #161515;
font-size: 18px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;  
padding: 10px 25px;
height: 50px !important;
vertical-align: top;
position: relative;
outline: none !important;
width: 100%;
margin-bottom: 10px;
}

.bootstrap-select ul.dropdown-menu {
margin: 0;
background: #fff;
}
.bootstrap-select div.dropdown-menu {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;  
margin: 10px 0 0;

background: #fff;
padding: 0;

box-shadow: 0 3px 6px 0 rgba(57, 62, 65, 0.1);
border: solid 1px rgba(112, 112, 112, 0.2);
}
.dropdown-item.active, .dropdown-item:active {
background-color: #2c2c2c;
}
section .bootstrap-select ul li::before {
display: none !important;
}
.dropdown-toggle::after {
  
  border-top: .6em solid #666;
  border-right: .4em solid transparent;
  border-bottom: 0;
  border-left: .4em solid transparent;
}
.place2 i {
font-size: 26px;
margin: 5px 5px 0 0;
}
.place p {
font-size: 18px;
font-weight: 400;
line-height: 170%;
}
#banner ol {
  margin-left: 20px;
font-size: 18px;
margin-top: 15px;
}
#zip-section h5 {
font-weight: 400;
}
#banner img {
width: 97%;
}
#banner.dinner img {
width: auto;
}
#banner h1 {
margin-bottom: 35px;
margin-top: 35px !important;
font-size: 55px;
font-weight: 900;
line-height: 110%;
}
#banner h5 {
font-size: 20px;
margin-bottom: 30px !important;
}
.pizza {
width: 100%;
}

p b {
font-weight: 400;
}
*:focus {
  outline: none;
}
.container {
max-width: 1370px;
}

.meal-offer ul {
margin-left: 0;
}
.meal-offer ul li {
line-height: 30px;
font-size: 18px;
margin-top: 6px;
}
.sixth-section h5, .sixth-section h5 b {
font-weight: 400;
font-size: 18px;
line-height: 140%;
}
.sixth-section .float-left {
margin-bottom: 20px;
text-align: center;	
}
#fisrt-section .btn {
font-size: 16px;
font-weight: 900;
}
.sixth-section .bg-light-red.order {
margin-top: 20px;
}
hr {
background-color: #FD001A; height: 1px;width:100px; border: 0;
margin: 20px auto 25px;
}
section{
padding: 100px;
position: relative;
}
.alert.alert-warning small {
font-size: 13px;
}
.alert.alert-warning strong {
font-size: 16px;
}
.f-1 {
font-size: 1.2rem;
font-weight: 700;
}
.opac{
opacity: 0.5;
}
.border-red{
border: 1px solid #FD001A!important;
}
.light-border-red{
border: 1px solid #fd001a40!important;

}
.food-section .light-border-red{
 border: none !important;
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;  
}
#select-food {
background: #fafafa;
}
.checkout.bg-grey {
background: #fff;
}
.text-red{
color: #FD001A;
}
.text-yellow{
color: #FFC31A;
/* color: white;
font-size: 27px; */
}
.text-green{
color: #65C882;
}
.text-darkgrey{
color: #1F1F1F;
}
.text-light-red{
color: #FF7785;
}
.bg-grey{
background: #f3f3f3;
}
.bg-light-red{
background: #FFF1F3;
}
.bg-light-green{
background: #F1FFF2;
}
.bg-pink{
background: #FFD9DD;
}
.bg-darkred{
background: #B02C3A;
}
.bg-red{
background: #C84B58;
}
.bg-brown{
background: #2C2C2C;
}
.bg-midred{
background:  #FD001A!important;
font-weight: 900 !important;
}
.t{
top: -3px;
position: relative;
}
.t-5{
top: -5px;
position: relative;
}
.t-1{
top: -1px;
position: relative;
}
section ul {
 list-style: none;
}

section ul li:before {
 /*content: "\2022";*/

 padding-right: 5px;
}
/* alert section style */
#alert.alert-dismissible .close {
  position: static;
  top: 2px;
  right: 0;
  padding: 0;
  color: inherit;
  opacity: 1;
  margin-top: 2px;
}
/* common stylings */
.img-cross{
position: relative;
top: -5px;

}
#second-section {
padding-bottom: 200px;
}
#second-section p {
font-size: 16px;
line-height: 120%;
}
#second-section h4 {
min-height: 86px;
margin-bottom: 0px;
font-size: 22px;
}
nav{
font-size: 16px;

}
nav .logo{

margin-top: 0px;
margin-right: 50px;
}
.f-6{
font-size: 6.2rem;
}
.f-28{
font-size: 24px;
}
.p-l-70{
padding-left: 70px;
}
.btn{
padding: 14px 30px;
font-weight: 700;
border-radius: 4px;
}
.button{
cursor: pointer;
}
.mainmenu {

}
.mainmenu li {
display: inline-block;
list-style: none;
margin: 0 25px;
}
.navbar {
padding: 15px 0;
}
.navbar-light .navbar-nav a, .mainmenu a {
  color: #353535;
  margin-top: 4px;
  font-weight: 400;
  border-radius: 2px;
}
.mainmenu a {
margin-top: -4px;
display: block;	

}
.navbar-light .navbar-nav .nav-link {
color: #353535;
}
.navbar-expand-sm .navbar-collapse {
justify-content: flex-end;
}
.btn-dang{
margin-top: 1px;
padding: 13px 43px;
border: 1.5px solid;
font-weight: 700;
font-size: 16px;
}
.alert{
text-align: center;
padding: 14px;
}
.alert strong{
font-weight: 900;
font-size: 13px;
margin-right: 20px;  
}
/* text wrapping text length upto one line ... */
.elipsis{
/*white-space: nowrap;
flex: 0 1 auto;
text-overflow: ellipsis;
overflow: hidden;
min-width: 0;
width: 99%;
cursor: pointer;*/

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 22px;
  height: 52px;
  max-height: 52px;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* page 1: home page */

  /* first section */
  #fisrt-section {
    background: #C84B58
  }
  #fisrt-section .carousel-item{
    padding: 0 50px;
  }
  #fisrt-section .carousel-inner {
      padding-bottom: 6rem;
  }
 
  #fisrt-section h1 {
      font-size: 66px;
      line-height: 100%;
      margin-top: 10px;
      font-weight: 400;
      margin-bottom: 30px;
  }
  #fisrt-section .text-yellow {
    margin-bottom: 40px;
  }
   #fisrt-section h1 span {
     font-size: 80px;
     font-weight: 900;
   }
  #fisrt-section .food-img {
      height: 81%;
      overflow: hidden!important;
      width: 100%;
      display: block;
      position: relative;
  }
  #fisrt-section .burger {
      position: absolute;
      bottom: -92px;
      padding-top: 135px;
      left: 0;
      width: 106%;
  }
  #fisrt-section img.potato {
      position: absolute;
      z-index: 0;
      height: 893px;
      top: -160px;
      left: 52%;
      -webkit-transform: translateX(-50%);
  }
  #fisrt-section span.pr-5 {
      font-size: 20px;
      font-weight: 700;
  }
  .fee span {
      font-size: 18px;
      font-weight: 700;
  }
  #fisrt-section .carousel-control-next, #fisrt-section .carousel-control-prev {
    width: 7%;
  }
  #fisrt-section .carousel-control-next, #fisrt-section .carousel-control-prev {
    font-size: 20px;
    font-weight: 700;
  }
  #fisrt-section .carousel-control-next img, #fisrt-section .carousel-control-prev img{
    margin-bottom: 84px;
    height: 30px;
  }
  /* third section style */
  #third-section {
    padding-top: 200px;
  }
  #third-section h1 {
    padding-top: 0px;
    font-size: 34px;
    margin-top: -40px;
  }
  #third-section {
    padding-bottom: 70px;
  }
  #third-section .img-ovelap {
      position: absolute;
      right: -45px;
      top: -28%;
      width: 65%;
  }
  #third-section p{
    font-size: 18px;
  }
  #third-section .text-padding{
    padding-left: 8rem!important;
  }
  /* fourth section style */
  #fourth-section h2 {
    font-size: 34px;
  }
  #fourth-section .block-wmud{
    height: 100%;
    border-radius: 4px;
    padding-top: 55px !important;
  }
  #fourth-section {
    padding-bottom: 120px;
  }
  #fourth-section .bg-pink {
    margin-top: 20px;
  }
  #fourth-section .bg-pink p {
    font-size: 17px;
    line-height: 120%;
  }
  .fourth-section h5 {
    font-weight: 700 !important;
    font-size: 18px;
    color: #676666;
  }
   .fourth-section .bg-pink h5 {
     color: #151515;
     font-size: 20px;
   }
  #fourth-section .text-grey-1{
    color: #b89d9f;
  }
  .order{
    border: 1px solid #FFD9DD;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 0!important;
    height: 100%;
  }
  ul,ol{
    padding: 0;
    margin: 0;
  }
  li{
    line-height: 35px;
  }
  /* fifth section */
   #fifth-section .carousel-inner .bg-white {
    display: flex;
    padding-bottom: 110px !important;
justify-content: center;

flex-direction: column;
  }
  #fifth-section h2 {
    font-size: 34px;
  }
  #fifth-section p {
    font-size: 20px;
  }
 #fifth-section h5 {
   position: absolute;
   left: 64px;
   bottom: 50px;
   font-size: 20px;
 }
  #fifth-section hr {
    background-color: #5BDD64;
    margin: 15px auto;
  }
  .fifth-section {
    padding: 90px 0 30px;
  }
  #fifth-section .quote {
    position: absolute;
    right: 0;
  }
  #fifth-section .block {
    height: 100%;
    border-radius: 4px;
  }
  #fifth-section .carousel-indicators li.active {
      background: #5BDD64;
      border: 0;
  }
  #fifth-section .carousel-indicators li {
      height: 15px;
      width: 15px;
      margin: 0 15px;
      border-radius: 20px;
      background: transparent;
      border: 0;
      opacity: 1;
      background: #BEEAC1;
  }
  .carousel-indicators {
    bottom: -40px;
  }
  #sixth-section {
    padding-top: 80px;
  }
  #sixth-section h2 {
    font-size: 34px;
  }
  #sixth-section .bg-light-red h2 {
    font-size: 42px;
  }
  #sixth-section h2 small {
    font-size: 19px;
  }
  #sixth-section h4 {
    font-size: 29px;
  }
  #sixth-section li {
      color: #8d555d !important;
      font-weight: 400;
      font-size: 17px;
  }
  #sixth-section .btn {
    font-size: 18px;
  }

/* page 2, page 3, page 4: order lunch(order lunch, order lunch sucessful, oreder lunch failed) */
  #zip-section input, #zip-section button{
    height: 60px;
    line-height: 22px;
    vertical-align: top;
  }
  #zip-section input {
    border-width: 2px;
    width: 307px;
    margin-right: 15px;
  }
   #zip-section button {
     font-size: 16px;
     margin-top: 3px;
   }
  section#banner{
      padding: 11px 0px 18px 0px!important;
  }
/* page 5, page 6: No peak delivery house discount */
  .half-burger{
    position: absolute;
    left:0;
    
    top: 0;
  }
  .card-horizontal {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    overflow: hidden;
  }
  .img-square-wrapper {
      width: 34%;
  }
  .card-body {
      width: 62%;
      padding: 30px;
  }
  #select-food .text-grey, .light.text-grey{
    color: #b9b9b9;
  }
  #select-food .food-section button , #foodDetailsModal button{
      margin-top: 15px!important;
     font-size: 10px;
      margin: 0;
      width: 100%;
      padding: 7px 5px !important;
      border: 1.5px solid #fd001a91!important;
  }
 
  #select-food .menu-block {
    
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 25px 25px 25px 45px !important;
  }
  #select-food .menu-block .options, .start-over{
    border-radius: 4px;
    margin-right: 1%;
    margin-bottom: 22px;
    width: 12.9%;
    background: #EAE5E5;
    text-align: center;
    padding: 15px 10px;
    color: #A5A5A5;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
  }
  #select-food .menu-block .options:hover{
    background:  #FD001A!important;
    color: #fff!important;
  }
  .menu-block .active{
    background:  #FD001A!important;
    color: #fff!important;
  }
 
  .checkout h5{
    line-height: 40px;
    color: #1f1f1f !important;
  }
  .blurr .checkout h5 {
      line-height: 30px;
      margin-top: 10px;
  }
  img.shape-img {
      border: 4px solid;
      border-radius: 77px;
      height: 100px;
      padding: 7px;
  }
  .v-align{
      position: relative;
      top: 30%;
      opacity: 0.4
  }
  .checkout .start-over{
      border-radius: 4px;
      display: inline-block!important;
      width: auto;
      background: #EAE5E5;
      text-align: center;
      padding: 0;
      font-weight: 900;
      color: #A5A5A5;
      font-size: 11px;
      font-weight: 900;
      cursor: pointer;
      padding: 12px 20px;
      line-height: 14px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    .content {
          float: left;
          height: 600px;
          padding-bottom: 15px;
          
          padding-bottom: 0!important;
          position: relative;
      }
      .overlay{
        display: none;
      }
      .blurr .overlay {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          opacity: 0.7;
          background: #fff;
          display: block;
          z-index: 2;
      }
      .circle{
        border: 1px solid;
        height: 18px;
        width: 18px;
        text-align: center;
        line-height: 18px!important;
        border-radius: 50%;
        margin-right: 6px;
      }
      .muted{
        background: #EAE7E7!important;
        color: #C1C1C1!important;
      }
  /*page 10, page 11: checkout pages */
  #checkout-step {
   border-top: 2px solid #e8e7e7;
  }
  #checkout-step .img-square-wrapper{
    width: 25%;
    padding: 20px 0 20px 20px !important;
  }
  .selected-f-items {
      border-bottom: 2px solid #80808026;
      width: 100%;
      padding-bottom: 20px;
      margin-bottom: 20px;
  }
  .wid{
    width: 68%;
    padding: 34px 15px;
  }
  .stepper{
    display: table;
  }
  .cell{
    display: table-cell;
    width: 1%;
  }
  .w-25{
    width: 25%;
  }
  .w-20{
    width: 20%;
  }
  .w-30{
    width: 30%;
  }
  .stepper .active{
    color:  #FD001A!important;
  }
/* footer section */
a.social {
  background: #fff;
  color: #2c2c2c;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
  margin: 0px 6px;
}
.page-footer {

font-size: 16px;
}
.page-footer p {
line-height: 160%;
}
.page-footer .list-unstyled li a {
display: block;
font-weight: 700;
}
.page-footer .list-unstyled li a.social {
display: inline-block;
}


/* Subscribe & Save */
.mainmenu .active a {color: #fd001a;}
.mainmenu a:hover {color: #fd001a; text-decoration: none;}
.navbar-light .navbar-nav .nav-link {font-weight: 600;}
.navbar {border-bottom: 2px solid #eee;}
.product-box {padding: 30px 15px 0; width: 100%; display: inline-block;}
.border-box {
border: 2px solid #eaeaea;
border-radius: 8px;
-o-border-radius: 8px;   
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 26px 22px 20px;
margin: 25px 0 38px;
}
.border-box img {
width: 63px;
height: auto;
float: left;
margin: 0 25px 30px 0;
}
.border-box h4 {
color: #fd001a;
font-weight: 600;
font-size: 20px;
margin-bottom: 15px;
line-height: 78%;
}
.border-box p {color: #b9b9b9; font-size: 12px; margin-bottom: 8px;}
.border-box p span {color: #181818;}
.border-box p:last-child {margin: 0;}
.product-box table {width: 100%;}
.product-box td {padding: 3px 0 15px;}
.product-box td:nth-child(2n) {text-align: right;}
.product-box td.price-td {color: #fd001a; font-size: 16px;}
.product-box .icon-td td {color: #ffc31a; font-size: 17px; font-weight: 600;}
.product-box td h4 {
font-size: 15px;
padding: 5px 0 6px 38px;
background: url("/assets/img/tag.png") no-repeat left center;
-webkit-background-size: 25px auto;
background-size: 25px auto;
}
.product-box td h4 a {color: #ffc31a; font-weight: 600; font-weight: normal;}
.product-box .text-muted {color: #1f1f1f !important; margin-top: 20px;}
.product-box .text-muted span {
color: #bcbcbc;
font-size: 14px;
display: block;
font-weight: 400;
margin-top: 5px;
}
.product-box .text-muted span span {color: #fd001a; display: inline-block;}
.product-box .card-title {display: inline-block; margin: 17px 0 0;}
.product-box .m-1 {float: right; margin: 0 !important;}
.checkout .product-box .img-square-wrapper img {
width: 85px;
height: 55px;
border-radius: 8px;
-o-border-radius: 8px;   
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.product-box .card-title a {color: #1f1f1f;}
.checkout .product-box .card-body {padding: 0 0 0 15px;}
.product-box a:hover, .product-box button:hover {opacity: 0.9;}
.checkout .product-box .btn-dang {
border-radius: 3px;
-o-border-radius: 3px;   
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px 16px !important;
margin-top: 7px !important;
}
.checkout .product-box .start-over {
margin: 0; 
color: #b7b7b7; 
padding: 11px 18px;
border-radius: 3px;
-o-border-radius: 3px;   
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.product-box .checkout-bottom button {
padding: 20px 23px; 
margin: 0;
}
.product-box .checkout-bottom .bg-midred {
border-radius: 3px;
-o-border-radius: 3px;   
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.info-box {
width: 100%;
display: inline-block;
padding: 36px 45px 30px 15px;
}
.title-icon {
padding: 0 0 0 40px;
background: url("/assets/img/ic.png") no-repeat left top;
}
.info-box p {color: #6e6d6d;}
.title-icon p {color: #6e6d6d;}
.info-box h2 {font-size: 23px; margin: 0 0 5px;}

/* Radiobox Style - ohne image */
.radiobox {
  margin: 25px 20px 8px 0;
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: #fff;
  /* width: 285px; */
  width: 300px;
  padding: 0;
}
.radiobox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radiobox input:checked ~ .radiomark:after {
  display: block;
}
.radiomark {
  position: absolute;
  top: 17px;
  right: 20px;
  height: 18px;
  width: 18px;
  background: #fff;
  border-radius: 24px;
  border: 1px solid #c6c5c5;
}
.radiobox .radiomark:after, .radiobox .radiomark:before {
  top: 0px;
  right: 0px;
  width: 18px;
  height: 18px;
  background:#002e89 ;
  border-radius: 50%;
}
.radiobox label {
width: 100%;
font-weight: 600;
margin: 0;
/* padding: 10px 0 10px 13px; */
padding: 10px 0 10px 0;
}
.radiobox-icon label, .radiobox-2 label {
padding: 0 0 0 46px;
padding: 16px 0 16px 60px;
background: url("/assets/img/image-small.png") no-repeat 23px center;
}
.radiobox-2 label {
background: url("/assets/img/image-small-2.png") no-repeat 23px center;
}

.radiomark:after, .radiomark:before {
  content: "";
  position: absolute;
  display: none;
}
.radiobox input:checked ~ .radiomark:after, .radiobox input:checked ~ .radiomark:before {
  display: block;
}
.radiobox .radiomark:after, .radiobox .radiomark:before {
  top: -1px;
  right: -1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #fd001a;
}
.radiobox .radiomark:before {
top: 3px;
right: 3px;
width: 10px;
height: 10px;
background: #fd001a;
z-index: 5;
}
.info-box h4 {
width: 100%;
font-size: 18px; 
font-weight: 400; 
margin-top: 40px; 
display: inline-block;
}
.delivery-box .radiobox {width: 190px; margin-right: 10px;}
.delivery-box .radiobox .radiomark {right: 9px;}
.delivery-box .radiobox label {
background: none;
font-size: 15px;
}
.delivery-box .radiobox span {
display: block;
font-size: 11px;
color: #8b8b8b;
font-weight: 400;
line-height: 100%;
}
.days-list ul {margin: 17px 0 0;}
section .info-box ul li::before {display: none;}
.days-list li {
display: inline-block; 
width: 77px; 
line-height: 31px;
margin-right: 7px;
margin-bottom: 7px;
list-style: none;
text-align: center;
}
.days-list a {
width: 100%;
font-size: 11px;
color: #bebebe;
padding: 0 10px;
display: inline-block;
background: #fff;
}
.days-list a:hover, .days-list .active a {
color: #fff;
text-decoration: none;
background: #fd001a;
}
.plan {width: 100%; display: inline-block; margin: 10px 0 0;}
.plan ul {margin: 18px 0 0;}
.plan li {float: left; margin: 0 0 10px 11px;}
.plan li:first-child {margin-left: 0;}
.plan li a {
color: #1b1b1b; 
font-size: 19px; 
font-weight: 600;
background: #fff;
border-radius: 5px;
-o-border-radius: 5px;   
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
padding: 22px 6px 8px;
}
.plan img {display: block; width: 52px; height: auto; margin: 0 auto 8px;}
.plan li strong {color: #fd001a; margin-right: 5px; font-weight: 600;}
.plan li span {font-size: 9px; font-weight: 400; color: #fd001a;}
.plan li.active a, .plan li a:hover  {
background: #fd001a;
text-decoration: none;
}
.plan li.active a, .plan li.active strong, .plan li.active span, 
.plan li a:hover, .plan li a:hover strong, .plan li a:hover span {color: #fff;}
.number-box .radiobox {
width: 151px;
margin-top: 0;
margin-right: 12px;
}
.number-box .radiobox label {
font-size: 15px;
line-height: 18px;
padding: 17px 0 17px 8px;
}
.number-box .radiomark {right: 7px;}
#select-food .info-box .menu-block {padding: 0 !important;}
#select-food .info-box .content {padding: 0 !important;}
#select-food .info-box .food-section button {
width: 104px;
margin-top: 10px !important;
}
#select-food .info-box .text-grey {
margin-bottom: 10px;
color: #abaaaa;
}
.info-box .food-section h5.card-title a {color: #1f1f1f; margin-top: 0;}
.info-box .food-section .text-red:hover {color: #fd001a;}




/* media query */
@media screen and (max-width: 1600px){
.half-burger {
  width: 93px;
  top: auto;
  bottom: 0;
}
/*.card-horizontal .float-right {
  width: 100%;
  margin: 10px 0;
}*/
.grey-bg .card-horizontal .float-right {
  margin: 0;
  width: auto;
}
}


@media screen and (max-width: 1500px){
/*.checkout-bottom .text-yellow {
    
    padding: 32px 15px 25px 45px !important;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
    background-position: 10px 30px;
  }
  .checkout-bottom .bg-light-red {
    font-size: 18px;
  }*/
}    
@media screen and (max-width: 1400px){
.container {
  max-width: 98%;
}
.mainmenu li {
  margin: 0 15px;
}
#third-section {
  padding: 70px 50px 30px;
}

#select-food .menu-block, #select-food .content {
  padding-left: 20px !important;
}
.img-square-wrapper {
  width: 37%;
  padding-right: 20px;
}
.card-body {
  padding: 30px 20px;
  width: 53%;
}

/* subscribe_save */
 /* subscribe_save end */




}
@media screen and (max-width: 1200px) and (min-width: 768px) {
section {
    padding: 100px 22px 30px 22px !important;
    
}
#zip-section h1 {
  font-size: 36px;
}
#fourth-section .block-wmud {
  height: auto;
}
.f-1 {
  font-size: 0.99rem;
  font-weight: 700;
}
/*.pt-5, .py-5 {
    padding-top: 1rem!important;
}*/
.stepper{
      font-size: 11px;
}
.stepper-b.px-5 {
      padding-left: 1rem!important;
      padding-right: 1rem!important;
  }
  #third-section .text-padding {
  padding-left: 5rem !important;
}
/*.p-4 {
    padding: 0.8rem!important;
}
.p-5 {
    padding: 1rem!important;
}*/
.navbar-light .navbar-nav .nav-link {
    color: #353535;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 10px;
    font-weight: 700;
    border-radius: 2px;
}
#fisrt-section .carousel-inner {
  padding-bottom: 3rem;
}
.f-6{
    font-size: 4rem;
}
#fisrt-section img.potato {
    position: absolute;
    z-index: 0;
    height: 550px;
    top: -100px;
    left: 52%;
    -webkit-transform: translateX(-50%);
}
#fisrt-section h1 {
    font-size: 3rem;
    line-height: 54px;
}
#fisrt-section .fee span {
    font-size: 17px;
    font-weight: 700;
    display: block;
    padding: 0!important;
}
#fisrt-section .pt-4.mt-4, .pb-5{
  margin-top: 0px!important;
  padding: 5px!important;
}
#fisrt-section .f-28 {
    font-size: 22px;
}
#fisrt-section .burger {
  position: absolute;
  bottom: -50px;
  padding-top: 135px;
  width: 147%;
  left: -26%;
}
/*.p-5 {
    padding: 1rem!important;
}
li {
    line-height: 18px;
}*/

/*.btn {
    padding: 6px 12px;
    font-size: 12px;
    margin: 5px;
    font-weight: 700;
    border-radius: 2px;
}*/
.cong.pb-5 {
 padding-top: 70px !important;
 padding-bottom: 70px !important;
}

#second-section .mt-5{
  margin-top: 10px!important;
}
#second-section.pt-5{
  padding-top: 0!important;
}
#fifth-section .py-5{
  padding: 0!important;
}

#second-section .pl-5, #second-section .px-5 {
    padding: 10px!important;
}
#third-section h1{
  font-size: 32px;
}
#third-section .img-ovelap {
    position: absolute;
    right: -9px;
    top: -11%;
}
#fourth-section  h5{
  margin: 5px 0!important;
}
#fourth-section  p{
  font-size: 13px;
  font-weight: 500;
  margin: 5px 0!important
}
#fourth-section .block-wmud {
    
    padding: 15px;
}
#fourth-section  h5{
  margin: 5px 0!important
}
#fifth-section .block {
  height: 300px;
  background: #fff;
}
/*    .mb-width {
      -ms-flex: 0 0 50%;
      flex: 0 0 100%;
      max-width: 100%;
  }*/
  #select-food .menu-block .options, .start-over {
    width: 12.8%;
  }
  /*#select-food .menu-block {
      text-align: center;
  }
  #select-food .menu-block .options, .start-over {
      display: inline-block;
      margin: 5px;
      width: 30%;
  }*/
/*    .column{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .column-1{
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }*/
  .selected-items {
      height: 752px;
      overflow: auto;
  }
 
  nav .logo {
    margin-right: 10px;
    width: 180px;
  }
  .mainmenu li {
    margin: 0 11px;
  }
  .fifth-section {
    padding-bottom: 0 !important;
  }
  #banner h1 { 
    font-size: 46px;
  }
  #banner h5 {
    font-size: 28px;
    margin: -10px 0 0 !important;
  }
  #fisrt-section .text-yellow {
    margin-bottom: 0;
  }
  #fisrt-section h1 span {
    font-size: 60px;
  }
  .meal-offer ul li {
    font-size: 16px;
    margin-top: 2px;
  }
 

  #third-section .text-padding {
  padding-left: 3rem !important;
}
#third-section p {
  font-size: 18px;
}

#fourth-section .bg-pink p {
  font-size: 16px;
}
#fifth-section p {
  font-size: 16px;
}
#fifth-section h5 {
  font-size: 16px;
}


#sixth-section li {
  font-size: 16px;
}
.content {
  height: 450px;
}
#zip-section p {
font-size: 18px;
}
#zip-section.zip-section.bg-light-red h5 {
  font-size: 18px;
}
}

@media screen and (max-width:1200px){
.elipsis {
  height: 50px;
}
.food-section .d-inline.float-right {
  margin-right: 10px !important;
}
#select-food .menu-block {
  padding: 10px 15px !important;
}

/*
#select-food .content {
  padding: 0 30px !important;
}

.card-body {
  padding: 20px;
}

  .checkout-bottom .text-yellow .float-right {
    width: 100%;
    margin-top: 10px;
  }
  .checkout-bottom .button {
    padding: 10px 25px !important;
  }
  .checkout-bottom .button button {
    font-size: 20px;
    text-align: left;
    width: 100%;
    padding: 5px 0;
  }
  .checkout-bottom .button .float-right {
  
  width: 100%;
  text-align: left;
}*/
.stepper .cell {
  font-size: 18px;
}
.cell.bd {
  width: 37px;
}
.stepper-b {
  padding-left: 20px;
}
.stepper-b label {
  font-size: 16px;
}
.medium-text {
  font-size: 20px;
}
.stepper-b .bootstrap-select {
  margin-top: 0;
}
/*.checkout-bottom .text-yellow {
    font-size: 18px;
    padding: 15px 15px 15px 25px !important;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    background-position: 10px 20px;
  }*/
 
 
 /* subscribe_save */
.radiobox {width: 48%; margin-right: 1%; margin-top: 15px;}
.radiobox-2 {float: right; margin-right: 0;}
.container {max-width: 100%;}
.info-box {padding-right: 15px;}
.delivery-box .radiobox {width: 32%; margin-right: 2%;}
.delivery-box .radiobox:last-child {margin-right: 0;}
.delivery-box .radiobox label {font-size: 12px; padding-left: 7px;}
.days-list li {width: 12%; margin-right: 2%;}
.days-list li:last-child {margin-right: 0;} 
.border-box {padding: 20px 12px 15px;}
.border-box img {margin: 20px 12px 60px 0;}
.product-box td:nth-child(2n) {padding-left: 5px; width: 25%;}
.checkout .product-box .card-body {padding-left: 2%;}
.checkout h4 {font-size: 15px;}
.checkout .product-box .img-square-wrapper img {width: 60px; height: auto;}
.checkout .product-box .btn-dang {padding: 10px !important;}
.product-box {padding-left: 5px; padding-right: 5px;}
.product-box .checkout-bottom button {padding: 12px 20px;}
/* subscribe_save end */
 
}
@media screen and (max-width:1024px){
.mb-width {
      -ms-flex: 0 0 50%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  .checkout-top button {
    float: left;
    margin-left: 0;
    padding-left: 0;
  }
  .checkout .btn-dang {
    width: 100%;
  }
  .checkout-bottom .text-yellow {
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
    padding-top: 16px !important;
    padding-left: 16px !important;
  }
#banner.dinner img {
  width: 100%;
}
#second-section {
  padding-top: 50px !important;
}
.cong img {
  width: 300px;
}


.checkout .empty {
  padding-top: 50px;
}
.navbar {
  padding: 10px 0;
}	
#second-section img {
  width: 60%;
}
#second-section h4 {
  font-size: 18px;
}
#third-section .text-padding {
  padding-left: 3rem !important;
}
.pl-4, .px-4 {
  padding: 0 0.5rem !important;
}
#fourth-section .block-wmud {
  height: auto;
  padding: 15px !important;
}
#fifth-section .carousel-inner .bg-white {
  padding: 15px !important;
}
#fifth-section .quote {
  width: 50%;
}
#fifth-section h5 {
  font-size: 16px;
  bottom: 20px;
}
.content {
  height: 350px;
}
.navbar-collapse {
  align-items: flex-start;
  
}
.navbar-light .navbar-toggler {
  display: block;
      -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

#select-food .menu-block .options, .start-over {
  width: 18%;
}

  .navbar-collapse.collapse {
      display: none!important;
      opacity: 0;
      visibility: hidden;
        -webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
  }
  .navbar-collapse.collapse.show {
    opacity: 1;
    visibility: visible;
      display: block !important;
      
      
       animation: slideInRight; /* referring directly to the animation's @keyframe declaration */
animation-duration: 0.5s; /* don't forget to set a duration! */
  }

 
.navbar-expand-md .navbar-collapse {
  justify-content: left;
}
#navbarCollapse {
  position: fixed;
  width: 250px;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 777;
  height: 100%;
  padding-top: 70px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
  
}
.navbar-nav {
  display: block !important;
  padding: 0 23px;
  position: absolute;
  bottom: 20px;
  left: 0;
}
.navbar-nav .btn {
  font-size: 16px;
  display: block;
  margin-top: 15px;
  padding: 15px 40px;
}
.mainmenu li {
  margin: 0;
  display: block;
}
.navbar-light .navbar-nav a, .mainmenu a {
  display: block;
  padding: 10px 30px;
}
.navbar-toggler {
  position: absolute;
  right: 30px;
  top: 28px;
  z-index: 7778;
  width: 20px;
  padding: 0;
  outline: none !important;
  border: none;
}
.navbar-toggler span {
  background: #353535 !important;
  display: block;
  height: 2px;
  margin-bottom: 4px;
  width: 100%;
}
.navbar-toggler span {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  .navbar-toggler.open {
    right: 200px;
    position: fixed;
    
       animation: slideInRight; /* referring directly to the animation's @keyframe declaration */
animation-duration: 0.5s; /* don't forget to set a duration! */
  }
  .navbar-toggler.open span:nth-of-type(1) {
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(45deg);
      position: relative;
      top: 7px;
  }
  .navbar-toggler.open span:nth-of-type(2) {
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(-45deg);
      top: 1px;
      position: relative;
  }
   .navbar-toggler.open span:nth-of-type(3) {
      display: none;
  }
  .place h2 {
    font-size: 46px;
  }
  .place p {
    font-size: 18px;
  }
  
  #select-food .menu-block .options, .start-over {
    font-size: 16px;
  }
/*    .checkout .start-over, .checkout-bottom .button .float-right {
    width: 100%;
    margin-top: 10px;
  }*/
  .checkout-bottom .button .float-right {
    text-align: left;
  }
  .checkout {
  padding: 10px !important;
}
.checkout h5 {
  margin-top: 10px;
  font-size: 20px;
}
.modal#foodDetailsModal button {
  margin-bottom: 20px;
}
.stepper .cell {
  font-size: 16px;
}
.cell.bd {
  width: 24px;
  top: -3px;
}

/* subscribe_save */
 .number-box .radiobox {width: 30%; margin-right: 2%;}
 .product-box .card-horizontal {display: inline-block;}
 .checkout .product-box .img-square-wrapper {width: 100%; text-align: center;}
 .checkout .product-box .img-square-wrapper img {width: 50%;}
 .product-box .selected-items {height: auto;}
 /* subscribe_save end */

}
@media screen and (max-width:767px){
.bootstrap-select .btn {
  padding-left: 15px;
}
.checkout-bottom .bg-light-red {
  margin-top: 15px;
}
.food-section .plusminusunit {
  top: -11px;
}
.checkout-top button {
  float: right;
}
.checkout .btn-dang {
  width: auto;
}
#zip-section input {margin-right: 0;}
section {
    padding: 20px 10px;
}
.modal-body > .w-100 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.modal-body img.button {
  padding-right: 20px !important;
}
/* nav, nav  a{
  padding-right: 0!important;
  padding-left: 0!important;
}*/
nav .logo {
    width: 170px;
    margin-left: 0;
    margin-top: 0px;
    margin-right: 0;
    z-index: 10;
    background: #fff!important;
}
nav .container {
    background: #fff;
    z-index: 2;
}
#alert.alert-dismissible .close {
    position: absolute;
    top: 30%;
    right: 20px;
}
#fisrt-section .pl-5, #fisrt-section .px-5,#fisrt-section .pr-5 {
    padding-left: 5px!important;
    padding-right: 0!important;
}

#fisrt-section .sub-text{
  font-size: 28px;
}
#fisrt-section .burger {
    bottom: -40px;
    padding-top: 0;
}
#fisrt-section img.potato {
    height: 238px;
    top: -130px;
    left: 50%;
}
#fisrt-section .carousel-inner {
    padding-bottom: 0;
}
#fisrt-section button {
        margin: 10px;
}
#fisrt-section .meal-offer span {
        display: block;
}

#third-section {
  padding-top: 80px;
}
#third-section .img-ovelap {
    position: absolute;
    right: 0;
    top: -19%;
}
#third-section .img-ovelap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#third-section .text-padding {
    padding-left: 15px!important;
    margin-top: 50px;
}
ul{
    padding-inline-start: 0px!important;
}
.content .carousel-item>div{
  padding-top: 0!important;
}
.f-6 {
    font-size: 4.2rem;
}
.p-l-70 {
    padding-left: 0;
}
.alert strong {
    margin-left: 0;
}
#banner .mt-5{
    margin: 10px 0!important;
}

#select-food .food-section{
  float: none!important;
}
#select-food .food-section img{
  width: 100%;
}
#select-food .menu-block {
    text-align: center;
}
#select-food .menu-block .options, .start-over {
    display: inline-block;
    margin: 5px;
    width: 30%;
}
.content {
    height: 467px;
}
.price {
  margin-right: 10px!important;
}
.stepper{
  font-size: 10px;
}

#second-section {
  padding-bottom: 20px;
}
#fourth-section {
  padding: 40px 20px;
}
#fifth-section h5 {
  position: relative;
  left: 0;
  bottom: 0;
}
 #banner h1 { 
    font-size: 36px;
  }
  #banner h5 {
    font-size: 22px;
    margin: 0 !important;
  }
  #fisrt-section .text-yellow {
    margin-bottom: 0;
  }
  #second-section p {
    font-size: 16px;
  }
  #second-section h4 {
    min-height: inherit;
  }
  #third-section h1, #sixth-section h2 {
    font-size: 36px;
    padding-top: 0;
  }
  .fifth-section {
    padding-top: 30px;
  }
 
  #fisrt-section h1 br {
    display: none;
  }
  #third-section h1 {
    padding-top: 30px;
  }
  #fifth-section p {
    font-size: 20px;
  }
  .content {
    height: auto;
  }
  #second-section h4 {
    font-size: 22px;
  }
  .carousel-indicators {
    bottom: 0;
  }
  #fifth-section h2, #fourth-section h2 {
    font-size: 36px;
  }
  #third-section p {
    font-size: 18px;
  }
  #third-section {
    padding: 20px;
  }
  #zip-section h1 {
  font-size: 36px;
  }
  #zip-section h5 {
    font-size: 18px;
  }
  #zip-section p {
font-size: 18px;
}
#zip-section.zip-section.bg-light-red h5 {
  font-size: 18px;
}
nav .logo {
  margin-left: 10px;
}
.with {
  padding: 0 0 15px !important;
}
#select-food .menu-block {
  padding: 5px !important;
}
#select-food .content {
  padding: 0 20px !important;
}
#select-food .content {
  float: none;
}
.place2 {
  padding-top: 15px;
}
#select-food .menu-block {
  padding: 0px !important;
  margin: 10px -5px;
}
.checkout-bottom {
  margin-top: -40px;
}
.checkout-bottom .bg-white {
  margin-top: 0;
}
.place2 .d-inline {
  font-size: 16px;
}
.place2 .d-inline.text-white {
  margin-top: 3px;
}
.place2 i {
  font-size: 20px;
}
.checkout .empty {
  padding-top: 0px;
  padding-bottom: 20px;
}
.cong img {
  width: 230px;
}
.cong {
  padding-top: 50px !important;
  padding-bottom: 20px !important;
}
.cong h2 {
  font-size: 36px;
}
.cong .la {
  font-size: 16px;
}
.zip-section .col-sm-6 {
  text-align: center;
}
#zip-section p {
  text-align: left;
} 
/* subscribe_save */
.days-list li {width: 13%; margin-right: 1%;}
.plan li {width: 30%; margin-right: 2%;}
.plan li a {width: 100%; text-align: center;}
#select-food .info-box .menu-block .options {width: 17%;}
#select-food .info-box .menu-block {text-align: left;}
.border-box img {margin-top: 5px;}
.checkout .product-box h4 {font-size: 17px;}
 .checkout .product-box .img-square-wrapper { width: 80px;}
 .checkout .product-box .img-square-wrapper img {width: 100%;}
 .product-box .card-horizontal {display: flex;}
 .product-box .checkout-bottom {margin-top: 0;}
/* subscribe_save end */

}
@media (max-width: 600px){
#select-food .menu-block {
    margin: 10px 5px;
}
/* subscribe_save */
.delivery-box .radiobox {width: 100%;}
.delivery-box .radiobox label {font-size: 15px; padding-left: 12px;}
.days-list li {width: 23%;}
.plan li, .number-box .radiobox {width: 47%; float: left; margin: 0 0 15px;}
.plan li:nth-child(2n), .number-box .radiobox:nth-child(2n)  {float: right;}
#select-food .info-box .menu-block .options {width: 22%;}
.info-box {padding-bottom: 0;}
.product-box {padding-top: 10px;}
/* subscribe_save end */

}
@media (max-width: 400px){
.food-section .d-inline.float-right {
  width: 100%;
  margin-right: 0 !important;
  margin-top: 10px;
}
#checkout-step .img-square-wrapper {
  width: 33%;
  padding: 20px 0 20px 10px !important;
}

/* subscribe_save */
.radiobox {width: 100%;}
.info-box h4 {margin-top: 20px;}
.number-box .radiobox {width: 100%;}
#select-food .info-box .menu-block .options {width: 46%; margin: 0 0 15px;}
#select-food .info-box .menu-block .options:nth-child(2n) {float: right;}
/* subscribe_save end */


}

.cursor-pointer{
  cursor:pointer;
}
.myAccountSubMenu .options {
  border-radius: 0px !important;
  padding: 10px 8px !important;
  margin-bottom: 10px !important;
}

.staticContext{
  font-weight: normal;
  font-size:18px !important;
}
.TeamsBorder {
  border: solid 1px #f06d06;
  border-radius: 50%;
  padding: 10px;
  background-clip: content-box;
  background-color: white;
  font-size: 20px;
  cursor: pointer;
}
.TeamBox{
  border:1px solid gray;
}

.popImgWidth{
  width:300px !important;
}


#slider-section .marquee-body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  font-family: 'Montserrat', sans-serif;
  background-color: #eee;
  color: #111;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-black{
  color: #000;
}