@media(max-width: 1900px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-top-bg {top: -70px;}
	.menu-bottom-bg {bottom: -130px;}
	.chef-top-bg {top: -350px;}
	.chef-bottom-bg {bottom: -350px;}
	.customer-top-bg {position: absolute; top: -70px;}

}


@media(max-width: 1800px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-top-bg {top: -70px;}
	.chef-top-bg {top: -330px;}
	.chef-bottom-bg {bottom: -330px;}
}


@media(max-width: 1700px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-bottom-bg {bottom: -120px;}
	.chef-top-bg {top: -310px;}
	.chef-bottom-bg {bottom: -310px;}
}


@media(max-width: 1600px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-bottom-bg {bottom: -110px;}
	.chef-top-bg {top: -290px;}
	.chef-bottom-bg {bottom: -290px;}
	.customer-top-bg {position: absolute; top: -55px;}
}


@media(max-width: 1500px){

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.container {max-width: 1140px;}
	.order-top{top: -80px;}
	.order-bottom {bottom: -75px;}
	.menu-top-bg {top: -50px;}
	.menu-bottom-bg {bottom: -90px;}
	.chef-top-bg {top: -231px;}
	.chef-bottom-bg {bottom: -231px;}
	.customer-top-bg {top: -45px;}
	.customer-bottom-bg {bottom: 0px;}
	.xspeciality-img {width: 350px; height: 350px;}
	.xspeciality-img .spec-image{width: 350px; height: 350px;}
	button.owl-prev {left: 10px;}
	button.owl-next {right: 10px;}
	.banner-slide-2 .pizza-1 {right: -30px;}
	.banner-slide-2 .pizza-2 {top: -30px;}
	.banner-slide-2 .pizza-3 {top: 50px;}
	.banner-slide-2 .pizza-5 {bottom: -70px; right: 0px;}
	.banner-slide-2 .pizza-4 {bottom: -70px;}
	.banner-slide-3 .pizza-5 {top: 50px; right: -50px;}
	.banner-slide-3 .pizza-3 {top: -10px; right: 30px; left: unset;}
	.banner-slide-3 .pizza-4 {bottom: -30px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__thumbs img {max-width: 80px;}
	.gallery__hero img {max-height: 415px;}
}


@media(max-width: 1199px){

	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.sticky-top {top:90px;}
	.sticky-offset-cart {top:70px;}
	.container{max-width: 960px}
	.pb-50 {padding-bottom: 35px;}
	.com-btn{padding: 12px 30px; margin-top: 30px;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	#menu {margin-left: 10px;}
	#menulist {margin-left: 10px;}
	#dbcart {margin-left: 10px; background: var(--basketback);}
	#dbopties {margin-left: 10px;}
	#reservation {margin-left: 10px;}

	.navbar-nav > li > a {padding: 11px 8px;}
	.category-nav > li > a {padding: 11px 8px;}
	.header-right-link > ul > li {padding: 0 8px;}
	.header-right-link ul li > a {padding: 7px 0;}
	.header-right-link > ul > li > a .link-text {font-size: 14px;}
	li.order-online {top: 0;}
	li.order-category {top: 0;}
	.header-right-link > ul > li > a span.icon {top: -3px;}

	.banner-headding {font-size: 120px;}
	.banner-sub-hed{letter-spacing: 7px;}
	.banner-text{top: 130px;}
	.banner-sub-hed {font-size: 12px;}
	.banner {min-height: 630px;}
	.banner .owl-item {min-height: 630px;}
	.owl-carousel .owl-item .pizza-img {max-width: 800px;}
	button.owl-prev:before {font-size: 60px;}
	button.owl-next:before {font-size: 60px;}
	.pizza-1 {bottom: 0px; right: -60px; max-width: 130px;}
	.pizza-2 {top: 20px; right: -60px; max-width: 250px;}
	.pizza-3 {top: 50px; left: 280px; max-width: 70px;}
	.pizza-4 {bottom: 70px; left: 0px; max-width: 170px;}

	.owl-carousel .owl-item .banner-slide-2 .pizza-img{max-width: 420px;}
	.banner-slide-2 .banner-box {padding-top: 120px;}
	.banner-slide-2 .pizza-5 {max-width: 180px;}
	.banner-slide-2 .pizza-4{max-width: 60px; bottom: -50px; right: 210px;}
	.banner-slide-2 .pizza-6 {bottom: 30px; right: -20px; max-width: 60px;}
	.banner-slide-2 .pizza-1 {top: -60px; right: 0px; max-width: 140px;}
	.banner-slide-2 .pizza-2 {top: -50px;}
	.banner-slide-2 .pizza-3 {top: 40px; max-width: 50px; left: -10px;}

	.banner-slide-3 .banner-box {padding-top: 90px;}
	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 470px;}
	.banner-slide-3 .pizza-2 {bottom: 0px; left: 0px; max-width: 120px;}
	.banner-slide-3 .pizza-4 {bottom: -20px; right: -10px; max-width: 140px;}
	.banner-slide-3 .pizza-5 {max-width: 150px;}
	.banner-slide-3 .pizza-3 {top: 0px; right: 20px; left: unset; max-width: 140px;}
	.banner-slide-3 .pizza-1 {top: -20px; left: 120px; max-width: 80px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 20px; max-width: 80px;}

	.order-section .padding-lf {padding: 0px 20px;}
	.order-top{top: -40px;}
	.order-bottom{bottom: -40px;}

	.headding-part .headding-title {font-size: 60px;}
	.xspeciality-img {width: 280px; height: 280px;}
	.xspeciality-img .spec-image {width: 280px; height: 280px;}
	.menu-top-bg{top: -40px;}
	.menu-bottom-bg {bottom: -70px;}
	.chef-top-bg{top: -190px;}
	.chef-bottom-bg{bottom: -190px;}
	.customer-top-bg{top: -42px;}
	.customer-bottom-bg{bottom: 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-banner {padding-top: 125px; padding-bottom: 80px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.filter-part .filter-line li{padding: 16px 30px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__thumbs a {margin: 0px 8px;}
	.gallery__thumbs img {max-width: 70px;}
	.gallery__hero img {max-height: 345px;}
	ul.share {width: 200px;}
	ul.compare {width: calc(100% - 200px);}
	ul.compare li {padding: 0px 10px;}
}


@media(max-width: 1024px){
	.cartcontent{
		display: none;

	}

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.blog-headding, .blog-detail h2 {font-size: 25px;}
	.blog-input {font-size: 15px; padding: 8px 30px 8px 10px;}
	.blog-search:before{top: 7px; right: 8px;}
	.find-blog {font-size: 0; width: 28px; height: 40px;}
	.categorie-head {font-size: 20px; padding-bottom: 5px;}
	.categories ul li a{padding: 10px 0px;}
	.blog-search{padding-bottom: 25px;}
	.recent-box {display: inline-block; margin-bottom: 15px}
	.recent-img {width: 100%;}
	.recent-text {width: 100%; padding-left: 0; padding-top: 5px;}
	.recent-title {font-size: 15px;}
	.recent-inner {padding-top: 20px;}
	.tage-part ul {padding-top: 5px;}
	.tage-part ul li a{padding: 3px 10px;}
	.recent-sub{padding-bottom: 0;}
	.recent-img img {width: unset;}
	.map-pizzon {height: 350px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.crust-title {font-size: 35px;}
	.filter-part .filter-line li{padding: 16px 25px;}
}


@media (min-width: 992px) {
	
	.menu-button{display: none;}
	#dbopties { max-width: 50%; right: 0}
	#dbopties { background: #fff; border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; bottom: -100%;  margin: 0 !important;  position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;  z-index: 999}
	#dbopties.show, #dbopties.menu-open {bottom: 0;  z-index: 999; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .2);}
	#dbopties .level {position: relative;}
	#dbopties span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}
	#dbopties span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#dbopties span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#dbopties .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 0;}
	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.container{max-width: 1278px}
	.mobilemenu-content, .nav > li.level:hover .megamenu {display: block !important;}
	.megamenu {display: block !important; opacity: 0; visibility: hidden; top: calc(100% + 10px);}
	.header-right-link > ul > li.order-online {padding-right: 0;}
	.header-right-link > ul > li.order-category {padding-right: 0;}
	.header-right-link > ul > li:hover .header-link-dropdown {opacity: 1;}
	.nav > li.level:hover .megamenu {opacity: 1; visibility: visible; top: 100%;}
	.header-right-link ul li.cart-icon:hover > a span.icon {background-position: -9px -52px;}
	/*header#header.sticky .navbar-brand img {max-width: 150px;}*/
	.sticky .navbar-nav > li > a {padding-top: 25px; padding-bottom: 25px;}
	.sticky .header-right-link ul li > a {padding: 13px;}
	.header-right-link > ul > li.order-online {transition: all 400ms ease;}
	.header-right-link > ul > li.order-category {transition: all 400ms ease;}
	.sticky .header-right-link > ul > li.order-online {padding-top: 13px; padding-bottom: 13px;}
	.sticky .header-right-link > ul > li.order-category {padding-top: 13px; padding-bottom: 13px;}
	.tab-content>.active {
	justify-content: space-between;
	width: calc(100% - .1em) !important;
}
#menulist{
    -webkit-box-shadow: -10px 4px 14px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -10px 4px 14px -8px rgba(0,0,0,0.75);
box-shadow: -10px 4px 14px -8px rgba(0,0,0,0.75);
}
}

@media(min-width: 992px){
	#order_summary{display:none;}
	}



@media(max-width: 991px){
	.logoheader{position: absolute; top:0; left:0; max-width:130px;}
	.logoheaderoverlap{max-height:44px !important;  }
	.cartqty {background-color:var(--hoofdlinkkleur); !important; color: var(--hoofdkleur);  line-height: 0.5em; }
	.menuholder { margin-top:0px !important;}
	.navbar-brand img{max-width:150px; transition: all 400ms ease;}
	.sticky-top-header{
   	width: calc(100% - 0em) !important;
	}
#basket-large{display:none;}

#menulist { border-bottom: 0 none; border-left: 0 none;
}
	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.container{max-width: 90%}
	.ptb {padding-top: 25px; padding-bottom: 25px;}
	.pt-50 {padding-top: 20px;}
	.pt-100 {padding-top: 65px;}
	.order-md_1{order: 1;}
	.order-md_2{order: 2;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	.menu-width {max-width: 0 !important; padding: 0;}
	#menu {border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; right: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;}
	#menu.show, #menu.menu-open {right: 0;}

	#menulist { border-bottom: 0 none; bottom: 0;  display: inline-block !important; height: calc(100% - 0px) !important; right: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;}
	#menulist.show, #menulist.menu-open {right: 0;}

	#dbcart { border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; bottom: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;  z-index: 198}
	#dbcart.show, #dbcart.menu-open {bottom: 0; left:0; z-index: 198}

	#reservation {border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; bottom: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;  z-index: 198}
	#reservation.show, #reservation.menu-open {bottom: 0; left:0; z-index: 198}

	#dbopties { background: #fff; border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; bottom: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;  z-index: 999}
	#dbopties.show, #dbopties.menu-open {bottom: 0; left:0; z-index: 999}



	.navbar-collapse {padding: 0px 15px 0 0;}
	.navbar-collapse > ul {margin: 0 auto; width: 100%; display: block; padding-top: 20px;padding-bottom: 90px; margin-top: 20px;}
	.navbar-nav > li {display: inline-block; float: none; width: 100%;}
	.navbar-nav > li > a {

	padding: 15px 0px;
	 display: block;
	
	 color: var(--hoofdkleur) !important;
	 background: var(--hoofdlinkkleur);
	 border: none;
	 border:1px solid var(--hoofdlinkkleur);
 padding: 13px 15px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important;
	margin-bottom:10px;
width: 100%;
}
.logonav{display: block !important;   
-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0, 0.5));
  filter: drop-shadow(2px 2px 2px rgba(0,0,0, 0.5));}










	.category-collapse {padding: 0px 15px 0 0;}
	.category-collapse > ul {margin: 0 auto; width: 100%; display: block; max-width: 690px;padding-top: 20px;padding-bottom: 90px;}

	.events-collapse {padding: 0px 15px 0 0;}
	.events-collapse > ul {margin: 0 auto; width: 100%; display: block; max-width: 690px;padding-top: 20px;padding-bottom: 90px;}

	.delivery-collapse {padding: 0px 15px 0 0;}
	.delivery-collapse > ul {margin: 0 auto; width: 100%; display: block; max-width: 690px;padding-top: 20px;padding-bottom: 90px;}

	.category-nav > li {display: inline-block; float: none; width: 100%;}
	.category-nav > li > a {padding: 15px 0px; color: #fff; display: block; margin-right: 40px;}


	.nav > li:hover > a, .nav > li.active > a, .nav > li > a:focus {background: var(--hoofdlinkkleur); color: var(--hoofdkleur);}
	
	#header .nav > li:first-child ul li.level2 a {padding-left: 0;}
	.navbar-nav > li.dropdown > a:after {display: none;}
	.category-nav > li.dropdown > a:after {display: none;}
	.megamenu .sub-menu-level2 li.level3 > a span{background: var(--hoofdlinkkleur);}
	.megamenu .sub-menu-level2 li.level3 > a:hover span{background: var(--hoofdlinkkleur);}
	.nav > li:hover > a, .nav > li.active > a, .nav > li > a:focus{color: var(--hoofdlinkkleur);}
	#menu .level {position: relative;}
	#menu span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: -10px;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}
	#menu span.plus {background-position: -84px -378px;}
	#menu span.minus {background-position: -84px -416px;}

	#menulist .level {position: relative;}
	#menulist span.opener {color: #000; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}
	#menulist span.plus {background-position: -94px -378px;}
	#menulist span.minus {background-position: -94px -416px;}

	#dbcart .level {position: relative;}
	#dbcart span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}

	#reservation .level {position: relative;}
	#reservation span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}


	#dbopties .level {position: relative;}
	#dbopties span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}

	.megamenu .level2 > a {position: relative; margin-bottom: 2px; margin-right: 0;}
	.megamenu .level2 > a:before {content: ""; font-family: FontAwesome; position: absolute; left: -11px;}
	.menu-list-res {display: block;}
	/*.navbar-header .navbar-brand {max-width: 150px;}*/
	header#header.sticky {padding: 15px 0;}

	.megamenu { background-color: transparent; border-top: none; position: relative; left: auto; top: auto; opacity: 1; padding: 0px 30px; transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -o-transition: none 0s ease 0s;}
	.megamenu .container {width: 100%;}
	.megamenu .sub-menu-level1 li.level2 {float: none; margin-bottom: 15px;}
	.megamenu {box-shadow: none;}
	.megamenu-inner-top .left-p {padding-right: 0;}
	.side-toggle {display: block; overflow: unset !important;}
	.navbar-toggle { border: none; background: none; position: relative; top: unset; right: unset; color: #333333; height: 27px; padding: 8px 10px; width: 24px; display: flex;}
	.category-toggle { border: none; background: none; position: relative; top: unset; right: unset; color: #333333; height: 27px; padding: 8px 10px; width: 24px; display: flex;}
	.megamenu .level2 > a {color: #000000;}
	.header-right-link > ul > .side-toggle {padding: 7px 8px;     padding-right: 0;}
	.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {width: 100%; left: 0;}
	.category-toggle span, .category-toggle span:before, .category-toggle span:after {width: 100%; left: 0;}
	.megamenu .sub-menu-level2 li.level3 > a {color: var(--hoofdlinkkleur); padding: 12px 0px;}
	.megamenu .sub-menu-level2 li.level3 > a:hover {color: var(--hoofdlinkkleur);}
	button.navbar-toggle i.fa {font-size: 24px; color: #fff;}
	button.category-toggle i.fa {font-size: 24px; color: #000;}
	button:focus {outline: none;}
	#menu span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#menu span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#menu .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 0;}

	#menulist span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#menulist span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#menulist .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 100;}

	#dbcart span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#dbcart span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#dbcart .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 0;}

	#reservation span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#reservation span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#reservation .active span.plus:after{transform: rotate(90deg); top: -1px;


	#dbopties span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
	#dbopties span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
	#dbopties .active span.plus:after{transform: rotate(90deg); top: -1px;opacity: 0;}

	.menu-list-d {display: none;}
	.cart-dropdown.header-link-dropdown.active {opacity: 1; display: block;}
	.cart-dropdown.header-link-dropdown{display: none;}
	.header-right-link ul li.cart-icon.active > a span.icon {background-position: -9px -54px;}
	li.cart-icon.active{overflow: unset !important;}

	.banner-headding {font-size: 90px;}
	.banner-text{top: 100px;}
	.banner {min-height: 500px;}
	.banner .owl-item {min-height: 500px;}

	button.owl-prev:before {font-size: 40px;}
	button.owl-next:before {font-size: 40px;}
	.owl-carousel .owl-item .pizza-img {max-width: 700px;}
	.pizza-1 {right: -30px; max-width: 100px;}
	.pizza-2 {right: -30px; max-width: 200px; top: 40px;}
	.pizza-3 {left: 260px; max-width: 60px;}
	.pizza-4 {left: 20px; max-width: 130px;}

	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 310px;}
	.banner-slide-2 .pizza-1 {top: -50px; right: -10px; max-width: 110px;}
	.banner-slide-2 .pizza-2 {max-width: 70px;}
	.banner-slide-2 .pizza-3 {top: 20px; max-width: 35px; left: 10px;}
	.banner-slide-2 .pizza-5 {max-width: 130px; bottom: -40px; right: -10px;}
	.banner-slide-2 .pizza-6 {bottom: 40px; right: -10px; max-width: 40px;}
	.banner-slide-2 .pizza-4 {max-width: 40px; bottom: -40px; right: 140px;}

	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 330px;}
	.banner-slide-3 .pizza-4 {bottom: -10px; right: -10px; max-width: 100px;}
	.banner-slide-3 .pizza-2 {max-width: 80px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 0px; max-width: 50px;}
	.banner-slide-3 .pizza-1 { top: -10px; left: 50px; max-width: 50px;}
	.banner-slide-3 .pizza-5 {max-width: 120px; top: 40px; right: -40px;}
	.banner-slide-3 .pizza-3 {max-width: 110px;}

	.order-section .order-title {font-size: 25px; padding-bottom: 5px;}
	.order-section .order-des{max-width: 290px; margin: 0 auto;}
	.servose-box:last-child{padding-bottom: 0!important;}
	.headding-part .headding-title {font-size: 50px; line-height: 30px;}
	.headding-part .headding-titledark {font-size: 50px; line-height: 30px;}
	.headding-part .headding-sub {font-size: 25px;}
	.headding-part .headding-subdarkback {font-size: 25px;}
	.xspeciality-img {width: 200px; height: 200px;}
	.xspeciality-img .spec-image {width: 200px; height: 200px;}
	.ser-title {font-size: 20px; padding-top: 15px;}
	.special-tab .nav-tabs li a{padding: 14px 22px;}
	.menu-img {width: unset; height: unset;}
	.our-menu-panel {padding-top: 0px;}
	.menu-img .menu-image {width: 100%; height: unset; max-width: 150px;}
	.online-call{font-size: 25px; padding: 10px 10px 10px 40px; background-size: 25px; width: unset;}
	.form-control{height: 50px; padding: 0px 15px; border-radius: 10px}
	.form-group {margin-bottom: 5px;}
	.more-table-v{padding: 10px 30px;}
	.custom-select-trigger{line-height: 42px; padding: 0px 15px;}
	.custom-select-trigger:after {right: 15px;}
	.custom-option{line-height: 41px;}
	.menu-top-bg {top: -30px;}
	.online-call:before{background-size: 25px;}
	.menu-bottom-bg {bottom: -55px;}
	.chef-top-bg {top: -150px;}
	.customer-top-bg {top: -34px;}
	.chef-bottom-bg {bottom: -148px;}
	.new-box .news-headline {font-size: 16px; line-height: 20px;}
	.news-img .news-date{width: 58px; height: 58px; bottom: 10px; right: 10px;}
	.news-img .news-date-bg{width: 62px; height: 62px; bottom: -22px; right: 18px;}
	.new-box .news-more{margin-top: 10px;}
	.customer-img-in {width: 100px;}
	.customer-img .customer-image{height: 100px;}
	.customer-img {width: 130px;}
	.customer-reviews {width: calc(100% - 130px); padding: 20px 20px;}
	.customer-img .customer-name{font-size: 18px; padding-top: 5px;}
	.about-pizzon-img {padding-left: 20px;}
	.footer-logo .footer-des{margin: 0 auto;     padding-top: 15px;}
	.opening-hours ul{margin: 0 auto; padding-top: 15px;}
	.opening-hours ul li{text-align: left;}
	.footer-box {flex: 0 0 100%; max-width: 100%; text-align: center; padding-top: 40px;}
	.useful-links ul {padding-top: 15px;}
	footer{padding-top: 50px;}
	.footer {padding-bottom: 60px;}
	.copyright-box {flex: 0 0 100%; max-width: 100%; text-align: center;}
	.copyright ul {text-align: center; padding-top: 15px;}
	.copyright {padding: 20px 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-headding {font-size: 42px;}
	.page-name{padding-top: 0;}
	.page-banner {padding-top: 115px; padding-bottom: 70px;}
	.menu-detail {padding: 10px 5px;}
	.menu-tabbing {padding-bottom: 30px;}
	.item-desc {padding-top: 4px; padding-bottom: 10px;}
	.menu-detail ul li{padding: 0px 5px;}
	.list-img-2 {width: 150px; height: 150px;}
	.menu-detail-2 {width: 100%; padding-left: 10px;}
	.menu-list-box-2{padding: 0; margin-bottom: 30px}
	.category-list-box-2{padding: 0; margin-bottom: 0px}

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.blog-headding, .blog-detail h2 {font-size: 25px;}
	.blog-input {font-size: 15px; padding: 8px 30px 8px 10px;}
	.blog-search:before{top: 7px; right: 8px;}
	.find-blog {font-size: 0; width: 28px; height: 40px;}
	.categorie-head {font-size: 20px; padding-bottom: 5px;}
	.categories ul li a{padding: 10px 0px;}
	.blog-search{padding-bottom: 25px;margin-top: 40px;}
	.recent-box {display: inline-block; margin-bottom: 15px}
	.recent-img {width: 100%;}
	.recent-text {width: 100%; padding-left: 0; padding-top: 5px;}
	.recent-title {font-size: 15px;}
	.recent-inner {padding-top: 20px;}
	.tage-part ul {padding-top: 5px;}
	.tage-part ul li a{padding: 3px 10px;}
	.recent-sub{padding-bottom: 0;}

	/*_______________________________________________________
	// Blog Detail Page  //----------------------------
	________________________________________________________*/
	.explain-box{padding: 30px 10px;}
	.recent-box {display: flex; margin-bottom: 15px;}
	.recent-img {width: 80px;}
	.recent-text {width: calc(100% - 80px); padding-left: 10px; padding-top: 0px;}

	/*_______________________________________________________
	// Reservetion Page  //----------------------------
	________________________________________________________*/
	.table-book {font-size: 20px; padding: 5px 50px;}
	.reservation form {padding-top: 30px;}
	.reservation:before{width: 50%; background-size: contain;}
	.reservation:after{width: 50%; background-size: contain;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.about-text {padding-left: 0;}
	.story {padding-top: 20px;}

	/*_______________________________________________________
	// Contact Page  //----------------------------
	________________________________________________________*/
	.contact-in {padding-top: 50px;}
	.contact-in .leave {padding-left: 0px;}
	.contact-head {font-size: 30px;}

	/*_______________________________________________________
	// Shop categories Page  //----------------------------
	_______________________________________________________*/
	.crust-title {font-size: 30px;}
	.crust-banner {padding: 40px 40px;}
	.filter-part .custom-select-trigger {padding: 0px 0px; line-height: unset;}
	.filter-part .form-control{height: unset;}
	.filter-part .filter-line li {padding: 10px 15px;}
	.filter-part .filter-line li:first-child {padding: 10px 15px;}
	.filter-part .filter-line li:last-child{padding: 13px 15px;}
	.filter-part .custom-select-trigger:after{top: 11px;}
	.img-filter img{width: 100%;}
	.order-filter{padding: 10px 20px;}
	.filter-part {padding-bottom: 20px;}
	.filter-grid .order-filter {padding: 5px 15px;}
	.filter-grid .filter-order ul {padding-left: 5px;}
	.filter-grid .filter-order ul li a {width: 35px; height: 35px; line-height: 35px; font-size: 20px;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.gallery__hero img {max-height: 260px;}
	.gallery__thumbs a {margin: 0px 3px;}
	.gallery__thumbs img {max-width: 60px;}
	.share-title {font-size: 16px;}
	ul.compare{width: 100%;}
	ul.share{width: 100%; text-align: left; padding-top: 10px;}
	.crust-choose ul li a{margin-bottom: 10px;}
	.releted-product {padding-bottom: 65px;}
	.mb-md-30 {margin-bottom: 30px;}
}


@media(max-width: 767px){

	/*_______________________________________________________
	// General Style //----------------------------
	________________________________________________________*/
	.col-md-6 {
    flex: 0 0 auto;
    width: calc(100% - 0em);
	}
	.col-md-6-form {
    flex: 0 0 auto;
    width: calc(50% - 0em);
	}
	.col-md-8-form {
    flex: 0 0 auto;
    width: calc(66% - 0em);
	}
	.col-md-4-form {
    flex: 0 0 auto;
    width: calc(33% - 0em);
	}
	.sticky-top {top: 60px;}
	.container{max-width: 98%;}
	.ptb {padding-top: 20px; padding-bottom: 20px;}
	.pb-50 {padding-bottom: 20px;}
	.pt-50 {padding-top: 10px;}
	.pt-100 {padding-top: 50px;}
	.pb-r-30{padding-bottom: 30px;}
	.mb-60{margin-bottom: 40px;}

	/*_______________________________________________________
	// Home Page //----------------------------
	________________________________________________________*/
	header#header{padding: 10px 0;}
	header#header.sticky {padding: 10px 0;}
	
	.header-right-link > ul > li > a span.icon{height: 25px; width: 25px;}
	.header-right-link ul li.call-icon > a span.icon{background-position: -12px -91px;}
	.header-right-link > ul > li > a .link-text {font-size: 13px; padding-left: 4px; display: none;}
	.header-right-link > ul > li{padding: 0 10px;}
	.header-right-link ul li.cart-icon > a span.icon {background-position: -11px -17px;}
	.header-right-link ul li.call-icon:hover > a span.icon {background-position: -13px -124px;}
	li.order-online {top: 4px;}
	li.order-category {top: 4px;}
	.cart-dropdown .cart-list li .media .pull-left {width: 70px; padding-right: 0px;}
	.cart-dropdown .input-text.qty {padding: 0px 0px;}
	.input-text.qty{max-width: 40px;}
	.btn, button {padding: 14px 10px; font-size: 14px;}
	.header-link-dropdown{padding: 15px; width: 100%; left: 0; top: 65px; position: fixed;z-index: 99;}
	.cart-dropdown .cart-list li .media{display: flex;align-items: center;}
	.cart-dropdown .cart-list li .media .media-body{width: calc(100% - 70px);padding-left: 15px;}
	.cart-icon{position: unset !important;}
	.cart-dropdown .btn {padding: 8px 30px;}
	header#header .col-xl-9 {position: unset;}
	.header-right-link > ul > li > a span.icon {top: 0px;}
	.navbar-collapse > ul {max-width: 100%; padding-left: 15px; padding-right: 15px;padding-top: 10px;}

	.banner-headding {font-size: 50px;}
	.owl-dots {position: absolute; bottom: 25px; left: 50%; transform: translate(-50%);}
	.banner .owl-dots {position: absolute; bottom: 25px; left: 15px; width: 12px; transform: unset;}
	.banner button.owl-dot.active{background: #fd9d3e;}
	.banner button.owl-dot{width: 12px; height: 12px; border: 2px solid #fd9d3e; margin: 0px 0px;}
	.banner-sub-hed {letter-spacing: 2px;}
	.banner {min-height: 400px;}
	.banner .owl-item {min-height: 400px;}
	.owl-carousel .owl-item .pizza-img {max-width: 450px;}
	.pizza-1 {right: -20px; max-width: 60px;}
	.pizza-2 {right: -20px; max-width: 130px; top: 20px;}
	.pizza-4 {left: 5px; max-width: 90px; bottom: 40px;}
	.pizza-3 {left: 160px; top: 20px; max-width: 50px;}

	.banner-slide-2 .banner-box, .banner-slide-3 .banner-box {display: flex; -ms-flex-wrap: unset; flex-wrap: wrap;}
	.banner-slide-2 .banner-text, .banner-slide-3 .banner-text {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block; text-align: center;}
	.banner-slide-2 .banner-images, .banner-slide-3 .banner-images {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.banner-slide-2 .banner-images {display: flex; justify-content: center; padding-top: 10px;}
	.banner-slide-2 .banner-box {padding-top: 100px;}
	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 160px;}
	.banner-slide-2 .pizza-1 {top: 0px; right: -30px; max-width: 50px;}
	.banner-slide-2 .pizza-2 {max-width: 30px; top: -10px; left: 0;}
	.banner-slide-2 .pizza-3 {top: 20px; max-width: 18px; left: -10px;}
	.banner-slide-2 .pizza-5 {max-width: 60px; bottom: -10px; right: -25px;}
	.banner-slide-2 .pizza-6 {bottom: 30px; right: -20px; max-width: 20px;}
	.banner-slide-2 .pizza-4 {max-width: 20px; bottom: -10px; right: 30px;}

	.banner-slide-3 .banner-images{order: 2; display: flex; justify-content: center;}
	.banner-slide-3 .banner-text{order: 1;}
	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 190px; margin: 0 auto;}
	.banner-slide-3 .pizza-4 {bottom: 10px; right: -10px; max-width: 50px;}
	.banner-slide-3 .pizza-2 {max-width: 40px; bottom: 10px; left: 0px;}
	.banner-slide-3 .pizza-1 {top: 5px; left: 20px; max-width: 25px;}
	.banner-slide-3 .pizza-6 {top: 30px; left: 0px; max-width: 30px;}
	.banner-slide-3 .pizza-5 {max-width: 50px; top: 30px; right: -20px;}
	.banner-slide-3 .pizza-3 {max-width: 40px; top: 10px; right: 10px;}

	.servose-box {padding-bottom: 20px!important;}
	.order-top {top: -30px;}
	.order-bottom {bottom: -30px;}
	.order-section .order-title {font-size: 22px;}
	.headding-part .headding-title {font-size: 30px; line-height: 30px;}
	.headding-part .headding-titledark {font-size: 30px; line-height: 30px;}
	.headding-part .headding-sub {font-size: 20px;}
	.headding-part .headding-subdarkback {font-size: 20px;}
	.ser-title {font-size: 16px; padding-top: 5px;}
	.special-tab ul {background: transparent;}
	.speciality-box {margin-bottom: 20px;}
	.xspeciality-img {width: 130px; height: 130px;}
	.xspeciality-img .spec-image {width: 130px; height: 130px;}
	.com-btn {padding: 8px 15px; margin-top: 15px;}
	.menu-top-bg {top: -20px;}
	.special-tab .nav-tabs li a {padding: 5px 15px; font-size: 13px;margin-bottom: 5px;}
	.menu-title {font-size: 16px; padding-top: 10px; padding-bottom: 5px;}
	.menu-img .menu-image{max-width: 120px;}
	.menu-des{padding-bottom: 10px; max-width: 240px; margin: 0 auto; line-height: 16px;}
	.our-menu-panel .menu-box {padding-top: 25px;}
	.online-booking {text-align: center;}
	.online-des{padding-top: 10px;}
	.online-call{margin-top: 20px; margin-bottom: 30px;}
	.menu-bottom-bg {bottom: -35px;}
	.about-pizzon .online-des{padding-top: 5px;}
	.chef .owl-dots{text-align: center; position: relative; top: 10px;}
	.chef button.owl-dot{width: 10px; height: 10px; border: 2px solid #fd9d3e; border-radius: 100%; margin: 0px 5px; transition: all 400ms ease;}
	.chef button.owl-dot.active{background: #fd9d3e;}
	.chef-box .chef-img{max-height: unset;}
	.chef-box .chef-name{font-size: 18px; line-height: 16px; padding-top: 16px;}
	.customer-top-bg {top: -27px;}
	.chef-box{padding-bottom: 10px;max-width: 400px;margin: auto;}
	.new-box{max-width: 400px;margin: 0px auto;}
	.new-box ul {padding-top: 5px;}
	.new-box .news-headline {font-size: 15px; line-height: 20px; padding-top: 10px;padding-bottom: 5px;}
	.new-box .news-more {margin-top: 0px; padding: 0 !important;}
	.news-part {margin-bottom: 20px;}
	.customer-detail {display: block!important;}
	.customer-img {width: 100%; float: unset;}
	.customer-reviews {width: 100%; float: unset; text-align: center;}
	.customer-img-in{margin: 0 auto;}
	.chef-top-bg {top: -95px;}
	.chef-bottom-bg {bottom: -90px;}
	.customer .owl-dots {bottom: -10px;}
	.customer-img .customer-name {font-size: 16px; padding-top: 0px; padding-bottom: 15px;}
	.customer-reviews .review-cus {font-size: 16px; line-height: 18px; padding-bottom: 10px;}
	.customer-reviews:before {border-width: 15.5px 15px 15.5px 0; left: 50%; top: -22px; transform: translate(-50%) rotate(90deg);}
	.about-pizzon {text-align: center;}
	.about-pizzon-img {padding-left: 0;padding-top: 30px;}
	.about-pizzon .max-w-390 {margin-left: auto; margin-right: auto;}
	.footer-box{padding-top: 20px;}
	.opening-hours ul li{padding: 3px 0px;}
	.footer-logo ul li{padding: 3px 0px;}
	.footer-logo img {max-width: 140px;}
	footer {padding-top: 30px;}
	.footer {padding-bottom: 40px;}
	.max-w-390{max-width: 100%;}
	.order-section .order-img {max-width: 70px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.page-headding {font-size: 30px;}
	.page-banner {padding-top: 85px; padding-bottom: 45px;}
	.menu-tabbing ul {background: transparent; border: 0;}
	.menu-tabbing .nav-tabs li a{padding: 8px 25px;}
	.menu-list-box-2 {margin-bottom: 20px;}
	.category-list-box-2 {margin-bottom: 0px;}
	.iteam-name {font-size: 16px;padding-top: 4px;}
	.iteam-srice {font-size: 16px;}
	.item-desc{line-height: 16px;}
	.item-desc-group{line-height: 16px;}
	.menu-list.ptb{padding-bottom: 10px;}
	.menu-list-box{max-width: 500px;margin-left: auto;margin-right: auto;}

	/*_______________________________________________________
	// Blog Page  //----------------------------
	________________________________________________________*/
	.categorie-head {font-size: 18px;}
	.categories {padding-bottom: 15px;}
	.recent-sub {font-size: 14px;}
	.blog-img {margin-bottom: 10px;}
	.blog-headding, .blog-detail h2 {font-size: 20px;}
	.blog-desc, .blog-detail p {line-height: 20px;padding-bottom: 10px;}
	.blog-box {padding-bottom: 25px;}
	.blog-pagination ul li a{width: 35px; height: 35px; line-height: 35px;}
	.blog-pagination ul li {padding: 0px 2px;}
	.blog-box h2{line-height: 25px;}
	.recent-img img {width: 100%;}
	.order-r-2{order: 2;}
	.order-r-1{order: 1;}

	/*_______________________________________________________
	// Blog Detail Page  //----------------------------
	________________________________________________________*/
	blockquote {padding: 10px 10px; margin-bottom: 20px;margin-top: 20px;}
	blockquote p{line-height: 20px !important; font-size: 18px !important;padding-bottom: 0px !important;}
	.blog-detail .blog-desc, .blog-detail p {padding-bottom: 0px;}
	.blog-detail ol li a{padding: 5px 18px;}
	.detail-tag .teg-title{padding-top: 4px; width: 100%; float: unset; padding-bottom: 5px;}
	.detail-tag {padding-bottom: 25px;}
	.teg-desc{display: flex; margin-bottom: 25px; padding: 20px 20px; align-items: flex-start;}
	.tag-img {width: 50px; float: unset; padding-bottom: 10px;}
	.tag-det {float: unset; width: calc(100% - 50px); padding: 0; padding-left: 10px;}
	.det-title{margin: 0;}
	.title-com {font-size: 20px; line-height: 20px;}
	.comments-box {display: flex; width: 100%; border-top: 1px solid #e0e0e0; padding: 20px 0px; flex-wrap: wrap; align-items: flex-start;}
	.comment-img {width: 50px; float: unset;}
	.comment-img img {object-fit: cover;}
	.comment-text {float: unset; width: calc(100% - 50px); padding-left: 10px; display: block;}
	.details-com {width: 100%; float: unset;}
	.button-comme {width: 100%; float: unset; text-align: unset; margin-top: 15px;}
	.reply-com{padding: 6px 20px;}
	.post-com{padding: 10px 15px;}
	.leave {text-align: center;}
	.blog-detail ol li:first-child {display: block;}
	.blog-detail ol {width: 100%; float: unset; display: block; width: 100%;margin-top: 20px;margin-bottom: 20px;}
	.blog-detail ol li {margin-bottom: 10px;}
	.table-book {font-size: 18px; padding: 6px 30px;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.about-text {padding-left: 0; text-align: center; padding-top: 20px;}
	.about-desc {padding-top: 15px;}
	.desc-about{padding-bottom: 10px;}
	.play-icon span {border: 5px solid #fd9d3e; border-radius: 100%; width: 70px; height: 70px; line-height: 61px;}
	.experience .video-play {height: 250px;}

	/*_______________________________________________________
	// Contact Page  //----------------------------
	________________________________________________________*/
	.contact-detail {padding-bottom: 20px;}
	.contact-detail ul li{margin: 0 auto; text-align: left;}
	.contact-head {font-size: 20px; padding-bottom: 10px;}
	.contact-in {padding-top: 24px;}
	.contact-detail ul li{font-size: 20px;}
	.map-pizzon {height: 250px;}

	/*_______________________________________________________
	// shop categories Page  //----------------------------
	_______________________________________________________*/
	.filter-part .filter-line {border: 0;}
	.filter-part .filter-line li {display: block; border: 1px solid #dedede; border-top: 0;}
	.filter-part .filter-line li:last-child{float: unset;}
	.filter-part .custom-select-trigger:after {right: 15px; top: 21px;}
	.filter-part .custom-options {width: 100%; border: 1px solid #dedede; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .2);}
	.filter-part .custom-select-trigger {padding: 10px 15px;}
	.filter-part .filter-line li {padding: 0;}
	.img-filter img {max-width: 150px;}
	.active-filter{margin-bottom: 15px;}
	.filter-name {font-size: 16px; padding-top: 10px; margin-bottom: 5px;}
	.filter-sub{padding-bottom: 0;}
	.filter-price {font-size: 2em; padding-bottom: 10px;padding-top: 5px;}
	.order-filter {padding: 5px 15px; font-size: 16px;}
	.filter-box {margin-bottom: 30px;}
	.crust-title {font-size: 22px;}
	.crust-sub {font-size: 14px;}
	.crust-banner {padding: 20px 20px;}
	.filter-grid {text-align: center; padding-bottom: 20px;}
	.border-r-b{border-bottom: 1px solid #d7d7d7 !important;}
	.filter-grid .filter-sub {max-width: 300px; margin: auto;}
	.product-desc-tab p{padding-bottom: 20px;}

	/*_______________________________________________________
	// Reservation Page  //----------------------------
	_______________________________________________________*/
	.reservation:before{width: 50%; background-position: right; background-size: cover;}
	.reservation:after{width: 50%; background-position: left; background-size: cover;}

	/*_______________________________________________________
	// Shop Detail Page  //----------------------------
	_______________________________________________________*/
	.product-det {text-align: center;}
	.gallery__hero {margin-bottom: 20px;}
	.shop-name {margin-bottom: 20px; padding-top: 20px;}
	.title-shop {font-size: 20px; margin-bottom: 10px;}
	.crust-choose ul li a{padding: 8px 20px;}
	.quantity-product input {width: 40px; height: 40px; font-size: 16px;}
	.add-cart{font-size: 16px; padding: 7px 20px;}
	.wiselist{padding-top: 15px;}
	.border-tab ul li a {font-size: 16px;}
	.border-tab ul{text-align: center;padding: 0px 10px;}
	.product-desc-tab.current{text-align: center;padding: 20px 10px 0px 10px;}
	.desc-inner {padding-bottom: 10px;}
	.border-tab ul li {padding: 10px 10px;}
	ul.share {text-align: center;}
	.float-none-sm {float: none !important;}
	.shopping-cart .btn{padding: 15px 18px;}
	a.btn.btn-green {padding: 8px 10px !important;}
	.text-center-r{text-align: center;}
	.comment-list > li{display: block;}
	.comment-part ul > li{display: block; margin-top: 3px; padding: 10px 0;}
	.comment-user {width: 70px; height: 70px;}
	.comment-detail {width: calc(100% - 90px); padding-right: 0px; font-size: 14px;}
	.comment-detail .reply-btn {position: unset; margin-top: 10px; -webkit-transform: unset; -o-transform: unset; transform: unset;}
	.comment-part ul ul {margin-left: 0;}
	.comment-detail p{padding-bottom: 0;}
	.comment-part ul {padding: 0;}
	.comment-part h3,.leave-comment-part h3{margin-bottom: 24px;}
	.comment-detail .commenter{font-size: 16px;padding-bottom: 3px;display: block;}
	.releted-product .headding-part{padding-bottom: 10px;}
	.gc-overlay-area .gc-icon-prev,.gc-overlay-area .gc-icon-next{font-size: 30px;}
	.gc-overlay-area .gc-overlay-top-icons .gc-icon{height: 30px;width: 30px;}
	.gc-overlay-top-icons .gc-icon.gc-icon-enlarge{display: none !important;}

	/*_______________________________________________________
	// 404 Page  //----------------------------
	_______________________________________________________*/
	.error-img{width: 100%;}
	.error-img .error-img-top{max-width: 100px;}
	.error-content h2{margin-top: 25px;font-size: 30px;margin-bottom: 15px;}
}


@media(max-width: 600px){
	.customer-top-bg {top: -21px;}
}





@media(max-width: 480px){
	



	/*_______________________________________________________
	// Home Page  //----------------------------
	________________________________________________________*/
	.header-link-dropdown{right: -110px;}
	.header-right-link > ul > li {padding: 0 5px;}
	.order-bottom {bottom: -20px;}
	.order-top {top: -20px;}
	.special-tab ul{background: transparent;}
	.menu-top-bg {top: -15px;}
	.menu-bottom-bg {bottom: -23px;}
	.chef-top-bg {top: -55px;}
	.chef-bottom-bg {bottom: -60px;}
	.customer-top-bg {top: -15px;}
	.customer-bottom-bg {bottom: -3px;}

	.banner-headding {font-size: 24px;}
	.banner-sub-hed {letter-spacing: 1px;}
	.banner-text {top: 90px;}
	.owl-carousel .owl-item .pizza-img {max-width: 300px;}
	.pizza-2 {max-width: 80px;}
	.pizza-4 {left: 15px; max-width: 40px; bottom: 30px;}
	.pizza-3 {left: 100px; top: 10px; max-width: 30px;}
	.banner {min-height: 300px;}
	.banner .owl-item {min-height: 300px;}

	.banner-slide-2 .banner-box {padding-top: 80px;}
	.owl-carousel .owl-item .banner-slide-2 .pizza-img {max-width: 120px;}
	.banner-slide-2 .pizza-5 {max-width: 50px;}
	.banner-slide-2 .pizza-4 {max-width: 15px;}
	.banner-slide-2 .pizza-1 {top: 0px; right: -20px; max-width: 40px;}
	.banner-slide-2 .pizza-2 {max-width: 24px;}
	.banner-slide-2 .pizza-3 {max-width: 15px;}

	.owl-carousel .owl-item .banner-slide-3 .pizza-img {max-width: 120px;}
	.banner-slide-3 .pizza-4 {max-width: 30px;}
	.banner-slide-3 .pizza-2 {max-width: 25px;}
	.banner-slide-3 .pizza-1 {left: 10px; max-width: 20px;}
	.banner-slide-3 .pizza-6 {top: 20px; left: -10px; max-width: 25px;}
	.banner-slide-3 .pizza-5 {max-width: 30px; top: 20px; right: -10px;}
	.banner-slide-3 .pizza-3 {max-width: 30px; top: 10px; right: 0px;}

	/*_______________________________________________________
	// Menu Page  //----------------------------
	________________________________________________________*/
	.menu-tabbing .nav-tabs li a {padding: 5px 15px;}
	.menu-tabbing {padding-bottom: 20px;}
	.list-img-2 {width: 80px; height: 80px;}
	.menu-detail-2 {width: 100%;}
	.iteam-name-list {padding-bottom: 4px; margin-bottom: 4px;}

	/*_______________________________________________________
	// About Page  //----------------------------
	________________________________________________________*/
	.story img {margin-top: 0px; max-width: 150px;}
	.play-icon span {width: 60px; height: 60px; line-height: 50px; font-size: 25px; padding-left: 4px;}

}

@media(max-width: 350px){
.callus{display: none;}
.calluslink{display: block;}
.sticky-shadow-option h1{font-size: 0.9em}
.news-img { width: 100%;}

}
.cartqty .carttotal {background:var(--hoofdkleur) !important; border-radius:10px; color: var(--hoofdlinkkleur) padding: 1px 5px 1px 5px; line-height: 1.1em; }
.dontshow {
  display: none !important;
}
.capital-head{text-transform: capitalize; color: var(--hoofdkleur); font-size: 1.8em !important; border-top: 1px solid var(--hoofdkleur); margin-top:10px; padding-top:10px;text-align: center;  line-height: 1em}
.file-upload {
	position: relative;
	overflow: hidden;

	border-radius: 3px !important;

	text-transform: uppercase;
	font-size: 13px;
	border:none !important;
	box-shadow: none !important;
	
	text-shadow:none;
	padding: 5px 10px !important;
	font-family: Arial, sans-serif;
	display: inline-block;
	vertical-align: middle;

}
.file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#fileuploadurl{
	display: inline-block;
	border:none;
	vertical-align: middle;
	background: none;
	box-shadow: none;
	font-size: 11px;
	padding-left: 0;
  	width:220px;
	padding-right: 0;
}
.errorborder{border: 2px solid red !important; border-radius: 20px;}
input[type="checkbox"] {
  width: 1.4em;
  height: 1.4rem;
  accent-color: var(--maincolor);
}

.basketlabel {
 background-color:var(--hoofdkleur); color: var(--hoofdlinkkleur); border-radius:20px; padding:1px 5px;  text-align:center; font-size: 0.8em; width: 50%;;
}


.category-open > .icondb-category:before {
  color: var(--maintxtcolor);
}
.icondb-category:before {
  color: var(--maintxtcolor);
}


.headerpopup {text-align:center; width: 100%;  position: absolute; top: 0; padding:10px; height: 64px; color: var(--hoofdlinkkleur); background: var(--hoofdkleur); border-bottom:1px solid var(--hoofdlinkkleur);}
.headerpopupcheckout {text-align:center; width: 100%;  position: sticky; top: 0px; padding:10px; height: 64px; background: var(--hoofdkleur); z-index: 999}
 textarea {
 line-height: initial;}
.errorborder{border: 2px solid red !important; border-radius: 20px;}
}
        /* Basic styles for the cookie consent banner */
        #cookie-consent-banner {
            position: fixed;
            bottom: -100%;
            right: 0;
            width: 100%;
            background: var(--hoofdkleur);
            color: var(--hoofdlinkkleur);
            padding: 20px;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 10px;
            transition: bottom 0.5s ease-in-out;
            font-size: 0.9em;
            
        }

        #cookie-consent-banner.visible {
            bottom: 0;
        }

        #cookie-options {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .cookie-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #fff;
            padding: 10px;
            border-radius: 5px;
            cursor: pointer;
            color: var(--hoofdkleur);
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 22px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: 0.4s;
            border-radius: 22px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        #cookie-consent-banner input:checked + .slider {
            background-color: var(--hoofdkleur);
        }

        #cookie-consent-banner input:checked + .slider:before {
            transform: translateX(18px);
        }

        #cookie-consent-banner button {
            padding: 10px;
            margin: 5px 5px 0 0;
            border: none;
            background: var(--headersbtn);
            color: var(--headersbtntxt) !important;
            cursor: pointer;
            border-radius: 4px;
            font-size: 0.9em;
        }

        #cookie-consent-bannerbutton:hover {
            background: #0056b3;
        }

       .hamburger-groupx {color: var(--group-title) ;position:absolute; right: 10px; top:10px;}
.hamburger-group  {
  width: 30px;
  height: 30px;
  border-radius: 28px;
  background-color: var(--catstickback);
  position: absolute;
  top: 0px;
  right: 5px;
  cursor: pointer;
  color: var(--catsticktitle);
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  padding: 0px;
  border: 1px solid var(--catsticktitle);
  line-height: 1.4em;
}
.icondb-category:before {
	 color: var(--catsticktitle);
}

.cartqtycheckout {background-color:var(--basketitemback); !important; color: var(--baskettitle);  line-height: 1.1em; }
.carttotal {background-color:transparent; border-radius:10px; color: var(--hoofdkleur) padding: 1px 5px 1px 5px; line-height: 1.1em; }
.closex {
  color:var(--hoofdlinkkleur); 
}
.special-tab .nav-tabs li a {color: var(--kortinglinttxt);}
.productsingleadd {
background: var(--hoofdkleur); 
border-radius:50px; 
display:flex !important; 
padding:5px;
}
@media (min-width: 1200px) {


}

.infocartalert{
text-align:center; width:100%; background-color:red; margin-bottom:10px; border-radius:10px; color:#fff;
}
.infocart{
text-align:center !important; 
width:100%; 
background:var(--basketitemback); 
margin-bottom:10px; 
border-radius:10px; 
color:var(--baskettitle);
line-height: 1.2em;
padding:5px;

}
.infocart i{ font-size:2em; position:absolute; left:30px}
.infobasketalert{
background-color:red; border-radius:10px; color:#fff; padding:3px 10px 3px 10px; font-size: 0.8em;
}
.allergentbl{color: var(--addonlabel) !important;}
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--addonlabel);
    vertical-align: top;
    border-color: #dee2e6
}
.drivebyheader{color:var(--modaltitle) !important;}
.drivebytxt{color:var(--modaldescription)!important;}


       
        .reviews-section {
            max-width: 1400px;
            margin: 0 auto;
            background: white;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }
        
        .section-header {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        
        @media (min-width: 768px) {
            .section-header {
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
        }
        
        .section-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #222;
        }
        
        .rating-summary {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .average-rating {
            font-size: 1.5rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .stars {
            color: var(--rating-color);
            font-size: 1.3rem;
            letter-spacing: 2px;
        }
        
        .total-ratings {
            color: var(--hoofdlinkkleur);
            font-size: 0.9rem;
        }
        
        .see-all-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.6rem 1.2rem;
            background-color: var(--hoofdkleur);
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 600;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        
        .see-all-btn:hover {
            background-color: #3367D6;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .reviews-container {
            position: relative;
        }
        
        .reviews-scroller {
            display: flex;
            gap: 1.5rem;
            padding: 1rem 0;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: thin;
            scrollbar-color: var(--hoofdlinkkleur) transparent;
        }
        
        .reviews-scroller::-webkit-scrollbar {
            height: 6px;
        }
        
        .reviews-scroller::-webkit-scrollbar-thumb {
            background-color: var(--hoofdlinkkleur);
            border-radius: 3px;
        }
        
        .reviews-scroller::-webkit-scrollbar-track {
            background-color: transparent;
        }
        
        .review-card {
            flex: 0 0 280px;
            scroll-snap-align: start;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 1.5rem;
            background: var(--hoofdkleur);
            box-shadow: var(--card-shadow);
            transition: all 0.3s ease;
        }
        
        .review-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--card-hover-shadow);
        }
        
        .review-header {
            display: flex;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        
        .reviewer-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #555;
            font-weight: bold;
            flex-shrink: 0;
            overflow: hidden;
        }
        
        .reviewer-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .reviewer-info {
            flex-grow: 1;
        }
        
        .reviewer-name {
            font-weight: 600;
            margin-bottom: 0.2rem;
            color: var(--hoofdlinkkleur);
        }
        
        .review-meta {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.9rem;
        }
        
        .review-rating {
            color: var(--rating-color);
            font-weight: bold;
        }
        
        .review-date {
            color: var(--hoofdlinkkleur);
        }
        
        .review-content {
            line-height: 1.6;
            color: var(--hoofdlinkkleur);
            max-height: 120px;
            overflow-y: auto;
            padding-right: 0.5rem;
            font-size: 0.95em;
        }
        
        .review-content::-webkit-scrollbar {
            width: 4px;
        }
        
        .review-content::-webkit-scrollbar-thumb {
            background: #ddd;
            border-radius: 2px;
        }
        
        .no-reviews {
            text-align: center;
            padding: 2rem;
            color: var(--hoofdlinkkleur);
            font-style: italic;
            border: 1px dashed var(--border-color);
            border-radius: 8px;
        }
        
        .error-message {
            color: #d32f2f;
            background-color: #fde7e7;
            padding: 1rem;
            border-radius: 4px;
            margin-bottom: 1rem;
            border-left: 4px solid #d32f2f;
        }
        
        .scroll-hint {
            text-align: center;
            color: var(--hoofdkleur) !important;
            font-size: 0.9rem;
            margin-top: 0.5rem;
            
        }
        
        @media (max-width: 767px) {
            .scroll-hint {
                display: block;
            }
            .open-des {
            	font-size: 0.9em;
            }
            
            .review-card {
                flex: 0 0 85%;
            }
        }
         .dhours{text-align: right !important;}