@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@font-face {
    font-family: 'montserratbold';
    src: url('./font/montserrat-bold-webfont.woff2') format('woff2'),
         url('./font/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


   

@font-face {
    font-family: 'montserratmedium';
    src: url('./font/montserrat-medium-webfont.woff2') format('woff2'),
         url('./font/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 



@font-face {
    font-family: 'montserratregular';
    src: url('./font/montserrat-regular-webfont.woff2') format('woff2'),
         url('./font/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratsemibold';
    src: url('./font/montserrat-semibold-webfont.woff2') format('woff2'),
         url('./font/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	/*font-family: 'montserrat';*/
       font-family:'Montserrat', sans-serif;/
	font-weight: bold;
}


* {

	margin: 0;

	padding: 0

}



body {

	/*font-family: 'montserrat';*/
       font-family:'Montserrat', sans-serif;/

	overflow-x: hidden;
	padding-right: 0 !important; 

}
.modal-open {
    padding-right: 0px !important;
}
body:not(.modal-open){
  padding-right: 0px !important;
}

p {

	font-size: 14px;

	color: #666

}



h3 {

	font-weight: 600;

	font-size: 25px;

	color: #282b4a

}



ul {

	padding-left: 0;

	list-style: none;

	margin-bottom: 0

}



a {

	color: #182333

}



a:hover {

	text-decoration: none

}
.btn.focus, .btn:focus{outline:none; box-shadow:none;}
label.error{margin:.2rem 0!important;}

body i {

	font-weight: 600

}



.menu-container {

	justify-content: flex-end;

	align-items: center;

	line-height: 40px

}

#search-pop-header .modal-dialog.modal-md.modal-dialog-centered {

	margin: auto;
	overflow: hidden;
}   


.cartb:hover .cartb_img {
	transform: scale(1.1);
	
}
.cartb:hover{cursor:pointer;}


.cartb:hover .cartb_txt {
	transform: scale(1.1);
}

header.main-header {

	background: rgb(246 227 0);
        height:78px;
	

}

.topbar-container {

    padding: 15px 1.5rem;

    height: 51px;

    background-repeat: repeat-x;

    background-position: left top;

}



.topbar-container .row {

    align-items: center;

}



.large-logo {

	max-width: 200px

}



.topbar__title-container {

	text-align: center;

	cursor: pointer;

}

.topbar__title-container a img{width:25px; margin-right:8px;}
.topbar__title-container a{border-bottom: 1px solid #696969; padding-bottom:5px;}

.icon-country span img {

	width: 24px;

	height: 24px;

	border-radius: 50px;

	border: 4px solid #fff;

	overflow: hidden

}

ul.menutop {
  list-style: none;
  padding: 0;
  margin: 0px 0;
  text-align: right;
}
ul.menutop li {
  display: inline-block;
  padding: 0 5px;
  cursor:pointer;
}

ul.menutop li a {

    color: #000;
    font-size: 14px;

}
ul.menutop img {
  width: 20px;
  margin-right: 10px;
  margin-top: -2px;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

header.main-header .topbar__title {

    color: #000;

    font-weight: 500;

    display: inline-block;

    padding: 5px;
font-size:14px;

}



.menu-right i {

	color: #fff;

	cursor: pointer

}



.menu-right {

	margin-left: 25px

}

.menu-right span {

    cursor: pointer;

}



.menu-right .img-fluid {

    max-width: 40px;

    opacity: 0.7;

}



.menu-right .img-fluid:hover{opacity: 1;}



.hero {

	height: 200px;

	overflow-y: hidden

}



.review-stars-range::before {

	color: rgb(246 227 0);

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}



.review-stars-range::before, .review-stars::before {

	content: "    ";

	font-family: "Font Awesome 5 Free";

	font-weight: 900

}



.review-stars {

	margin-right: 5px;

	width: auto;

	height: 28px;

	overflow: hidden !important;

	position: relative;

}



.review-stars-range {

	display: inline-block !important;

	width: 80%;

	height: 100%;

	position: absolute;

	left: 0

}



.pricecolor {

	color: #0a3847 !important;

}



.img-center span {

    overflow: hidden;

    position: absolute;

    top:-59px;

    align-items: center;

    justify-content: center;

    width: 130px;

    height: 130px;

    padding: 10px 25px;

    background: url(../images/logo_bg.png);

    right: 0; background-repeat:no-repeat;

    background-size: 100%;

}



.desc-heading + p {

	margin-bottom: 10px;

}



.img-center img {

    height: 72px;

    max-width: 104px;

    margin-top: 13px;

}



.img-center {

	position: relative

}



.info {

	border-right: 1px solid #ebebeb;

	background-image: url(../images/ic_info.svg);

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: 5px 16px;

	cursor: pointer

}



.star-rating > span {

	font-size: 12px;

	cursor: pointer;

  color: #e70404;

}
.reviews i{color: #e70404;}


.slide-sec .item a {

    font-size: 15px;


    font-weight:600;

    margin: 0 10px;

    line-height: 2;

}

.large-logo {

	max-width: 46px;

	object-fit: contain

}



.heart {

	background-image: url(../images/ic_empty_fav.svg);

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: 17px;

	cursor: pointer

}



.heart, .info {

    justify-content: center;

    width: 44px;

    height: 44px;

    color: #0a3847;

    border-radius: 50%;

    border: 1px solid #ccc;

    margin: 0 0 0 5px;

}



.icon-right {

	background: #fff;

	display: inline-flex;

	height: 48px;

	line-height: 46px;

	text-align: center;

	float: right

}



.food-name p a {

	transition: .2s ease all

}



.food-name p a:hover, .main-footer li a:hover {

	text-decoration: underline

}



.review-stars.notranslate:before {

	color: #d7d7d7

}



.basket-button--secondary {

	background-color: #fff;

	/*border-bottom: 1px solid #f8f5f2;*/

	cursor: default;

	height: 37px

}



.basket-button {

	font-weight: 600;

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-align: center;

	align-items: center;

	color: #fff;

	font-size: 16px;

	font-stretch: normal;

	font-style: normal;

	letter-spacing: normal;

	line-height: 1.38;

	min-width: 275px;

	margin: 0 !important;

	position: relative;

	text-align: center;

	overflow: hidden;

	width: 100%;

	cursor: pointer

}



div#empty i {

	display: block;

	font-size: 2rem;

	padding: 20px 0;

	text-align: center;

	color: #d7d7d7

}



div#empty span.basket-empty__text {

	text-align: center;

	display: block;

	font-size: 14px;

	color: #666;

	padding: 15px 0 30px

}



.basket.basket-container__scroller {

	background-color: #fff;

}



.basket-container {

	top: 77px;

	position: fixed;

	display: inline-block;

	background-color: #fff;

	z-index: 99;

	right: 0;

	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);

	width:25%;


	height: 100%;

	transition: .3s ease all

}



p.basket-button__label {

	margin-bottom: 0

}



.cartbutton-button {

	border-bottom-color: #1574f5 !important;

	background-color: #1574f5;

	position: relative;

	height: 64px;

	line-height: 64px;

	width: calc(100% - 24px);

	margin: 0 auto;

	display: block;

	text-align: center;

	border-bottom: 0;

	border-radius: 2px;

	font-weight: 600

}



.cart-price {

	min-width: 85px;

	text-align: right;

	white-space: nowrap

}



.cart-item .cart-data.total-sum {

	font-weight: 700;

	color: #000

}



.cart-item .cart-data span {

	font-size: 13px

}



.cart-item .cart-data {

	justify-content: space-between

}



.star-rating {

	align-items: center

}



.slide-content {

	height: 64px;

	background-color: #fff;

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	flex-direction: row;

	color: #0a3847;

	position: sticky;

	top: 0; border-bottom:1px solid #7f7f7f;

	z-index: 2

}



.head-top h3 {

	font-size: 18px;

	margin-bottom: 0

}



.head-top {

	background-color: #f8f5f2;

	border-radius: 2px;

	padding: 19px 22px;

	border: 1px solid #f8f5f2

}



.slide-sec {

	padding: 20px 0;

	position: relative;

	overflow: hidden

}



.slide-sec button.owl-next:after {

	content: "";

	font-family: "Font Awesome 5 Free";

	font-weight: 900

}



.slide-sec button.owl-prev {

	display: none !important

}



.slide-sec button.owl-next span {

	font-size: 0

}



.slide-sec button.owl-next:hover {

	color: #666 !important

}



.slide-sec button.owl-next {

	outline: none !important;

	background: #fff !important;

	height: 100%;

	width: 50px;

	position: absolute;

	top: -17px !important;

	right: 0;

	min-height: 63px;

	margin: 0 !important

}



.meal-des .inner-des {

	max-width: calc(100% - 100px);

	margin: 0 2% 0 0;

	flex: 1

}



.right-add {

	flex: 0 0 100px;text-align: right;

}



.meal-des {

	border-color: #ebebeb !important;

	position: relative;

	transition: .2s ease all;

	cursor: pointer

}

.right-add a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #ccc;

    text-align: center;

    border-radius: 50%;

    transition: .3s ease all;

    color: rgb(246 227 0);

    display: inline-block;    margin-top: 6px;

}

.addToCartSimpleProduct:hover .right-add a, .variantProduct:hover .right-add a, .meal-des.selected_current .right-add a{

	color: #fff;border: 1px solid rgb(246 227 0);

	background: rgb(246 227 0);

}



.inner-des p {

	margin-bottom: 10px

}



.inner-des .desc-heading {

	font-weight: 600;

	font-size: 18px;

	line-height: 1.22;

	color: #0a3847;

	margin-bottom: 6px

}



.meal-description p {

	font-style: italic;

	font-size: 12px;

	line-height: 1.5

}



.desc-heading a {

	font-size: 14px

}

.desc-heading a.openDescriptionModal {

    font-size: 15px;

    margin-left: 6px;

}

span.meal-price {

	font-weight: 600;

	font-size: 18px;

	line-height: 1.22;

	letter-spacing: inherit

}



.desc-heading a:hover {

	text-decoration: underline

}



.meal-des:hover {

	background: #eef7fa;

	box-shadow: 0 1px 1px #cfcac4

}



.inner-des > p {

	font-weight: 400;

	font-size: 14px;

	line-height: 1.5;

	margin-bottom: 5px

}



.post-img {

	height: 185px;

	overflow: hidden

}



.post-des {

    background-color: #f8f5f2;

    padding: 19px 22px 10px;

}



.post-des h4 {

	font-size: 18px;

	font-weight: 600;

	line-height: 22px;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #0a3847;

	margin-bottom: 5px;

	font-family: inherit

}



.post-des span {
	font-size: 12px;
	line-height: 1.83;
	font-weight: 600;
	color: #666;
}



.post-des p {

	margin-bottom: 8px;

	color: #0a3847;

	font-size: 12px;

	font-weight: 300;

	font-family: Roboto Slab, Arial, serif;

	line-height: 1.83

}



.topbar__logo .back {

	color: #000;

}



.stick-top .basket-container {

	top: 0 !important

}



.basket-container.fixed {

	top: 0

}



.menucard-imprint__heading {

	font-weight: 600;

	font-size: 18px;

	padding: 0;

	line-height: 48px;

	color: #0a3847;

	margin: 0

}



.menucard-resolution-url a {

	text-decoration: underline;

	color: #666

}



.menucard-imprint__section {

	font-weight: 400;

	color: #666;

	line-height: 1.71;

	letter-spacing: normal;

	font-size: 14px;

	margin-bottom: 40px

}



.main-footer {

	background-color: #0a3847;

	position: relative;

	z-index: 16;

	padding: 40px 0 !important;

}



.main-footer li a {

	font-size: 14px;

	color: #fff;

	font-weight: 400

}



.copyright {

	text-align: center;

	color: #fff;

	padding: 40px 0 0;

	font-weight: 400;

	font-size: 14px

}



.main-footer li:last-child {

	margin: 0

}



.main-footer li {

	display: inline-block;

	margin: 0 18px;

}



.copyright a {

	color: #fff

}



.container {

	max-width: 1020px

}



footer .container {

	max-width: 1140px

}



input.search-cstm.form-control {

	position: absolute;

	z-index: 99;

	left: 60px;

	width: 0;

	border-radius: 0;

	height: 40px;

	display: none;

	font-size: 14px;

	box-shadow: none;

	outline: none

}



.slide-content .close {

	position: absolute;

	right: 5px;

	z-index: 99;

	background: #fff;

	width: 40px;

	height: 40px;

	display: none;

	line-height: 40px !important;

	text-align: center;

	opacity: 1;

	font-size: 15px;

	border: 1px solid #ddd

}



.slide-content .close:hover {

	opacity: 1 !important

}



.search-left {

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	justify-content: center;

	align-items: center;

	cursor: pointer;

	margin-left: 16px;

	height: 40px;

	padding: 3px;

	margin-top: 12px

}

.search-left img {

    width: 30px;

}







.slide-content.active .fa.fa-times.close {

	display: block

}



.slide-content.active .search-left {

	background: #fff;

	border: 1px solid #ddd

}



/*.slide-content.active input.search-cstm.form-control{width:90%;display:block}*/

.slide-content.active input.search-cstm.form-control {

	width: calc(100% - 97px);

	left: 53px;

	display: flex;

}



::-webkit-input-placeholder {

	color: #cfcac4

}



.banner-home {

	background: rgb(246 227 0)

}



.banner-home .container {

	text-align: center;

	padding: 11px 15px 0;

	max-width: 660px

}



.banner-home h2 {

	font-size: 72px;

	color: #fff;

	font-weight: 600;

	margin-bottom: 0

}



.banner-home p {

	font-size: 26px;

	padding: 0 0 16px;

	margin: 0;

	color: #fff

}



.search-home {

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	background: #fff;

	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);

	position: relative;

	border-radius: 2px

}



.search-home input {

	font-weight: 400;

	background-color: #fff;

	font-size: 15px;

	width: 100%;

	-webkit-appearance: none;

	height: 3rem;

	padding: 0 1rem 0 2.7rem;

	outline: none;

	border: none;

	box-shadow: none

}



.btn.btn-search {

	font-weight: 600;

	display: inline-block;

	height: 3rem;

	line-height: 3rem;

	text-align: center;

	font-size: 1rem;

	background-color: #e70404;

	color: #fff;

	cursor: pointer;

	border: 1px solid #e70404;

	border-radius: 0;

	padding: 0 2rem;

	white-space: nowrap

}



.search-home i, .search-location i {

	font-size: 1rem;

	position: absolute;

	left: 1rem;

	top: 50%;

	transform: translateY(-50%);

	z-index: 50;

	color: #d7d7d7

}



.btn.btn-search:hover {

	background: #990101;

	border-color: #990101

}



.subheader__slope {

	position: absolute;

	width: 100%;

	height: 9vw;

	top: 0;

	overflow: hidden;

	clip-path: polygon(0 0, 0 100%, 100% 0, 100% 0);

	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);

	background: rgb(246 227 0)

}



.subheader {

	position: relative

}



.subheader__image {

	background: url(../images/burger.jpg) 50% 50% / cover;

	min-height: 478px;

	max-height: 65vw;

	height: calc(100vh - 430px);

}



.head-res h3 {

	font-weight: 600;

	margin: 8px 0 16px;

	color: rgb(246 227 0);

	font-size: 30px;

	line-height: 2rem

}



.head-res span {

	margin: 8px 0 16px;

	color: #0a3847;

	font-size: 22px;

	line-height: 1.4rem;

	display: block

}



.py-60 {

	padding: 60px 0

}



.res-icon {

	position: relative;

	text-align: center

}



.res-icon span {

	display: inline-block;

	width: 35px;

	height: 35px;

	line-height: 35px;

	color: #fff;

	border-radius: 50%;

	background-color: #0a3847;

	font-size: 15px;

	left: 30%;

	bottom: -20px;

	position: absolute

}



.res-icon img {

	max-width: 100px

}



.bx-contain h3 {

	margin: 58px 0 16px;

	color: #0a3847;

	font-size: 18px

}



.bx-3 .res-icon img {

	max-width: 152px

}



.bx-contain {

	position: relative

}



.bx-contain::after {

	content: "";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	top: 25%;

	right: -30px;

	color: #999

}



.head-res {

	margin-bottom: 80px

}



.bx-3:after {

	display: none

}



.app-sec span {

	padding: 4px 10px;

	background: #261e1e;

	color: #fff;

	font-size: 33px;

	display: inline-block;

	letter-spacing: 2px

}



.app-sec {

	padding: 60px 0 0;

	background: rgb(246 227 0)

}



.app-sec .respan {

	margin: 8px 0 16px

}



.app-sec-icon {

	margin: 60px 0 120px

}



.app-img-sec img {

	max-width: 280px;

	width: 100%;

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 0;

}



.px-icon {

	width: 90px;

	height: 90px;

	display: inline-block;

	border-radius: 50%;

	background: rgb(246 227 0);

	text-align: center;

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	top: -45px;

	line-height: 90px;

	box-shadow: 2px 2px 10px 0 hsla(0, 0%, 50%, .4)

}



.owl-carousel .owl-item img {

	display: inline-block

}



.owl-carousel .owl-item .px-icon img {

	width: 45px

}



.owl-carousel .owl-item .px-icon img:not(:first-child) {

	width: 50px

}



.px-box {

	border: 1px solid #f8f5f2;

	background: #fff;

	position: relative;

	min-height: 350px;

	padding: 16px;

	box-shadow: 2px 2px 10px 0 hsla(0, 0%, 50%, .4);

	margin: 60px 5px 10px;

	transition: .3s ease all

}



.px-box:hover {

	transform: translateY(-10px);

	box-shadow: 1px 2px 15px 0 hsla(0, 0%, 50%, .4)

}



.px-headline {

	font-weight: 600;

	padding: 60px 0 20px;

	margin: 8px 0 16px;

	color: #0a3847;

	font-size: 18px

}



.px-listbox li a:hover {

	color: rgb(246 227 0)

}



.px-listbox li a {

	color: #0a3847

}



.px-listbox li:before {

	content: "\f00c";

	position: absolute;

	left: 0;

	top: 0;

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	color: rgb(246 227 0);

}



.px-listbox li {

	font-size: 15px;

	line-height: 1.5;

	position: relative;

	padding: 0 8px 16px 35px

}



.crown-sec .head-res {

	margin-bottom: 60px

}



.textcontent-text a {

	font-size: 15px;

	display: inline-block;

	color: #0a3847

}



.com-img img {

	max-width: 400px

}



.crown-sec, .tab-gallery, .mehr-sec {

	background: #f8f5f2

}



ul#myTab {

	border-bottom: 1px solid #ccc

}



ul#myTab li.nav-item {

	overflow: hidden;

	display: inline-block;

	margin: 8px 16px 0

}



.nav-tabs .nav-link:before {

	position: absolute;

	content: "";

	height: 2px;

	background: rgb(246 227 0);

	bottom: 0;

	transition: .3s ease all;

	width: 0;

	left: 0

}



.nav-tabs .nav-link.active:before {

	width: 100%

}



.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {

	color: rgb(246 227 0)

}



.nav-tabs .nav-link.active {

	background: none

}



.nav-tabs .nav-link {

	position: relative;

	font-size: 15px;

	transition: .3s ease all;

	padding: 8px;

	text-align: center;

	border: none;

	color: #0a3847;

}



.tab_content li.grid {

	display: inline-block;

	position: relative;

	margin: 9px

}



.tab_content .tabslider-links:before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 6px;

	top: 0;

	background: #333;

	opacity: .6

}



.tab_content .grid .tabslider-link-text {

	position: absolute;

	left: 50%;

	transform: translate(-50%, -50%);

	font-weight: 500;

	text-align: center;

	word-wrap: break-word;

	width: 80%;

	font-size: 18px;

	top: 50%;

	color: #fff

}

#Reorder {
    display: flex;
    margin: 10px 0 0 0;
    position: relative;
}

.change_Order {
    flex: 0 0 calc(100% - 180px);
}

.change_Order_First {
    flex: 0 0 180px;
    position: relative;
    margin-top: -8px;
}

.tab_content li div img {

	height: 100%

}



.tab_content li div {

	display: inline-block;

	overflow: hidden;

	width: 225px;

	height: 160px

}



.tabslider-links {

	display: block

}



.tabslider-links:hover:before {

	opacity: .3

}



#states a:before {

	display: none

}



.common-links a {

	color: #0a3847;

	font-size: 15px

}



.common-links .list {

	width: 50%;

	height: 60px;

	color: #666;

	padding: 2%;

	float: left;

	list-style: none;

	text-align: center

}



.textcontent-text h3 {

	font-weight: 400;

	margin: 8px 0 16px;

	color: #0a3847;

	font-size: 1.4rem;

	line-height: 1.6rem

}



.footer-top hr {

	border-top: 1px solid #fff

}



.main-footer .footer-content li {

	display: block;

	margin: 0;

	height: 48px;

	line-height: 28px

}



.main-footer li a i {

	font-size: 18px;

	margin-right: 15px

}



.footer-content a {

	color: #fff;

	line-height: 1.5;

	display: inline-block;

	cursor: pointer;

	white-space: nowrap;

	font-size: 14px

}



.footer-content h3 {

	font-size: 16px;

	line-height: 24px;

	letter-spacing: normal;

	color: #fff

}



.social {

	margin-bottom: 90px;

	display: none

}



.social h3 {

	color: #fff;

	font-size: 16px;

	margin-bottom: 30px

}



.main-footer .social ul li {

	margin: 0 45px

}



.social ul a i {

	font-size: 25px;

	margin-right: 0

}



#slide-deliver.slider-div-cs.owl-theme .owl-nav {

	margin-top: 20px

}



.crown-sec {

	position: relative;

	z-index: 99;

}



/*slider css*/

.tab-gallery .carousel-indicators li {

	width: auto;

	font-size: 349px;

	height: 100%;

	text-indent: inherit;

	background: transparent;

	border: none;

	position: static;

	clear: both;

	opacity: 1

}



.tab-gallery .carousel-control-prev-icon:before {

	left: -10px

}



.tab-gallery .carousel-control-prev-icon:before, .tab-gallery .carousel-control-next-icon:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	color: #666;

	font-size: 0;

}



.tab-gallery span.carousel-control-prev-icon {

	transform: rotate(180deg);

	top: 30px

}



.tab-gallery .carousel-control-next-icon, .tab-gallery .carousel-control-prev-icon {

	position: relative;

	background: none

}



.tab-gallery .carousel-control-prev, .tab-gallery .carousel-control-next {

	width: auto;

	opacity: 1

}



div#carousel1_indicator .carousel-indicators {

	position: static;

	width: 100%;

	justify-content: end;

	margin: 0 auto

}



.nav-item.active .nav-link, .nav-item.active .nav-link.active, .nav-item.active .nav-link:hover {

	color: rgb(246 227 0)

}



.nav-item.active .nav-link:before, .nav-item .nav-link:hover:before {

	width: 100%

}



/*slider css*/

.modal h2 {

	font-size: 20px;

	margin-bottom: 4px

}



.modal .modal-header {

	padding: 10px 12px 0 20px;

	border-bottom: 0

}

#cartpopup .modal-header{padding: 10px 12px 43px 20px; background:#a20101;}

.modal h3 {

	font-size: 18px

}



.modal .modal-footer p {

	font-size: 12px;

	color: #666;

	margin-top: 0;

	display: block;

	margin-left: 0;

	margin-right: auto

}



.modal ul li {

	font-weight: 400;

	color: #0a3847;

	font-size: 14px;

	position: relative;

	padding-left: 15px

}



#pro-info.modal .modal-body {

	padding: 35px

}



.modal .modal-md {

	max-width: 672px

}



.modal-footer {

	border-top: 0;

	display: none;

	padding: 0 35px 25px

}



.product_description.my-4 {

	margin-top: 2rem !important;

	margin-bottom: 10px !important;

}





span.cart-meal-extra.grey {

	padding: 0 0 8px 32px;

	color: #666;

	font-size: 11px;

}



.modal ul li {

	color: #0a3847;

	font-size: 14px;

}



/*.meal.meal__bottom-wrapper h3 {*/

/*	font-size: 12px*/

/*}*/

.meal.meal__bottom-wrapper h3 {

	font-weight: 400;

	font-size: 12px;

	font-style: normal;

	font-stretch: normal;

	line-height: normal;

	letter-spacing: normal;

	color: #0a3847;

}



.meal.meal__bottom-wrapper {

	background-color: #f8f5f2;

	color: #666;

	margin-top: -10px;

}



.sidedishes {

	max-width: 867px;

	margin: 0 auto;

	padding: 24px 127px 30px 110px;

}



.sidedish h3, .meal-description h2 {

	font-weight: 400;

	font-size: 12px

}



.sidedish a {

	color: #0a3847;

	margin-top: 4px;

	cursor: pointer

}



.custom-control a.pull-right {

	color: #076686;

	font-size: 11px;

	display: inline-block;

	margin-left: 5px;

}



.sidedish .custom-control {

	font-size: 14px

}



.meal-description .show-more i {

	color: #666

}



.meal-description .show-more {

	display: inline-block;

	font-size: 14px;

	cursor: pointer;

	margin: 20px 0;

	color: #0a3847 !important

}



.meal-description button.btn.btn-primary {

	font-weight: 600;

	width: 100%;

	padding: 10px;

	font-size: 14px;

	font-style: normal;

	font-stretch: normal;

	line-height: 1.29;

	letter-spacing: normal;

	text-align: center;

	color: #fff;

	border-radius: 2px;

	height: 40px;

}



.input-group .input-number {

	border: 0;

	height: 38px;

	text-align: center;

	color: #007bff;

	font-size: 16px;

	font-weight: 600

}



.cart-meal-edit-buttons button.cart-meal-delete, .cart-meal-edit-buttons button.cart-meal-edit-comment {

	border: none;

	font-size: 12px;

	color: #1574f5;

}



.cart-meal-name {

	width: 100%;

	/*padding: 4px 0;*/

	padding: 0;

	word-break: break-all;

	word-break: break-word;

	flex: 1 1;
    font-weight: 600;
	font-size: 13px;

}



.orderamount {

	text-align: center;

	border-top: 1px solid #d7d7d7;

	padding:15px .75rem .75rem;

	font-size: 13px

}



.input-group .input-group-btn button {

	outline: none;

	box-shadow: none;

	background: #fff

}



.custom-checkbox .custom-control-label::before {

	border-radius: 0px;

	border: 1px solid #d7d7d7

}



.meal-description .input-group.d-flex {

	border: 1px solid #ddd

}



.sidedishes .form-group p {

	margin-left: 10px;

	margin-top: 10px;

	color: #888;

	font-size: 80%;

  display: flex;

}



.sidedishes .form-group p a {

	color: #0a3847;

	font-size: 12px;

	margin-left: 3px

}



/* .contianer-pizza .container.pt-2 { */

	/* padding: 17px 24px 0 !important; */

/* } */



.cstm-select {

	position: relative

}



.cstm-select:before, .payment-head .vou-select a:before {

	content: "\f078";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	top: 11px;

	right: 10px;

	font-size: 12px

}



.cstm-select .form-control {

	box-shadow: none;

	font-size: 14px;

	width: 100%;

	height: 38px;

	line-height: 38px;

	padding: 0 35px 0 8px;

	-webkit-appearance: none;

	-moz-appearance: none;

	color: #666;

	border: 1px solid #cfcac4;

	border-radius: 3px !important;

	background-color: #fff

}



.cart-meal-edit-buttons button {

	background: none;

	box-shadow: none;

	border: 1px solid #ddd;

	border-radius:50%;

	font-size: 9px;

	height: 20px;

	width: 20px;

	line-height: 17px;
  padding:0;

}



.cart-meal-edit-buttons {

	min-width: 98px

}



.add-meal {

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	-ms-flex-pack: start;

	justify-content: flex-start;

	/*-ms-flex-line-pack: center;*/

	/*align-content: center;*/

	transform: translateZ(0);

	/*align-items: center;*/

	width: 100%;

	padding: 7px 0;

	font-size: 12px;

	color: #000

}



.cart-meal-amount {

	padding-right: 32px;

	width: 20px;font-weight: 600;

}



.cart-meal-delete {

	min-width: 1.25rem

}



.cart-sum {

	padding: .5rem .75rem .75rem;

}



/*.meal-check label.custom-control-label {*/

/*	font-size: 14px*/

/*}*/

.meal-check label.custom-control-label {

	font-size: 90%;

}



.search-location input.form-control {

	padding: 0;

	height: 47px;

	border: none;

	box-shadow: none;

	outline: none

}

#search-pop-header .close {
	padding-top: 8px !important;
}

#search-pop-header .modal-header {
	padding: 0;
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin: 0;
	background: #f1de11;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 14px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
    
#search-pop-header .modal-dialog.modal-md.modal-dialog-centered {
	width: 500px!important;
}
#search-pop-header .modal-dialog .modal-content {

	padding-bottom:18px;

	height: 100%;

	border-radius: 2px

}

#search-pop-header .close {

    position: absolute;

    color: #e70404!important;
font-size:16px;
/*background:#fff;
border-radius:100%;
padding:10px 12px 8px;*/
}

#search-pop-header .modal-title {

    background: #44d62c;

    display: block;

    width: 100%;

    float: left;

    padding: 10px 0;

    text-align: center;

    color: #fff !important;

}



.search-location {

	max-width: calc(100% - 102px);

	position: relative;

	padding-left: 2.5rem;

	border-radius: 2px;

	border: 1px solid #d7d7d7;

	margin: 0 auto;

	float: left;

	width: 100%;

}

.contact-top a{color:#fff; padding-right:10px; font-size:14px; margin-top:8px;}
.contact-top a i{padding-right:3px; color:#e70404;}

input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

	color: #cfcac4;

	opacity: 1; /* Firefox */

}



input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */

	color: #cfcac4;

}



input.form-control::-ms-input-placeholder { /* Microsoft Edge */

	color: #cfcac4;

}



.content-review {

	width: 100%;

	background-color: #0a3847;

	margin: 0;

	padding: 24px 44px;

	color: #fff;

	height: 128px

}



.content-review h3 {

	color: #fff

}



.content-review .rating-number-container {

	width: 72px;

	height: 48px;

	border-right: 1px solid #666;

	line-height: 1.2;

	font-size: 36px;

	font-weight: 600

}



.content-review .overviewstar span {

	font-size: 12px

}



.content-review .review-stars-container {

	padding: 0 8px

}



.restaurantreview {

	background-color: #f8f5f2;

	padding: 16px 24px;

	margin: 16px 0

}



.restaurantreview .review-date {

	font-family: Roboto Slab;

	color: #0a3847;

	font-size: 12px;

	line-height: 26px;

	font-weight: 300;

	text-transform: capitalize

}



.restaurantreview .reviewauthor {

	font-weight: 600;

	color: rgb(246 227 0);

	font-size: 14px;

	display: block;

	line-height: 24px

}



.restaurantreview .review-rating {

	justify-content: space-between

}



.review-rating > span {

	font-weight: 600;

	font-size: 14px;

	color: #0a3847;

	text-transform: capitalize

}



.review-body span {

	font-weight: 400;

	display: block;

	color: #666;

	font-size: 13px;

	line-height: 22px;

	word-wrap: break-word

}



.restaurant-reviews-container, .info-container {

	overflow-y: auto;

	height: 510px

}



h2.restaurantInfoTitle {

	padding: 0;

	line-height: 48px;

	font-size: 18px;

	margin-top: 10px

}



.info-tab-section {

	font-weight: 400;

	color: #666;

	line-height: 1.71;

	letter-spacing: normal;

	background-color: #f8f5f2;

	padding: 16px 24px;

	font-size: 14px

}



.info-tab-section .table td, .info-tab-section .table th {

	border: none

}



.info-tab-section table td {

	padding: 3px 0

}



.info-tab-section.info-pay-card-list {

	padding: 16px 20px

}



.info-pay-card {

	width: 72px;

	height: 48px;

	border-radius: 2px;

	background-color: #fff;

	border: 1px solid #e9e9e9;

	padding: 0 0px;

	margin: 4px;

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	flex-direction: column;

	justify-content: center

}



.info-pay-card-list {

	display: flex;

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox; /* TWEENER - IE 10 */

	display: -webkit-flex; /* NEW - Chrome */

	flex-wrap: wrap;

	justify-content: flex-start

}



.info-pay-card img {

	width: 40px

}



.topacco section.top-content {

	padding-bottom: 19%

}



.topacco .modal-avatar {

	width: 64px;

	height: 64px;

	background-position: 50%;

	background-size: cover;

	border-radius: 50%;

	border: 2px solid #fff

}



.topacco .profile .name {

	font-weight: 700;

	font-size: 26px;

	color: #fff;

	padding: 0;

	height: 32px;

	display: block;

	line-height: 1

}



.topacco .profile {

	padding: 0 20px

}



.topacco .personal-information {

	font-family: Roboto Slab, Arial, serif;

	font-size: 12px;

	color: #fff;

	border-bottom: 1px solid #fff

}



.bottom-content {

	padding-top: 28%;

	background: #f8f5f2

}



.userpanel-list-link {

	padding: 0 0 17px

}



.atom-list-link .has-icon {

	padding-left: 0

}



.atom-list-link > li.has-icon a {

	padding-left: 56px

}



.atom-list-link > li {

	font-weight: 400;

	list-style-type: none;

	cursor: pointer;

	line-height: 55px;

	font-size: 14px;

	margin: 0 18px;

	white-space: nowrap;

	background: #fff;

	color: #0a3847;

	position: relative;

	margin-bottom: 1px;

	border-radius: 5px

}



.atom-list-link > li.has-icon a i {

	position: absolute;

	left: 1.4rem;

	top: 50%;

	transform: translateY(-50%)

}



.topacco {

	overflow: auto;

	height: 560px

}



.topacco button.close {

	position: absolute;

	right: 20px;

	top: 15px

}



.login-signup-container a {

	font-family: Takeaway Sans, Avant Garde, Century Gothic, Helvetica, Arial, sans-serif;

	font-weight: 600;

	font-size: 12px;

	width: calc(50% - 10px);

	line-height: 40px;

	height: 40px;

	border: 1px solid #e7e7e7;

}



.button-cta-small-inveted {

	color: #0a3847;

	border: 1px solid #e7e7e7

}



section.login-signup-container {

	justify-content: space-between;

}





button.close {

	z-index: 99;

	position: relative;

	right: 10px;

	top: 10px;

	opacity: 1

}



li.has-icon {

	padding-left: 0

}



a.button_form.button-cta-small {

	background-color: #0a3847;

	color: #fff

}



.button-cta-small, .button-cta-small-inveted {

	user-select: none;

	padding: 0 16px;

	display: inline-block;

	text-align: center;

	cursor: pointer

}



.login-signup-container {

	margin: 0 18px 24px;

}



.top-content {

	position: absolute;

	z-index: 2;

	background-color: rgb(246 227 0);

	width: 100%;

	height: 0;

	border-top-right-radius: 2px;

	border-top-left-radius: 2px;

	clip-path: polygon(0 0, 0 100%, 100% 82.5%, 100% 0);

	-webkit-clip-path: polygon(0 0, 100% 0, 100% 82.5%, 0 100%);

	padding: 38px 16px 0 24px

}



.responsive-menu {

	display: none

}



span.noti em {

	position: absolute;

	width: 12px;

	height: 12px;

	background:#4bd136;

	border-radius: 50%;

	font-size: 9px;

	text-align: center;

	color: #fff;

	box-shadow: 0 0 0 3px #5dea46d1;

	font-style: normal;

	font-weight: 600;

	top: 10px;

	left: 14px;

	line-height: 14px;

	font-family: 'Open Sans', sans-serif;

}



span.noti {

	left: -50px;

	position: relative

}



.responsive-menu .btn {

	position: fixed;

	z-index: 999;

	bottom: 5px;

	width: calc(100% - 20px);

	margin: 0 10px;

	border-radius: 2px;

	height: 60px;

	font-weight: 600;

}



.button-login .btn-fb {

	background-color: #4267b2;

	border-radius: 0;

	color: #fff;

	display: inline-block;

	text-align: center;

	cursor: pointer;

	height: 56px;

	line-height: 3;

	font-size: 16px;

	width: 100%

}



section.login-tab {

	position: absolute;

	z-index: 2;    overflow: auto;

	top: 0;

	height: 100%;

	width: 100%;

	background: #fff

}



div.separator {

	background: #d7d7d7;

	color: #0a3847;

	font-size: 15px;

	height: 1px;

	margin: 53px 0 40px;

	position: relative;

	text-align: center;

}



div.separator span {

	position: relative;

	top: -12px;

	padding: 0 20px;

	background: #fff

}



.form-group .form-control {

	border: 1px solid #6e6e6e;

	border-radius: 0;

	box-shadow: none

}



section.login-tab button.btn.btn-primary {

	width: 100%;

	height: 56px;

	line-height: 1.5;

	font-size: 16px;

	border-radius: 0

}



.textarea-label.form-group label {

	display: block;

	color: #0a3847;

	font-size: 14px;

	line-height: 18px

}



a.link-open {

	display: block;

	text-align: center

}



.textarea-label.form-group label a, .link-open {

	color: rgb(246 227 0);

	font-size: 14px

}



#menu-pop .login-tab > button.close span {

	color: #333

}



.login-tab h3 {

	padding: 20px 0

}



.payment-head h2 {

	font-weight: 700;

	color: #fff;

	/*font-size: 36px;*/
	font-size:24px;
	text-decoration: underline;
	margin-top:-78px;
	margin-bottom:30px;

}



.payment-head h4 {

	color: #333;

	font-size: 18px;

	font-weight: 600;
	padding-left:16px;

}

.dilvery-time-c a{margin-left:16px!important;}

.payment-head label {

	color: #333;

	font-size: 14px

}



.payment-head p {

	font-size: 24px;

	margin-bottom: 0

}



.payment-head hr {

	border-top: 1px dotted #ccc;

	margin-bottom: 1.5rem

}



.payment-head textarea.form-control {

	height: 65px;

}



.payment-head .form-control {

	border-radius:5px;

	font-size: 12px;

	color: #000;

	height: 35px;
	border:1px solid #666;

}



.payment-check .custom-control {

	border: 1px solid #d7d7d7;

	padding: 10px 35px;

	border-radius:17px;

}



.info-tab-section .table {

	margin: 0

}



.payment-way.info-tab-section {

	padding: 0;

	background: none

}





.payment-way .info-pay-card img {

    width: 25px;
/*    width: 40%;*/
    margin: 0 auto;

}



.payment-way .info-pay-card span {

	font-size: 12px;

	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5)

}



.payment-way .info-pay-card.active, .payment-way .info-pay-card:hover {

/*	background: #ffeded;*/

/*	border-color: #d0edbc*/

}



.payment-head .vou-select a {

	text-decoration: underline;

	color: #666

}



.payment-head .msg-review {

	font-size: 14px

}



.note-war {

	padding: 10px;

	background: #fffbe6;

	border: 1px solid #fff5c2;

	border-radius: 3px;

	color: #5d3c01;

	font-size: 14px;
	margin:0 0 20px 0!important;

}
.btn-sec #formsubmit{background:#e70404!important;}


.btn-sec .btn.btn-primary {

	border-radius: 0;

	background: #1574f5;

	font-weight: 600;border: none;

	padding: 10px 80px;

  border-radius: 4px;

}



.conditions a {

	color: #1574f5;

}



.payment-head .conditions {

	font-size: 14px;

	color: #d8cac4;

	margin: 21px 0

}



.form-group.mendatory {

	position: relative

}



.form-group.mendatory:before {

	content: "\f621";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	position: absolute;

	right: 10px;

	top: 12px;

	font-size: 8px;

	color: #e70404;

}
::placeholder{color:#333; opacity:1;}
form.form-group{margin-bottom:10px;}


.form-group.mendatory .form-control {

	padding-right: 25px;border-radius:5px;

}



.discount-item {

	background-color: #f8f5f2;

	margin: 16px 0;

	padding: 7px 0;

	border-radius: 2px

}



.discount-category {

	font-weight: 600;

	font-size: 14px;

	line-height: 22px;

	color: #0a3847;

	margin: 24px 0

}



.modal .nav-tabs .nav-link {

	text-transform: capitalize;

	font-family: Roboto Slab, Arial, serif

}



.rabette-content {


	overflow-y: auto

}



.discount-title {

	font-weight: 600;

	font-size: 16px;

	line-height: 24px;

	color: #0a3847

}



section.discount-icon img {

	max-width: 60px

}

.meal-des[aria-expanded="false"] .right-add a i {
	transition: .3s ease-in-out all

}

.meal-des[aria-expanded="false"] .fa.fa-minus{display: none;}

.meal-des[aria-expanded="true"] .right-add a i {

	color: #666

}

.meal-des[aria-expanded="true"] .fa.fa-plus{display: none;}

.discount-text {

	font-weight: 400;

	color: #666;

	font-size: 12px;

	line-height: 22px;

	word-wrap: break-word

}

.meal-des[data-expendtab="false"] .fa.fa-minus{display:none;}

.payment-head .vou-select a:before {

	top: 5px;

	transition: 0.2s ease-in-out all;

}



.payment-head .vou-select a[aria-expanded="true"]:before {

	transform: rotate(-180deg);

}



.shoping-cart-banner {

	position: sticky;

	top: 0;

	z-index: 2;

	height: 72px;

}



.shoping-cart-banner .btn {

	background-color: #0a3847;

	border-color: #0a3847;

	height: 100%;

	width: 100%;

	border-radius: 0;

	font-size: 16px;

	font-weight: 600;

}



.shoping-cart-banner span.noti em {

	position: absolute;

	width: 15px;

	height: 15px;

	background: #4bd136;

	border-radius: 50%;

	font-size: 10px;

	line-height: 1.4;

	top: 15px;

	left: 15px;

	font-family: 'Open Sans', sans-serif;

}



.banner-pay-sec {

	height: 120px;

	overflow: hidden;

}

.cart-basket .btn-primary {

    border: none;

}



.d-flex {

	display: flex !important;

	display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */

	display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */

	display: -ms-flexbox !important; /* TWEENER - IE 10 */

	display: -webkit-flex !important; /* NEW - Chrome */

}





div#items {

	max-height: calc(100vh - 350px);
	overflow-y: auto;
  width: 100%;
	padding: .5rem .75rem .75rem;

}

.basket-container.fixed #items {max-height: calc(100vh - 300px);
width: 100%;
}



.orderamount.valid_cart_minimum_order font {

	color: #000;

}



a#myBtn:after {

	position: absolute;

	bottom: 0;

	left: -17px;

	z-index: 9;

	width: 15px;

	margin: 0;

	height: 20px;

	content: "";

	background: linear-gradient(to left, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%) no-repeat;

	background-repeat: no-repeat;

}



a#myBtn {

	position: relative;

  color: #f6e300;

}



.modal-title {

	font-weight: 600;

}



#info-modal .modal-content {

	border-radius: 2px;

	min-height: 600px;

}



.orderamount.valid_cart_minimum_order {

	color: #000 !important;

}



a.see-more-options {

	font-size: 14px;

}



.cart-item .cart-data:not(:first-child) {

	padding-top: 4px !important;

}



a.see-more-options i {

	font-size: 11px;

	color: #007bff;

	width: 16px;

	height: 16px;

	min-width: inherit;

	text-align: center;

	margin: 0 8px 0 1px;

	display: inline-block;

	line-height: 16px;

}



.custom-control {

	color: #666;

	font-weight: 400;

	font-size: 80%;

	line-height: 1.75em;

	white-space: normal;

	display: block;

}



.input-group-btn .btn span.fa {

	font-size: 12px;

	color: #666;

}



.meal-description > .p-0 > .row .col-md-9 {

	padding-left: 0;

	max-width: calc(100% - 147px);

	width: calc(100% - 147px);

	flex: calc(100% - 147px);

	margin-left: 20px;

}



.meal-description .input-group.d-flex {

	border: 1px solid #ddd;

	font-weight: 400;

	width: 112px;

	min-width: 112px;

	display: flex;

	justify-content: space-between;

	border-radius: 1px;

	border: 1px solid #d7d7d7;

	background-color: #fff;

	line-height: 20px;

}



.meal-description > .p-0 > .row .col-md-3 {

	padding-right: 0;

	width: 127px;

	flex: auto;

	max-width: 127px;

}



.meal-description p.product_description {

	font-style: inherit;

	font-weight: 400;

	font-size: 14px;

	color: #666;

}



.modal-dialog.modal-lg {

	background-color: transparent;

	max-width: 672px;

	height: calc(100vh - 51px);

}



.modal-dialog .modal-title {

	font-weight: 600;

	font-size: 24px;

	color: #0a3847;

	margin-bottom: 4px;

}



.product_description {

	font-size: 18px;

	font-weight: 600;

	color: inherit;

}



.modal-body {

	padding: 0 20px;

}



.pizza-column .hero img.img-fluid, .post-img img {

	width: 100%;

}



#more {

	display: none;

}



.pizza-column .contianer-pizza, .pizza-column .menu-main, .pizza-column .menu-foot {

	max-width: 1130px;

	margin: 0 auto;

	position: relative;

}



button:focus {

	outline: none;

}



.item.active a {

	font-weight: 500;

	color:#000;

}



div#info-modal.modal ul li:before, .atom-list-link .has-icon:before {

	display: none;

}



input[type=checkbox]:focus, input[type=radio]:focus, .custom-control-label::before {

	outline: none !important;

	box-shadow: none !important;

	outline-offset: 0 !important;

	outline-width: 0 !important;

}



.desc-heading a.gray-text {

	color: #c1c1c1;

}



.cart-meal-price {

	width: 50px;text-align: right;

	display: inline-block;

}



/*responsive start*/



@media (min-width: 1200px) {





	.row.mx-0 .col-xl-9.col-md-8.px-0 {

		width: calc(100% - 75%);

		max-width: 100%;

	}



	.meal-des {

		padding: 16px 22px;

	}

}



@media (min-width: 1001px) {

	.banner-pay-sec, .shoping-cart-banner {

		display: none;

	}



	.menu-foot .container-fluid, .menu-main .container-fluid {

		padding: 0 24px;

	}

}



@media (max-width: 1300px) {



}



@media (max-width: 1279px) {

	.social {

		display: block

	}



	.follow-us {

		display: none !important

	}

}



@media (max-width: 1024px) {

	.search-left {

		margin-left: 16px

	}



	.basket-button.basket-button--secondary {

		min-width: 100%;

	}



	div#empty span.basket-empty__text {

		padding: 15px 0;

	}



	.input-group .input-number {

		padding: 0;

	}

}



@media (max-width: 1000px) {

	.main-container .cart-basket {

		display: none

	}



	.responsive-menu {

		display: block

	}



	.main-container .pizza-column {

		width: 100%;

		max-width: 100%;

		flex: 0 0 100%

	}



	.footer-top .col-md-3 {

		flex: 0 0 100%;

		max-width: 100%

	}



	.footer-content h3 + ul {

		height: 0;

		overflow: hidden;

		transition: .3s ease all;

		visibility: hidden

	}



	.footer-content h3.toggle-class + ul {

		overflow: visible;

		height: 100%;

		visibility: visible

	}



	.footer-content h3 {

		position: relative;

		margin-bottom: 20px;

	}



	.footer-content h3:after {

		content: "\f053";

		position: absolute;

		right: 0;

		font-family: "Font Awesome 5 Free";

		font-weight: 900;

		transform: rotate(-90deg);

		transition: .3s ease all

	}



	.footer-content h3.toggle-class:after {

		transform: rotate(90deg)

	}



	.slider-div-cs .px-box {

		margin: 60px 15% 10px

	}



	.slider-div-cs .owl-nav button {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		box-shadow: none

	}



	.slider-div-cs .owl-nav button.owl-prev {

		left: 0;

		transform: rotate(-180deg);

		top: 43%

	}



	.slider-div-cs .owl-nav button.owl-next {

		right: 0

	}



	.slider-div-cs .owl-nav button span {

		font-size: 0

	}



	.slider-div-cs .owl-nav button:after {

		content: "";

		font-family: "Font Awesome 5 Free";

		font-weight: 900;

		font-size: 35px;

		color: #666

	}



	.slider-div-cs.owl-theme .owl-nav [class*='owl-']:hover {

		background: none;

		color: #666;

		outline: none;

		box-shadow: none;

		text-decoration: none

	}



	.slider-div-cs.owl-theme .owl-dots .owl-dot.active span, .slider-div-cs.owl-theme .owl-dots .owl-dot:hover span {

		background: rgb(246 227 0);

	}



	.slider-div-cs.owl-theme .owl-nav {

		margin-top: 50px

	}



	.slider-div-cs.owl-theme .owl-dot span {

		width: 20px;

		height: 20px;

		background: #fff;

		border: 1px solid #cfcac4;

		margin: 0 2px;

	}



	.px-box {

		height: auto

	}



	.tab_content .grid .tabslider-link-text {

		line-height: 1.5;

		font-size: 14px;

		display: block;

		text-align: center;

		cursor: pointer;

		color: #0a3847;

		width: 100%

	}



	.bx-contain::after, .tab_content .tabslider-links:before, .tab_content li a > div {

		display: none

	}



	.tab_content li.grid {

		display: block;

		height: 35px

	}



	.tab-gallery .carousel-control-prev-icon::before, .tab-gallery .carousel-control-next-icon::before {

		font-size: 35px

	}



	.textcontent-text {

		text-align: center

	}



	.textcontent-text p {

		text-align: left

	}



	.modal .modal-dialog.modal-md {

		max-width: 100%;

		transform: translate(0);

		margin: 0

	}





	.topacco section.top-content {

		padding-bottom: 14%

	}



	.search-location {

		max-width: 100%

	}

	.search-location input.form-control {

		max-width: 100%;

		height: 4rem;

		line-height: 4rem

	}



	div#search-pop-header .modal-body {

		padding: 0

	}



	.bottom-content {

		padding-top: 22%

	}



	.btn-sec .btn {

		width: 100%

	}



	div#voucher > div .form-group {

		flex: 1

	}



	div#voucher > div {

		width: 400px

	}



	button.voucher-add-check.btn.btn-primary {

		margin-left: 10px

	}



	.shoping-cart-banner span.noti {

		left: 20px;

		position: absolute;

		font-size: 22px

	}



	.footer-content.mt-4 {

		margin-top: 0 !important;

	}



	.main-footer .container ul {

		text-align: center;

	}



	.footer-content ul li:last-child, .footer-top .col-md-3:first-child .footer-content ul li:nth-last-child(6) {

		border-bottom: 1px solid #ccc;

		margin-bottom: 15px;

	}



	.main-footer .container .footer-content ul li {

		text-align: left;

	}



	.banner-home .container {

		max-width: 500px;

	}



	.banner-home h2 {

		font-size: 45px;

	}



	.banner-home p {

		font-size: 24px;

	}



	.subheader__image {

		min-height: 370px;

	}



	.head-res h3 {

		font-size: 1.6rem;

	}



	.head-res span {

		font-size: 1.2rem;

	}



	.app-sec span {

		font-size: 1.7rem;

		letter-spacing: initial;

	}



	.com-img img {

		max-width: 300px;

	}



	.footer-top {

		padding: 0 40px;

	}



	.basket-container {

		left: 0;

	}



	.contianer-pizza .container.pt-2 {

		padding: 53px 24px 0 !important

	}


.basket-container{
  max-width: 100%;
}

.change_Order_First {
	margin-top: -27px;
}


}



@media (max-width: 786px) {

	.topbar__title-container {

		font-size: 13px

	}



	.sidedishes {

		padding: 24px 57px;

	}



	.meal.meal__bottom-wrapper {

		padding: 20px 30px

	}



	div#voucher > div {

		width: auto;

	}



	.com-img img {

		max-width: 100%;

	}

}


.RestaurantLogoImg{display: flex; height:124px!important;}

@media (max-width: 767px) { 

#search-pop-header .modal-dialog.modal-md.modal-dialog-centered {

	margin: auto;
}


.info_boxPanel {
	margin-top: 78px!important;
}
.RestaurantLogoImg {
	display: block!important;
	text-align: center!important;
	margin: auto!important;
}                 
.pizza-column .RestaurantBox .contianer-pizza {
      padding-top: 36px!important;
	height: 100%!important;        
}
.RestaurantLogoImg {
        width:100%;
	max-width: 118px!important;
	height: auto!important;
     
}
.RestaurantText{width:100%;}
	.topbar-container .col-md-4 {

		flex: 1;

		padding: 0

	}



	.icon-country {

		display: none

	}



	.topbar-container .col-md-4:last-child {

		max-width: 40px

	}



	



	header.main-header .topbar__title {

		font-size: 14px

	}



	.large-logo {

		max-width: 40px;

		object-fit: contain

	}



	.img-center img {

		max-height: 60px;

		max-width: 87px

	}



	.hero {

		height: 150px;

		overflow-y: hidden

	}





	.icon-right {

		position: absolute;

		top: -72px;

		right: 16px

	}



	.star-rating {

		display: block !important

	}



	.star-rating + p {

		font-size: 12px;

		margin-top: 10px

	}



	.post-img {

		height: 90px

	}



	.post-des {

		padding: 19px 12px

	}



	.post-des span {

		display: block

	}



	.main-footer li {

		display: block;

		text-align: center;

		line-height: 48px;

	}



	.footer-top hr {

		border-top: 1px solid #fff;

		margin-top: 20px !important;

	}



	.main-footer.py-5 {

		padding: 40px 0 20px !important

	}



	.payment-head p {

		font-size: 18px

	}



	.payment-head h4 {

		font-size: 20px

	}



	.payment-head h2 {

		font-size: 24px;
		margin-top:-85px;

	}



	.payment-head {

		margin-top: 10px !important

	}



	.info-tab-section {

		padding: 20px

	}



	.inner-des > p {

		font-size: 12px

	}



	.inner-des .desc-heading, .menucard-imprint__heading, .post-des h4, .head-top h3 {

		font-size: 16px

	}



	.info-pay-card {

		width: 47%;

		align-items: center

	}



	.discount-title {

		font-size: 14px

	}



	.bottom-content {

		padding-top: 32%

	}



	.topacco .profile .name {

		font-size: 24px;

		height: 28px

	}



	.topacco section.top-content {

		padding-bottom: 20%

	}



	.payment-head .form-group {

		margin-bottom: 10px

	}



	.com-img img {

		width: 100%

	}



	.textcontent-text h3 {

		font-size: 1.4rem;

	}



	.responsive-menu .btn {

		line-height: 30px;

	}



	.banner-pay-sec img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.banner-home h2 {

		font-size: 36px;

	}



	.banner-home p {

		font-size: 18px;

	}



	.subheader__image {

		min-height: 250px;

	}



	.btn.btn-search {

		padding: 0 1rem;

	}



	.banner-home .container {

		padding: 11px 15px 20px

	}



	.app-sec span {

		font-size: 1.3rem;

	}



	.app-img-sec img {

		max-width: 200px;

	}



	ul#myTab li.nav-item {

		margin: 8px 0 0;

	}



	.app-sec-icon a.ml-2 {

		margin-top: 10px;

		margin-left: 0 !important;

	}



	.app-sec-icon {

		display: inline-block !important;

	}



	.main-footer .social ul li {

		display: inline-block;

		margin: 0 20px;

	}



	.footer-top {

		padding: 0 25px;

	}



	.sidedishes {

		padding: 0;

	}



	.meal-check label.custom-control-label {

		font-size: 12px;

	}



	.hero img.img-fluid {

		height: 112px;

		width: 100%;

		object-fit: cover;

	}



	.meal-description .col-md-9 {

		width: calc(100% - 144px);

	}



	.meal-description .col-md-3 {

		width: 142px;

	}



	.input-group.d-flex .input-number {

		padding: 0;

	}



	.input-group.d-flex .input-group-btn button {

		padding: 10px 8px;

		font-size: 12px;

		border: none;

	}



	/*.basket.basket-container__scroller {*/

	/*    min-height: calc(100% - 500px);*/

	/*    max-height: calc(100% - 130px);*/

	/*        background-color: #fff;*/

	/*}*/

	.basket-container {

		top: 0;

	}



	.post-des p {

		margin-bottom: 0;

	}



	.modal .modal-dialog {

		margin: 0;

	}



	.modal .modal-dialog .modal-title {

		font-size: 18px;

	}



	.modal .modal-body {

		padding: 0 35px 30px;

	}

    #cartpopup.modal .modal-body{padding: 0 0px 30px!important;}

	button.close {

		top: 5px;

	}



	.modal .modal-header {

		padding: 12px 7px 0 17px;

		border-bottom: 0;

	}



	.contianer-pizza .container.pt-2 {

		padding: 20px 15px 0 !important;

	}



	.basket-container {

		width: 100%;

	}



	div#items {

		max-height: calc(100vh - 365px);

		height: 100vh; overflow-y:auto;

	}



	button.basket__order-button.btn-primary.cartbutton-button.cartButtonSubmit {

		position: fixed;

		bottom: 10px;

		left: 0;

		right: 0;

	}



	.can_order.meal-des[aria-expanded="true"] {

		background: #eef7fa;

	}



	.review-stars {

		float: left;

	}

}



@media (max-width: 640px) {
	
		header.main-header .topbar__title {

	background: transparent;

}

	.topacco section.top-content {

		padding-bottom: 24%;

	}



	.bottom-content {

		padding-top: 43%;

	}

}



a.see-more-options {

	color: #007bff;

}



.cartButtonSubmit:disabled {

	border: none !important;

	background-color: #d7d7d7 !important;

	color: #fff !important;

	text-shadow: none !important;

	cursor: not-allowed !important;

}





/* order- details */

.o-detail-lft {

	margin: 0 0 20px 0;

}



.timer {

	position: relative;

	margin: 0 auto;

	top:4px;

	border: 10px solid #56d042;

	width: 150px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	height: 150px;

	border-radius: 50%;

	background: #fff;

	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

	padding: 30px;z-index:9;

}



.timer h2 {

	margin: 0;

	padding: 0;

	font-size: 45px;

	font-weight: 600;

	color: #c3c3c3;

}



.timer h6 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	color: #c3c3c3;

}



.comp-logo {

	display: flex;

	align-items: flex-end;

}



.comp-left {

	flex: 0 0 50%;

	display: flex;

	align-items: center;
  flex-direction: column;
  align-items: flex-start;

}

.comp-left p{
  font-size: 14px;
  margin: 0;
}



.comp-right {

	flex: 0 0 50%;

	display: flex !important;

	justify-content: flex-end;

}



.comp-right img {

	max-width: 120px;

}



.order-names {

	text-align: left;

}



.order-names h2 {

	margin: 0;

	padding: 0 0 20px 0;

	font-size: 24px;

	font-weight: 600;

	color: #0a3847;

}



.order-names h3 {

	margin: 0;

	padding: 0;

	font-size: 24px;

	color: #0a3847;

}



.restro-logo {

	max-width: 60px;

}



.restro-logo img {

	width: 100%;

}



.order-table {

	margin: 30px 0;

}



.order-table th {

	background: rgb(246, 246, 246);

	font-size: 14px;

}



.order-table td {

	vertical-align: middle;

}



.procesing-sec {

	position: relative;

	background: #f5f5f5;

	border-radius: 10px;

	margin: 0 0 80px 0;

	padding: 20px 0 0 0;

}



.procesing-sec h3 {

	margin: 0 0 20px 0;

	text-align: center;

	padding: 0;

	font-size: 24px;

	color: #0a3847;

}



.procesing-sec h5 {

	margin: 10px 0 0 0;

	padding: 0;

	flex: 0 0 100%;

	text-align: center;

	font-size: 16px;

	color: #0a3847;

}



.procesing-sec ul {

	margin: 0;

	padding: 0;

	display: flex;

}



.procesing-sec li {

/*	flex: 0 0 20%;*/
flex: 0 0 14.5%;

	margin: 0 0 35px 0;

}



.tick {

	flex: 0 0 45px;

	height: 45px;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #ddd;

	border-radius: 50%;

}



.tick img {

	max-width: 20px;

}



.done {

	background: rgb(246 227 0);

}



.procesing-sec::before {

/*	width: 500px;*/
	width: 700px;

	height: 2px;

	content: '';

	position: absolute;

	left: 72px;

	top: 92px;

	background: #ddd;

}



.process {

	display: flex;

	align-content: center;

	justify-content: center;

	width: 100%;

	flex-wrap: wrap;

}




/* order- details */



/*responsive start*/

@media (min-width: 1280px)

{

    .cart-meal-edit-buttons{min-width:auto;margin-left:2px;}

}

@media (min-width: 1001px) {

	.banner-pay-sec, .shoping-cart-banner {

		display: none;

	}

}



@media (max-width: 1300px) {

	.basket-container {

		width: 25% !important;

	}

}

@media (max-width: 767px) {
.basket-container {

		width: auto !important;

	}
}

@media (max-width: 991px) {
.basket-container {

		width: auto !important;

	}
}

@media (max-width: 1279px) {
	
		header.main-header .topbar__title {

	background: transparent;

}

header.main-header .topbar__title {
    width: auto;
    height: auto !important;
    position: relative;
    background: transparent;
    padding: 5px 0;
    max-width: 272px;
    line-height: 17px;
}
	.social {

		display: block;

	}



	.follow-us {

		display: none !important;

	}

}



@media (max-width: 1024px) {

	header.main-header .topbar__title {

	background: transparent;

}
	.search-left {

		margin-left: 16px;

	}



	.basket-container {

		width: 25%;

	}



	.basket-button.basket-button--secondary {

		min-width: 100%;

	}



	div#empty span.basket-empty__text {

		padding: 15px 0;

	}

}



@media (max-width: 1000px) {
	header.main-header .topbar__title {

	background: transparent;

}
	.main-container .cart-basket {

		display: none;

	}



	.main-container .pizza-column {

		width: 100%;

		max-width: 100%;

		flex: 0 0 100%;

	}



	.footer-top .col-md-3 {

		flex: 0 0 100%;

		max-width: 100%;

	}



	.footer-content h3 + ul {

		height: 0;

		overflow: hidden;

		transition: .3s ease all;

		visibility: hidden;

	}



	.footer-content h3.toggle-class + ul {

		overflow: visible;

		height: 100%;

		visibility: visible;

	}



	.footer-content h3 {

		position: relative;

		margin-bottom: 20px;

	}



	.footer-content h3:after {

		content: "\f053";

		position: absolute;

		right: 0;

		font-family: "Font Awesome 5 Free";

		font-weight: 900;

		transform: rotate(-90deg);

		transition: .3s ease all;

	}



	.footer-content h3.toggle-class:after {

		transform: rotate(90deg);

	}



	.slider-div-cs .px-box {

		margin: 60px 15% 10px;

	}



	.slider-div-cs .owl-nav button {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		box-shadow: none;

	}



	.slider-div-cs .owl-nav button.owl-prev {

		left: 0;

		transform: rotate(-180deg);

		top: 43%;

	}



	.slider-div-cs .owl-nav button.owl-next {

		right: 0;

	}



	.slider-div-cs .owl-nav button span {

		font-size: 0;

	}



	.slider-div-cs .owl-nav button:after {

		content: "";

		font-family: "Font Awesome 5 Free";

		font-weight: 900;

		font-size: 35px;

		color: #666;

	}



	.slider-div-cs.owl-theme .owl-nav [class*='owl-']:hover {

		background: none;

		color: #666;

		outline: none;

		box-shadow: none;

		text-decoration: none;

	}



	.slider-div-cs.owl-theme .owl-dots .owl-dot.active span, .slider-div-cs.owl-theme .owl-dots .owl-dot:hover span {

		background: #44d62c;

	}



	.slider-div-cs.owl-theme .owl-nav {

		margin-top: 50px;

	}



	.slider-div-cs.owl-theme .owl-dot span {

		width: 20px;

		height: 20px;

		background: #fff;

		border: 1px solid #cfcac4;

		margin: 0 2px;

	}



	.px-box {

		height: auto;

	}



	.tab_content .grid .tabslider-link-text {

		line-height: 1.5;

		font-size: 14px;

		display: block;

		text-align: center;

		cursor: pointer;

		color: #0a3847;

		width: 100%;

	}



	.bx-contain::after, .tab_content .tabslider-links:before, .tab_content li a > div {

		display: none

	}



	.tab_content li.grid {

		display: block;

		height: 35px;

	}



	.tab-gallery .carousel-control-prev-icon::before, .tab-gallery .carousel-control-next-icon::before {

		font-size: 35px;

	}



	.textcontent-text {

		text-align: center;

	}



	.textcontent-text p {

		text-align: left;

	}



	.modal .modal-dialog.modal-md {

		max-width: 100%;

		transform: translate(0);

		margin: 0;

	}





	.topacco section.top-content {

		padding-bottom: 14%

	}



	.search-location {

		max-width: 100%;

	}







	.search-location input.form-control {

		max-width: 100%;

		height: 4rem;

		line-height: 4rem;

	}



	div#search-pop-header .modal-body {

		padding: 0;

	}



	.bottom-content {

		padding-top: 22%;

	}



	.btn-sec .btn {

		width: 100%;

	}



	div#voucher > div .form-group {

		flex: 1;

	}



	div#voucher > div {

		width: 400px;

	}



	button.voucher-add-check.btn.btn-primary {

		margin-left: 10px;

	}



	.shoping-cart-banner span.noti {

		left: 20px;

		position: absolute;

		font-size: 22px;

	}



	.footer-content.mt-4 {

		margin-top: 0 !important;

	}



	.main-footer .container ul {

		text-align: center;

	}



	.footer-content ul li:last-child, .footer-top .col-md-3:first-child .footer-content ul li:nth-last-child(6) {

		border-bottom: 1px solid #ccc;

		margin-bottom: 15px;

	}



	.main-footer .container .footer-content ul li {

		text-align: left;

	}



	.banner-home .container {

		max-width: 500px;

	}



	.banner-home h2 {

		font-size: 45px;

	}



	.banner-home p {

		font-size: 24px;

	}



	.subheader__image {

		min-height: 370px;

	}



	.head-res h3 {

		font-size: 1.6rem;

	}



	.head-res span {

		font-size: 1.2rem;

	}



	.app-sec span {

		font-size: 1.7rem;

		letter-spacing: initial;

	}



	.com-img img {

		max-width: 300px;

	}



	.footer-top {

		padding: 0 40px;

	}

}



@media (max-width: 786px) {
	
		header.main-header .topbar__title {

	background: transparent;

}

	.topbar__title-container {

		font-size: 13px;

	}



	.responsive-menu {

		display: block;

	}



	.meal.meal__bottom-wrapper {

		padding: 20px 40px;

	}



	div#voucher > div {

		width: auto;

	}



	.com-img img {

		max-width: 100%;

	}

}



@media (max-width: 767px) {
	header.main-header .topbar__title {

	background: transparent;

}

	.topbar-container .col-md-4 {

		flex: 1;

		padding: 0;

	}



  .info_box{

    position: relative;

    right: 0;

  }



	.icon-country {

		display: none;

	}








	header.main-header .topbar__title {

		font-size: 14px;

	}



	.large-logo {

		max-width: 40px;

		object-fit: contain;

	}



	.img-center img {

		max-height: 60px;

		max-width: 87px;

	}



	.hero {

		height: auto;

		overflow-y: hidden;

	}



	.img-center span {

		width: 107px;

		    height: 96px;

		top: 0;

	}



	.icon-right {

		position: absolute;

		top: -140px;

		right: 16px;

	}



	.star-rating {

		display: block !important;

	}



	.star-rating + p {

		font-size: 12px;

		margin-top: 10px;

	}



	.post-img {

		height: 90px;

	}



	.post-des {

		padding: 19px 12px;

	}



	.post-des span {

		display: block;

	}



	.main-footer li {

		display: block;

		text-align: center;

		margin: 15px 0;

	}



	.footer-top hr {

		border-top: 1px solid #fff;

		margin-top: 20px !important;

	}



	.main-footer.py-5 {

		padding: 40px 0 20px !important;

	}



	.payment-head p {

		font-size: 18px;

	}



	.payment-head h4 {

		font-size: 20px;

	}



	.payment-head h2 {

		font-size: 26px;

	}



	.payment-head {

		margin-top: 10px !important;

	}



	.meal.meal__bottom-wrapper {

		padding: 20px 40px;

	}



	.info-tab-section {

		padding: 20px;

	}



	.inner-des > p {

		font-size: 12px;

	}



	.inner-des .desc-heading, .menucard-imprint__heading, .post-des h4, .head-top h3 {

		font-size: 16px;

	}



	.info-pay-card {

		width: 47%;

		align-items: center;

	}



	.discount-title {

		font-size: 14px;

	}



	.bottom-content {

		padding-top: 32%;

	}



	.topacco .profile .name {

		font-size: 24px;

		height: 28px;

	}



	.topacco section.top-content {

		padding-bottom: 20%;

	}



	.payment-head .form-group {

		margin-bottom: 10px;

	}



	.com-img img {

		width: 100%;

	}



	.textcontent-text h3 {

		font-size: 1.4rem;

	}



	.responsive-menu .btn {

		line-height: 30px;

	}



	.banner-pay-sec img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.banner-home h2 {

		font-size: 36px;

	}



	.banner-home p {

		font-size: 18px;

	}



	.subheader__image {

		min-height: 250px;

	}



	.btn.btn-search {

		padding: 0 1rem;

	}



	.banner-home .container {

		padding: 11px 15px 20px;

	}



	.app-sec span {

		font-size: 1.3rem;

	}



	.app-img-sec img {

		max-width: 200px;

	}



	ul#myTab li.nav-item {

		margin: 8px 0 0;

	}



	.app-sec-icon a.ml-2 {

		margin-top: 10px;

		margin-left: 0 !important;

	}



	.app-sec-icon {

		display: inline-block !important;

	}



	.main-footer .social ul li {

		display: inline-block;

		margin: 0 20px;

	}



	.footer-top {

		padding: 0 25px;

	}
  .RestaurantBox::before {
background-color: rgba(0, 0, 0, 0)!important;}
}











/******************************************************************************/







ul.product-discription {padding-left: 20px;}

ul.product-discription li { list-style-type: disc;font-weight: 400;font-size: 14px;color: #666;}

a.see-more-options {font-size: 11px;}

small.subAddOns {margin-left: 33px;display: block;line-height: 16px;font-size: 12px; color: #666;word-break: break-word;margin-top: 6px;padding-bottom: 7px;}

small.subAddOns:empty {display: none;}

.pizza-column {width: 75%; min-height: calc(100% - 200px - 51px);}


#myBtntoptobottom {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background: #f6e300;
	color: black;
	cursor: pointer;
	border-radius: 4px;
	width: 50px;
	height: 40px;
}



#myBtntoptobottom:hover {

  background-color: #555;

}

h2.modal-title {

    text-transform: capitalize;

}

.popUpOptions {

    display: block;

    margin: 5px 0;

}

.popUpOptions input {

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%; cursor:pointer;

    left: 0;

    right: 0;

    margin: 0;


}

.popUpOptions .form-check {
	display: block;
	text-align: left;
	padding: 0;
	margin: 11px 0;
	margin-left: 3rem;
}

.popUpOptions .form-check p {
	padding-left: 27px;
	margin-bottom: 0px;
	font-size: 15px;
}


.popUpOptions .form-check span {
	/*margin-left: 27px;*/
	margin-left: 18px;
	font-size: 13px;
	color: #666;
}

.popUpOptions  .popUpOptions .form-check.active::after {
	content: "\f058";
	right: 26px;
	position: absolute;
	top: 22px;
	font: normal normal normal 14px/1 FontAwesome;
	color: #595946;
	font-size: 34px;
}


.cartb {
	position: relative;
}

.popUpOptions .col-md-12:first-child {
	border-bottom: 1px solid #eee;
}
/*header.main-header .topbar__title {

	text-decoration: underline;
}*/
.cartb.active_btn::after {
	content: "\f058";
	position: absolute;
	right: 6px;
	top: 18px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px;
	color: #e70404;

}
.popUpOptions label.form-check-label {
	background: #fff;
	padding: 6px 20px;
	cursor: pointer;
	display: inline-block;
	color:#000;
	width: 100%;
	text-align: left;
	margin-left: 7px;
}      

.popUpOptions .form-check:hover label.form-check-label {
	background: transparent!important;
	color: #e70404!important;
}

.popUpOptions .col-md-12:first-child .form-check::before {
	background: url('https://harjassinfotech.org/Foodbee/assets/images/deli.png') no-repeat!important;
	content: "";
	position: absolute;
	left: -36px;
	height: 60px;
	width: 75px;
	background-size: contain !important;
	background-repeat: no-repeat;
	top: 9px;
}

#search-pop-header .modal .modal-md {   
	max-width: 500px!important;
}

.popUpOptions label.form-check-label {
	
	font-size: 16px;
	font-weight: 600;
}
.popUpOptions .form-check::before {
	background: url('https://harjassinfotech.org/Foodbee/assets/images/fd.png') no-repeat !important;
	content: "";
	position: absolute;
	left: -33px;
	height: 52px;
	width: 52px;
	background-size: contain !important;
	background-repeat: no-repeat;
	top: 9px;
}

.popUpOptions .form-check:hover label.form-check-label{

    background:#1574f5;

	color:#fff;

	}



#search-pop-header .btn.btn-search {

    height: 49.4px;

    min-width: 101px;

}



#search-pop-header .btn.btn-search img {

    max-width: 35px;

}



#items textarea.form-control {

    font-size: 13px !important; resize:none;

}

.note_box.d-flex.cart-meal-name {

    display: block !important;

    padding-left: 33px;

    margin-top: 4px;

    padding-bottom: 0;

    color: #666;

    font-size: 12px;

    max-width: inherit;

}

.text-right.cart_mobile_icon {

    margin: 0 !important;

    top: 14px;

    right: 18px;

    font-size: 22px;

}



#mobileCartPrice {

    vertical-align:-1.01px;

}

#items textarea {

    width: 100%;

}

.saveCartNote, .cancel_note {

    font-size: 12px;

    text-transform: capitalize;

    margin: 3px 4px;

    text-decoration: underline;

}

.SaveCancelNote {

    margin-bottom: 25px;

}

#productOverviewModal h5 {

    font-size: 18px;

    font-weight: 600;

    margin: 24px 0 0;

    color: #0a3847;

}

#productOverviewModal .product-discription li {

    font-weight: 400;

    color: #0a3847;    padding: 0;

    font-size: 14px;

    line-height: 1.6;

}

#productOverviewModal .modal-body {

    padding: 0 36px;

}

form#checkout-form {

    margin: 0 auto;

    max-width: 1130px;

    padding: 15px 0px 40px;

}
form#checkout-form .card-body{padding:10px 15px;}

/*.shop-with-footer .basket-container.js-basket-container.fixed {*/

/*    height: auto;*/

/*    bottom: 166px;*/

/*}*/



/*.shop-with-footer .basket-container.fixed #items {*/

/*    max-height: calc(100vh - 462px);*/

/*}*/



.meal-des.selected_current {

    background: #eef7fa;

    box-shadow: 0 1px 1px #cfcac4;

}

.main-footer {

    display: none;

}

@media (max-width:768px){
header.main-header{height:auto;}



#pincodeFORM {padding: 15px;}

#search-pop-header {padding: 15px;}

button.btn.btn-search { display: block; max-width: inherit; width: 100%;margin-top: 10px;float: left;}

}













.pizza-column .contianer-pizza {

    padding: 0 24px;

    background: url(../images/left_panel_bg.jpg);

    background-position: right top;

    background-repeat: no-repeat;

}



.menu_cat {

    background-color: #f8f5f2;

    height: 64px;

    position: sticky;

    top: 0;

    z-index: 2;

}



.slide-content {

    max-width: 1130px;

    margin: 0 auto;

}

.slide-content-main {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 99;
}

.slide-content-main .slide-content{max-width: 1080px;}

::-webkit-scrollbar {

  width:5px;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: #888;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555;

}



.login_social {

    padding: 15px 0;

}

.btn-fb {

    background: #3B5998;

    color: #fff;

}

.btn-gb {

    background: #4285F4;

    color: #fff;

}



.login_social a {

    display: block;

    text-align: center;

    border-radius: 0;

    height: 42px;position: relative;

    padding: 0;margin-bottom:15px;

    line-height:37px;

}

.login_social span {

    position: absolute;

    left: 10px;

    width: 26px;

    height: 26px;

    margin-top: auto;

    margin-bottom: auto;

    background: #fff;

    top: 0;

    bottom: 0;padding:0;

    line-height: 26px;

}

.login_social span i {

    margin: 5px 0 0;

}



.login_social .btn-fb span{



    color: #3B5998;

}

.login_social .btn-gb span {

    color: #4285F4;

}

.login_social a:hover{ color:#fff;}





.basket-container.js-basket-container.fixed.customclassbasket #items{max-height: calc(100vh - 360px);}

.disable-dbl-tap-zoom {

  touch-action: manipulation;

}

.order_detail_popup {

    max-width: 500px;

    margin: 30px auto;

    border: 1px solid #eee;

}

.order_detail_popup .order_detail_img {

    float: left;

    width: 27%;

    border-right: 1px solid #eee;

    padding: 3%;

}



.order_detail_popup .card-body {

    float: left;

    width: 58%;

    padding: 15px 15px 0;

}

.order_detail_popup .card-title {

    font-weight: 600;

    font-size: 22px;

}

.order_detail_popup .card-price {

    font-size: 22px;

    font-weight: 600;

    color: rgb(246 227 0);

}

.card.userordercard{border:none;}

.myoderdlist .userpanel-list-link {

    padding: 0;

    margin: 0;

}

.myoderdlist .userpanel-list-link li {

    margin: 0;

}

.myoderdlist .userpanel-list-link li a {

    background: #eee;

    margin: 0 15px;

    padding: 10px 30px;

}

.myoderdlist .userpanel-list-link li a:hover {

    background: #ff850b;

    color: #fff;

}

.basket-container.js-basket-container.customclassbasket #items {

	max-height: calc(100vh - 410px);

}



#slide-carousel .owl-stage {

	min-width: 3000px !important;

}

span.product_sku {

    /* border: 1px solid #eee;

    padding: 2px 3px;

    font-size: 13px;

    vertical-align: top; */



		/* border: 1px solid #eee; */

    padding: 2px 3px;

    font-size: 13px;

    vertical-align: middle;
    color: #e70404;

}
span.product_sku:after{
	content:".";
}

.add_more_item_mobile a {

    color: #0a3847;

}



.o-detail-main .map {

    display:none;

}

@media (max-width:640px)

{

div#items{max-height: 325px;height:auto;}

.procesing-sec::before {width: auto;left:25px;right: 30px;}

.procesing-sec h5 {font-size: 10px;}

.info-tab-section.menucard-imprint__section { padding-bottom: 30px;}

}

.positionRelative{

	position: relative;

}

.limitCounter{

		bottom: 0;

    position: absolute;

    /* top: 0; */

    right: 6px;

    color: gray;

    font-size: 12px;

}





.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { box-shadow:none;}



span.basket-button__label-title {

    text-transform: capitalize;

}

body .form-control{border-radius:17px;}





#accordionExample .card-header {

    padding: 0; border-bottom:none;

    background: none;

}

.card-header button.btn.btn-link {

    text-decoration: none;

    text-align: left;

    color: #000;

    float: left;

    width: 100%;

    border-radius: 0;

    padding: 15px;

}





.card-header button.btn.btn-link i {

    border-radius: 50px;

    border: 1px solid #000;

    width: 24px;

    height: 24px;

    text-align: center;

    padding: 3px;

    vertical-align: -4px;

    margin-right: 8px;

}

.card-header button.btn.btn-link:focus{ box-shadow:none;}

.collapse.show {  border-bottom: 1px solid #ccc;  margin-bottom: 15px;}

.info_box {

    background-image: url(../images/info_right.png);margin-top: 16px;
    background-repeat: repeat-x;
    background-position: left top;
    width: 160px;
    height: 102px;
    font-size: 10px;
    margin-left: 0;
    position: absolute;
    color: #73736f;
    left: auto;
    right: 60px;
    top: 16px;
}

.info_box_pickup{

    background-image: url(../images/info_right2.png);margin-top: 16px;
    background-repeat: no-repeat;
    background-position: left top;
    width: 110px;
    height: 102px;
    font-size: 10px;
    margin-left: 0;
    position: absolute;
    color: #73736f;
    left: auto;
    right: 100px;
    top: 16px;
}

.info_box_pickup .distance_pro {
    position: absolute;
    right: 14px;
    bottom: 6px;
}

.btn.btn-search img {

    max-width: 35px;

}



span.pro_duct { 

    position: absolute;

    bottom: 6px;

    left: 62px;

}

span.ti_me {

    position: absolute;

    left: 16px;

    top: 52px;

}

span.in_fo {

    position: absolute;

    top: 3px;

    left: 53px;

    width: 52px;

    height: 43px;

    cursor: pointer;

}

span.deli_very {

    position: absolute;

    right: 14px;

    bottom: 32px;

}

.item.active {

    background: #f6e300;

    border-bottom: 2px solid #000000;

}

.Status { margin-bottom: 6px;}

.status_color {    

    width: 25px;

    height: 25px;

    border-radius: 50%;

    display: inline-block;

    margin-right: 8px;

    vertical-align: middle;

}

.Status_Text {

    display: inline-block;

    vertical-align: middle;

}

.Status em {    

    font-weight: 600;

    font-size: 18px;

    margin-right: 15px;

}

.Status_Text span{

      position: relative;

    color: #0a3847;

    margin-left: 15px;

    font-size: 13px;

    text-decoration: underline;

}

/*.Status_Text span::before {

   height: 5px;

    width: 5px;

    border-radius: 50%;

    background: #000;

    content: '';

    position: absolute;

    margin: auto;

    top: 5px;

    left: -8px;

}*/
.Status.Offnet .status_color{background:#2374F7;}

.Status.Offnet em {color: #2374F7;}

.Status.Online .status_color{background:#00fe00;}

.Status.Online em {color: #00fe00;}





.Status.Idle .status_color{background:#3797d3;}

.Status.Idle em {color: #3ab0f0;}



.Status.Offline .status_color{background:#d52120;}

.Status.Offline em {color: #ff0000;}

.CartHead_btn {
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.cartb {
	display: inline-block;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 49%;
	height: auto;
	margin: 0;
	border-right: 1px solid #ccc;
	padding: 5px 0 5px 0;
}

.basket__order-button {
	color: #000 !important;
	background-color: #f6e300 !important;
	border-radius: 10px;
	line-height: 52px;
	font-size: 17px;
	transition: 0.4s;
	height: auto;
}
	.basket__order-button:hover {
		background: #990101 !important;
		color: #fff !important;
	}
.cartb label {

    padding: 8px;

    margin: 0;

    opacity:1;

}



.cartb label:hover{
 color: #e70404;
  opacity:0.75;
}
.cartb label:active, .cartb label:focus{
 color: #e70404;
  opacity:0.75;
}


.cartb .cartb_img {

    margin-top: 10px;

    display: inline;

}

.cartb .cartb_img img {

    height: 32px;

}

.cartb_txt {

    vertical-align: middle;

    font-size: 14px;font-weight: 600;

}
.cartb label.active{color: #e70404;}
.fa-shipping-fast{color: #e70404;}

form#checkout-form{

background: url(../images/left_panel_bg.jpg);

background-position: right top;

background-repeat: no-repeat;}


.main-hero {
  height: 150px;
  overflow-y: hidden;
}
.contianer-block {
  position: absolute;
  top: 15px;
  left:13%;
  right:13%;
  display:flex;
  justify-content:center;
}
.block-cont {
  width: 15%;
  overflow: hidden;
  max-width: 120px;
  float: left;
  border-radius: 10px;
  height: 120px;
  border: 8px solid #f6e300;
  background:#fff;
  margin:0 10px;
  text-align:center;
}
.logo-order-detail-page{display: flex; justify-content: center; align-items: center;}

.block-cont em {
  display: block;
  color: #4c4c4c;
  font-style: normal;
  font-size: 14px;
}
.payment-head h2, .payment-head h4 {

    text-align: center;

}

.Order_details_boxes_panel {

    text-align: center;    padding: 15px 0;

}

.OrderDetailBoxes {display: inline-block;background: url(../images/OrderDetailBoxes_bg.jpg);

background-position: right top;width:408px; height:273px; position:relative;

background-repeat: no-repeat;}

.OrderDetailBoxes span {

    width: 155px;

    height: 129px;

    overflow: hidden;

    display: inline-block;

}

.OrderDetailBoxes span img {

    max-width: 78px;

    margin: 20px 0 0;

}

.OrderDetailBoxes span.OrderDetailTime {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 12px 0 0;

    margin: auto;

    color: #afabab;

    font-size: 55px;

}

.OrderDetailBoxes span.OrderDetailPaymentGateway {

    position: absolute;

    top: 72px;

    left: 0;

}

.OrderDetailBoxes span.OrderDetailDelivery {

    position: absolute;

    right: 0;

    top: 88px;

}

.OrderDetailBoxes span.Pick-Up-Order{
  top: 72px;
}

.OrderDetailBoxes span.OrderDetailRestaurant {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: auto; 

}

.OrderDetailBoxes span em {

    display: block;

    color: #afabab; 

    font-style: normal;

    font-size: 14px;

}

.o-detail-main {

    background: url(../images/left_panel_bg.jpg);

    background-position: right top;

    background-repeat: no-repeat;

}



.review-stars1.notranslate {

    display: inline;

}

header.main-header .topbar__title img {

    vertical-align: -1px;

}



.center_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

header.main-header .topbar__title {

  width: auto;

  /* height: 43px;*/

  position: relative;
  display:flex;
  justify-content:center;
  align-content:center;
  align-items:center;
  font-weight:600;
}





i.fa.fa-info-circle{background: url(../images/info_icon.png);

background-position: right top;width:20px; height: 20px;

background-repeat: no-repeat;

background-size: 18px;
margin: 2px 0 0 0;
}

i.fa.fa-info-circle::before{display:none;} 



p.desc-heading .green-text { vertical-align: middle; margin-left: 6px;}



div#accordionExample .card {

    border: none;
	padding-top:0!important; 
	padding-bottom:0!important;
	margin-bottom:10px!important;

}
#checkout-form .form-group{margin-bottom:10px;}
.dilvery-time-c{padding-bottom:30px;}
.dilvery-time-c a, .minspan span, .tip-content span{font-size:14px!important; color:#e70404!important;}
.card i.fa.fa-minus{display:none;}
/*.checkicon0{left: 13%;right: 0;margin-left: 0 !important;top: 23px; width:40px;}*/
/*.checkicon1{left:29%; right:0; margin-left:0!important;top: 23px; width:40px;}*/

#accordionExample [aria-expanded="true"] i.fa.fa-plus{display:none;}

#accordionExample [aria-expanded="true"] i.fa.fa-minus{display:inline-block;}

body .accordion>.card>.card-header{margin-bottom:0;}

#accordionExample [aria-expanded="false"], #accordionExample [data-toggle="collapse"]{border-bottom:1px solid #ccc;}

#accordionExample [aria-expanded="true"]{border-bottom:none;} 



/*.payment-way.info-tab-section .info-pay-card{background: url(../images/info-pay-card_bg.png);background-position: left top;width:110px; height:101px;background-repeat:no-repeat !important;    background-size: 100% !important;}

.payment-way.info-tab-section .info-pay-card.active{background: url(../images/Active_info-pay-card_bg.png);}*/

.payment-way.info-tab-section .info-pay-card{border:1px solid #777;width:85px; height:55px; border-radius:5px;}



.payment-way .info-pay-card-list .info-pay-card {

	margin: 0 10px 0px 0;

	cursor: pointer;

}

payment-way .info-pay-card img {

    margin-bottom: -11px;

}

tr.totalRow {

    background: #e7e6e6;

}

tr.totalRow.MainRow { text-transform:capitalize;

    border-top: 2px solid #fff;

}

.UserInfoTable {

    border: 1px solid #ccc;

    padding: 15px;

}
.UserInfoTable tr{border-bottom:1px solid #d3d3d3;}
.UserInfoTable td{

    border:none; vertical-align:middle;

    font-size: 18px;

    line-height: 40px;

}



.UserInfoTable h3 { font-size:24px;

    margin-top: 20px;

}

.UserInfoTable h3 span{

    font-size:12px;

}
.UserInfoTable .table img{width:40px;}

.CustomerInfoBtn {

    text-align: center;padding:15px 0;

}

.CustomerInfoBtn h4{color:#666666; font-weight:600; text-transform:capitalize;}

.CustomerInfoBtn .btn.btn_Neue {

    background: #e70404;

    min-width: 250px; color:#fff;

    text-decoration: underline;

    font-size: 18px;

    font-weight: 600;

    border-radius: 0;

    margin-top: 10px;

    padding: 10px 0; 

}





.pro_qty_prc em {

   font-style:normal;

}

.CartHead_btn .autocomplete-items {

    right: 0;

    max-height: 400px;

    overflow-y: auto;

}



@media (max-width:640px)

{

.topbar__logo {margin-top: 5px;}	



header.main-header .topbar__title {
    font-size: 13px;
    line-height: 12px;
    padding: 7px 0px;
    width: 100%;
    max-width: 191px;
    margin-top: 1px;display:inline;
}

header.main-header .topbar__title img {vertical-align: -5px;}

.contianer-pizza .container.pt-2 #Reorder{ display: flex; flex-direction: column; }

.img-center span {top: 0;}

.img-center img {margin-top: 9px;}

.payment-way .info-pay-card span{ line-height:12px;}

.payment-way .info-pay-card img{width: 50%;}
.payment-way.info-tab-section .info-pay-card{height:70px;}
.checkicon0 {left: 23%;}
.checkicon1 {left: 50%;}

.topbar__logo .back{display:none;}



.OrderDetailBoxes {width: 310px;height: 207px; background-size:100% 100%;}

.OrderDetailBoxes span.OrderDetailTime {padding: 12px 0 0; font-size: 36px;}



.OrderDetailBoxes span.OrderDetailPaymentGateway {top: 71px;}

.OrderDetailBoxes span {width: 118px;height: 93px;}

.OrderDetailBoxes span img { max-width: 47px; margin: 2px 0 0;}

.OrderDetailBoxes span.OrderDetailRestaurant img {margin: 15px 0 0;}

.comp-logo {display: block;}

.order-names h3 {padding: 0;}

.order-names {text-align: left;}

::-webkit-scrollbar {height: 2px;}

}



/* new css start */ 

.border-bottom .card-body {

    padding-bottom: 6;

}

.card.border-bottom {

    border-color: #505050 !important;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.border-none{

	border:none !important;

}

.border-none .card-header{

	background-color:#fff;

	border-bottom:none;

}



.contianer-pizza .container {

    padding-left: 0 !important;

}

#paypal-button-container {
    width: 300px;
}
/* new css end */


@media (max-width: 767px){
	
	.topbar-container.container-fluid .row {
	flex-direction: column!important;
}

.topbar-container .col-md-4:last-child {
	max-width: 100%!important;
}

.topbar__title-container {
	font-size: 13px;
	margin-bottom: -8px!important;
padding:10px 0;
}
.info_box { margin-top: 0;
  float: right;
  margin-right: 25px;
  right: 10px;
  position: relative;
  top: 74px;
}

.change_Order_First {
    margin-top: -58px;
}

section.login-tab{
  height: 100vh;
}

#info-modal{
  padding-right: 0 !important;
}
#info-modal .modal-content{
  min-height: 100vh;
}

.info_box_pickup{
  right: 84px;
  top: 54px;
}
.dilvery-time-c>div {
    margin-bottom: 26px;
}
.mintext span.cross {
    right: 0px !important;
}
/*.mintext span.errmsg {
    position: relative !important;
    top: -13px !important;
}*/
.mintext span.errmsg {
    position: relative !important;
    top: -21px !important;
	font-size:80%!important;
}
.mintext .fa-clock {
    right: 27px !important;
}
input#time {
    width: 95%;
}
.banner-pay-sec, .shoping-cart-banner{display:none;}

}
@media (max-width: 575px){
  #Reorder{
    flex-wrap: wrap;
  }

  .change_Order {
    flex: 0 0 100%;
    order: 2;
    margin: 0;
}
.change_Order_First {
    margin-top: -58px;
    margin-bottom: 70px;
    flex:0 0 100%;
}



.info_box{
  background-repeat: no-repeat;
  background-size: 90%;
}

.info_box{
  right: -3px;
}

span.ti_me {
    left: 13px;
    top: 43px;
    font-size: 9px;
}

span.pro_duct {
    bottom: 14px;
    left: 56px;
}
span.deli_very {
    right: 28px;
    bottom: 36px;
}

.img-center span {
    top: 6px;
}

.img-center span{
  width: 97px;
  height: auto;
}

.info_box_pickup {
    right: 60px;
    top: 54px;
    background-size: 95px;
}


.food-name h3{
  font-size: 22px;
}

.orderfinish .status-Geoffnet {
    position: absolute;
    top: 0;
}

.orderfinish .star-rating {
    position: absolute;
    top: 35px;
}

.orderfinish .food-name {
    margin: 110px 0 0 0;
}
.Status_Text span{
  margin-left: 0;
}
.img-center img {
    margin-top: 5px;
}

.img-center span{
  padding: 10px 20px;
}

}

/* new css start */
.mintext .fa-clock {
    position: absolute;
    top: 12px;
    right: 18px;
}
.mintext span.cross {
	position: absolute;
    top: 3px;
    right: -15px;
    font-size: 22px;
    color: #e70404;
}
.mintext {
	top: 23px;
    position: relative;
}
.dilvery-time-c{
align-items: flex-end;
}
/*.mintext span.errmsg {
    position: absolute;
    top: 43px;
    width: 100%;
    left: 0;
}*/
.mintext span.errmsg {
    position: absolute;
    top: 35px;
    width: 100%;
    left: 0;
	font-size: 11px;
line-height: 10px;
}
span.timerset {
    border-radius: 43px;
    width: 100%;
    display: block;
    top: 5px;
    position: relative;
    top: 2px;
}
span.checkmarkicon {
    position: absolute;
    top: 12px;
    right: -46px;
}
/* new css end */

.cartHeaderContainer.basket-button.basket-button--secondary {
    background: #f6e300;
    font-weight: bold;
    padding: 30px 0;
}
span.basket-button__label-title {
    color: #000;
    font-size: 19px;
}


.delivery_costs_container span.pr-name {
    font-weight: 600;
}



#search-pop-header .modal-dialog .modal-content {
	border-radius: 14px;
}


.RestaurantBox{display:flex; justify-content:center;}
.RestaurantBox::before {
	background-color: rgb(0 0 0 / 77%);
	padding: 12px;
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
}

#Reorder {
	
	position: relative;
	z-index: 999;
}


.card-info{
	position: relative;
}

.check-icon{
	position: absolute;
	left: 59%;
    right: 0;
    margin-left: 0 !important;
    top: -8px;
    width: 60px;
}

.active .check-icon{
	display: block;
}

.active{
	background: #ffeded;

	border-color: #d0edbc
}



.RestaurantText h2{font-size:1.5rem; font-weight:600;}

.timer2{font-size: 40px;color: #e70404;margin-top: 17px;display: block;}

@media (max-width:640px)
{
.topbar-container{height: auto;text-align: center;padding: 10px 1.5rem;}
.rightMenuP{display:inline-block;float: none !important; margin: 10px 0;}
}

@media (max-width:639px)
{
.hero {height: 440px;}
.menu-right {margin-left: 0;padding: 0 8px;}
#myBtntoptobottom{display:block!important;bottom: 65px;right: 10px;}
#pincodeFORM {padding: 15px;}
button.btn.btn-search { display: block; max-width: inherit; width: 100%;margin-top: 10px;float: left;}
#search-pop-header {padding: 15px;}
.popUpOptions label.form-check-label{padding:15px 20px;}
.rightMenuP ul li {margin: 0 10px;}
.timer2 {font-size: 30px;margin-top: 13px;}
}

@media screen and (min-device-width: 650px) and (max-device-width: 767px) { 

.RestaurantBox .hero {
	height: 270px!important;
}

.RestaurantBox .hero img.img-fluid {
	height: auto!important;

}
.hero {height: 440px;}
.RestaurantLogoImg {width: 30%;}
.RestaurantText {width: 100%;}
.reviews{display:inline;}
.timer2 {font-size: 30px;margin-top: 13px;}
#myBtntoptobottom{display:block!important;bottom: 65px;right: 10px;}
}
@media only screen and (max-width:767px){
.RestaurantBox::before {background-color: rgba(0, 0, 0, 0.0)!important;}	
.hero {height: 420px!important;}
.RestaurantLogoImg {width: 30%!important;}
.RestaurantText {width: 100%!important;}
.reviews{display:inline!important;}	
.topbar__logo.Newone img{margin-top:0!important;}
.rightMenuP{padding-top:0!important;}
.frst-div{margin-bottom:5px!important;}
.main-hero{height: 120px;}
.contianer-block{left:4%; right:4%;}
.block-cont{height:90px;margin: 0 2px; width:25%;}
.block-cont img{width:90%;}
.block-cont em{font-size:11px;}
.timer2 {font-size: 30px;margin-top: 13px;}
}
@media (min-width:769px) and (max-width:1024px){

.info_boxPanel {
	margin-top: 0!important;

}
.nav-link {padding: .5rem 5px;}
.hero {height: 100%;}

}
@media (min-width:642px) and (max-width:855px){
	
	.info_boxPanel {
	margin-top: 0px !important;
}

.RestaurantText h2 {
	font-size: 23px!important;
}

.RestaurantProfileLeft {
	display: flex!important;

}
}


@media (min-width:1000px) and (max-width:1200px){
.RestaurantProfileLeft {
	display: flex;
}	
.RestaurantText h2 {
	font-size: 20px;
}	
.info_boxPanel {
	margin-top: -28px;

}	
}