/*#Media Queries Responsive
================================================== */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
	
}

@media (min-width: 1301px) and (max-width: 1398px) {

	

}

@media (min-width: 1200px) and (max-width: 1260px) {


}


@media (min-width: 1201px) and (max-width: 1400px) {




}

/*@media (min-width: 1200px) and (max-width: 1335px) {


}


@media (min-width: 1200px) and (max-width: 1285px) {


}*/

/* Desktop
------------------------- */

@media (min-width: 980px) and (max-width: 1199px) {

	#nav-holder .main-menu ul li { padding: 15px 5px; }	
	#reservation .opening-time a.call { padding: 10px 20px; }
	.flexslider li .meta { display: none; }
	.flexslider_gallery ul.slides li img { height: auto; }
	.flex-direction-nav a { top: 130px; }

}



@media (min-width: 991px) and (max-width: 1081px) {


}



@media (min-width: 980px) and (max-width: 991px) {



}



@media (max-width: 979px) {

.flexslider li .meta.mbl { display: block !important; }
.flexslider li .meta { margin-left: 20px; }
	.meta a.order {
		display: inline-block;
		color: #fff;
		font-size: 16px;
		background-color: #3c5740d1;
		padding: 8px 10px;
		width: 170px;
	}
.meta h3 { font-family: 'Montserrat', sans-serif; margin-top: 10px; font-size: 15px; }
.meta h3 i { margin-right: 10px; }
.order #caresoul-food h3 { display: none; }
/*.order .inner-headline > h3 { display: none; }*/
#offers .offerbg-img .middle-text { padding-top: 50px; }
.order { padding-bottom: 30px; }
.order .banner { margin-bottom: 15px; }
.order .carousel { margin-bottom: 30px; }
.book-pg .form-holder { margin-top: 20px; margin-bottom: 30px; }
.order .inner-headline { padding: 0px 0px 30px 0px; }
.order .order-box .collection { margin-top: 5px; }
.order .order-box .payment { margin-top: 5px; margin-bottom: 5px; }
.order .order-box .details { margin-bottom: 5px; }
.order .order-box .special-req { margin-bottom: 5px; margin-top: 5px; }
.flex-direction-nav a { top: 100px; }
.order .order-box ul.order-cart > li > ul.list > li.tilte { width: 38%; }
.book-pg .form-holder { padding: 30px 20px; }
.order .order-box ul.order-cart > li > ul.list > li.common { text-align: center; }

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	.flexslider { min-height: 700px; }

	.cart { float: right; color: #000; font-size: 18px; padding: 5px 0px; background-color: #3c5740; padding: 18px 15px; margin-top: -10px; margin-right: 0px;}
	.cart span { margin-right: 4px; color: #fff; }
	.cart img { filter: brightness(0) invert(1); width: 17px; margin-top: -5px; }
	

	.intro-image { margin-top: 40px; }
	#sticky { display: none; }
	.header-mobile { display: block; }
	#banner { margin-top: 10px; overflow: hidden; }
	.flexslider .meta { display: none; }
	.flexslider .meta img { display: none; }
	.flexslider li.flex-active-slide .meta h2 { display: none; }
	.flexslider li h2 { display: none; }
	.flexslider li h1 { display: none; }
	.flex-control-nav { display: none; }
	.flexslider { margin: 0 0 20px; }
	#intro h1 { font-size: 30px; }
	div#intro { margin-bottom: 20px; }
	.offerbg-img ul.food-menu { padding-bottom: 0px; margin-bottom: 5px; }
	#offers .featured-content { margin-left: -10px; }
	.offerbg-img .featured-desc p { font-size: 14px; }
	#offers .offerbg-img .offer-vactor { padding-top: 0px; margin-bottom: 20px; }
	#offers .offerbg-img .middle-text p { padding-top: 15px; }
	#offers .offerbg-img .middle-text h3 { font-size: 30px; }
	#offers .offerbg-img { height: 725px; }
	#reservation { margin: 30px 0px 30px 0px; }
	#reservation .daily-delivers { margin-top: 0px; width: 100%; background-size: cover; }
	#reservation .book-a-table { margin-top: 30px; }
	#caresoul-food .middle-text h3 { font-size: 30px; }
	#caresoul-food .offer-vactor { margin-bottom: 30px; }
	#maps .map { height: 250px; overflow: hidden; width: 100%; }
	#maps .contact { height: 250px; padding: 20px 40px 0px 20px; width: 100%; }
	.contact {  width: 100%; }
	.contact h1 { font-size: 30px; padding-bottom: 15px;}
	.contact br { display: none;  }
	#maps .contact ul li.first { padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 30px; }
	#maps .contact ul li span { width: 80%; }
	#maps .contact ul li i {  width: 30px; }
	#maps .contact ul li { padding-bottom: 10px; }
	#maps { margin: 30px 0px; }
	#footer ul li { display: block; }
	#footer p { margin-top: 15px; margin-bottom: 15px; }
	#footer .follow-us h3 { font-size: 25px; border-bottom: 1px solid #403f3f; padding: 10px 0px; margin: 10px 0px; margin-bottom: 15px; }
	#footer { padding-bottom: 0px; text-align: left; }
	#footer .copyright p { padding-top: 5px;  margin-bottom: 0px; }
	.sitelink { display: block;  margin-top: 20px; }
	#footer .copyright { border-top: 1px solid #7d7d7d; }
	.flexslider_gallery ul.slides li img { height: auto; }

	/*Order Page*/
	.order { background: transparent; }
	.order .banner { margin-top: 10px; height: 170px; }
	.order .overlay h1 { top: 35px; padding-left: 20px; }
	.order .overlay h1:after { left: 20px; }
	.ui-accordion .ui-accordion-content { padding: 0em 0em; }
	#accordion ul.menu-list li { padding: 20px 10px 20px 40px; }
	.order .order-box ul.order-cart > li > ul.list > li.icon { margin-left: 0px; padding-right: 65px; }
	.order .order-box ul.order-cart > li > ul.list > li.common { text-align: center; }


}

/* All Mobile Sizes (devices and browser)
------------------------- */
@media only screen and (max-width: 767px) {

	.cart {
		float: right;
		color: #000;
		font-size: 18px;
		padding: 5px 0px;
		padding: 18px 15px;
		margin-top: -10px;
		background-color: #eabf30;
		padding: 18px 15px;
		margin-top: -47px;
		position: absolute;
		right: 0px;
	}
	.cart span { margin-right: 4px; color: #fff; }
	.cart img { filter: brightness(0) invert(1); width: 17px; margin-top: -5px; }

	.intro-image { margin-top: 40px; }
	.intro {
		margin-top: -70px;
		background: url(../img/offer-bg2m.png) no-repeat;
		padding: 70px 0px 70px 0px;
		background-size: cover;
		width: 100%;
	}
	#intro .logo {
		width: 100%;
		padding-bottom: 0px;
	}
	div#intro {
		margin-bottom: 0px;
	}
	#intro:after {
		bottom: 0px;
		height: 38%;
		background: url(../img/intro-bg.png) no-repeat center;
		background-size: contain;
	}
	.intro .discount h3 {font-size: 25px; }
	.intro .box .icon img { width: 60px; }
	.intro .box { width: 100%; margin-bottom: 20px;}
	#sticky { display: none; }
	.header-mobile { display: block; }
		.header-mobile a > img {
			margin-left: -50px;
		}
	#banner { margin-top: 10px; overflow: hidden; }
	.flexslider .meta { display: none; }
	.flexslider .meta img { display: none; }
	.flexslider li.flex-active-slide .meta h2 { display: none; }
	.flexslider li h2 { display: none; }
	.flexslider li h1 { display: none; }
	.flex-control-nav { display: none; }
	.flexslider { margin: 0 0 20px; }
	#intro h1 { font-size: 30px; }
	div#intro { margin-bottom: 0px; }
	.offerbg-img ul.food-menu { padding-bottom: 0px; margin-bottom: 5px; }
	#offers .featured-content { margin-left: 19px; }
	.offerbg-img .featured-desc p { font-size: 14px; }
	#offers .offerbg-img .offer-vactor { padding-top: 0px; margin-bottom: 20px; }
	#offers .offerbg-img .middle-text p { padding-top: 15px; }
	#offers .offerbg-img .middle-text h3 { font-size: 30px; }
	#offers .offerbg-img { height: 790px; }
	#reservation { margin-bottom: 30px; }
	.book-pg #reservation { margin: 0px 0px 40px 0px; }
	#reservation .daily-delivers { margin-top: 30px; width: 100%; background-size: cover; }
	#reservation .book-a-table { margin-top: 30px; }
	#caresoul-food .middle-text h3 { font-size: 30px; }
	#caresoul-food .offer-vactor { margin-bottom: 30px; }
	#maps .map { height: 250px; overflow: hidden; width: 100%; }
	#maps .contact { height: 250px; padding: 20px 40px 0px 20px; width: 100%; }
	.contact {  width: 100%; }
	.contact h1 { font-size: 30px; padding-bottom: 15px;}
	.contact br { display: none;  }
	#maps .contact ul li.first { padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 30px; }
	#maps .contact ul li span { width: 80%; }
	#maps .contact ul li i {
		width: 30px;
		margin: auto;
	}
	#maps .contact ul li { padding-bottom: 10px; }
	#maps { margin: 30px 0px; }
	#footer ul li { display: block; }
	#footer p { margin-top: 15px; margin-bottom: 15px; }
	#footer .follow-us h3 { font-size: 25px; border-bottom: 1px solid #403f3f; padding: 10px 0px; margin: 10px 0px; margin-bottom: 15px; }
	#footer { padding-bottom: 0px; text-align: center; }
	#footer .copyright p { padding-top: 5px;  margin-bottom: 0px; }
	.sitelink { display: block;  margin-top: 20px; }
	#footer .copyright { border-top: 1px solid #7d7d7d; }
	.flexslider_gallery ul.slides li img { height: auto; }

	/*Order Page*/
	.order {
		background: transparent;
	}
		.order .banner {
			background: url('./../img/order-banner-m.jpg');
			margin-top: 10px;
			height: 155px;
			background-size: cover;
			margin-top: 10px;
			margin-bottom: 35px;
		}
		.order .overlay h1 {
			top: 15px;
			padding-left: 20px;
			font-size: 25px;
			
		}
		.order .overlay h2 {
			position: relative;
			font-size: 15px;
			padding-left: 20px;
			top: 15px;
			line-height: 20px;
			width: 100%;
		}
		.order .overlay h1:after {left: 20px;bottom: -6px;}
	.ui-accordion .ui-accordion-content { padding: 0em 0em; }
	#accordion ul.menu-list li { padding: 20px 10px 20px 40px; }
	.order .order-box ul.order-cart > li > ul.list > li.icon { margin-left: 0px; padding-right: 35px; }
	#reservation .opening-time:before { width: 98%; }
	.order .order-box ul.order-cart > li > ul.list > li.common { text-align: center; }


}

/* Mobile Landscape & Tablet Portrait
------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {



}

/* Mobile Portrait
------------------------- */
@media only screen and (max-width: 479px) {

#offers .offerbg-img { height: 870px; }
.flex-direction-nav a { top: 100px; }



}

/*iphone 6*/
/*@media only screen and (min-width: 371px) and (max-width: 390px) {


}

 Mobile Portrait
------------------------- 
/*Special for iphone 5 || while 6 is good*/
/*@media only screen and (min-width: 300px) and (max-width: 370px) {*/

/*}