@charset "utf-8";

/* CSS Document */



/* ipad mini  portrait   */

@media only screen and (max-width: 1024px) {
.NavWrap {
	display: none;
}
.TopArrow {
	display: block;
}
.MainWrapper, .TopMainWrapper, .IdxContainWrapper, .Footer, .InnerContainWrapper {
	width: 94%;
	margin: 0px auto;
}
.LocationColWrap {
	display: block;
}
.LocationCol1 {
	display: inline-block;
	width: 30.7%;
	margin: 0px 10px;
}
.LocationCol2 {
	display: none;
}
.LocationCol1 img, iframe {
	max-width: 100%;
}
.IdxContactInfo .SepLine {
	display: none;
}
.NavLeft {
	display: none;
}
.NavRight {
	display: none;
}
.TopSocialIcon {
	position: relative;
	display: block;
	right: 123px;
	top: -64px;
	z-index: 1;
}
.TopSocialIcon li {
	display: inline-block;
	float: right;
}
.BookNow {
	bottom: -244px;
}
.WelcomeWrap .col1 {
	width: 54%;
} 
.CircleWrap li {
	width: 29%;
}
.Circle2 {
	width: 280px;
	height: 280px;
}
.Circle1 {
	width: 290px;
	height: 290px;
}
.BestWrap .col1 {
	width: 70%;
}
.BestWrap .col2 {
	width: 26%;
}
.DayCol {
	width: 30%;
}
.IdxLocationInfo .Button1 {
	width: 90%;
}
.LocationWrap h2 {
	line-height: 34px;
}
.AboutRight {
	width: 39%;
}
.AboutLeft {
	width: 59%;
}
.AboutImg img {
	max-width: 97%;
}
.ConfirmWRap {
	padding: 20px 0px;
}
.MenuWRapper .LineWrap {
	background-image: none;
}
.MenuWRapper .InnerCol1 {
	float: none;
}
.MenuWRapper .InnerCol3 {
	float: none;
}
.TableWrap h4 {
	text-align: left;
}
.MenuWRapper .InnerCol4 {
	float: none;
}
.MenuWRapper .InnerCol1 h4 {
	text-align: left;
}
.FSocialIcon {
	margin: 0px 0px 0px 0px;
}
.MenuWRapper .InnerCol3 {
	width: 90px;
	height: 33px;
	font-size: 16px;
	background-size: 100%;
}
.box {
	position: relative;
	top: 160px;
	width: 88%;
	left: 0px;
	margin-left: 0px;
	margin: 0px auto;
}
.ConfirmForm .SecurityCode input {
	width: 130px !important;
}
.AboutLeft .pagination {
	margin: 0px auto !important;
}
.IdxBlogWrap li {
	width: 46%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 81%;
}
.IdxBlogWrap .InnerContainWrapper {
	width: 100%;
}
.IdxBlogWrap li .BlogContentTopHeading h4 {
	font-size: 20px !important;
	line-height: 30px !important;
}
.BlogWrap .AboutLeft, .BlogWrap .AboutRight {
	width: 98%;
	float: none;
	margin: 0px auto 25px;
	padding: 0px;
}
.BlogWrap .AboutRight {
	margin: 0px auto;
}
.BlogWrap .page-content {
	margin: 0px auto !important;
}
.BookNow a.OrderOnline {
	top: 0px;
	left: -240px;
}
.HomepageOverlay .box {
	width: 96%;
	margin-left: -48%;
	border: 0px;
}

/** 100522 vish **/
.LocationCol1 .IdxLocationInfo {
    min-height: 322px;
}

}

/* Mini Desktop and Other Device*/

@media only screen and (max-width: 980px) {
.TopAddressWrap .col {
	font-size: 12px;
}
.BestWrap .col2 {
	width: 30%;
}
.Circle1 {
	width: 270px;
	height: 270px;
}
.Circle2 {
	width: 260px;
	height: 260px;
}
.Truckimg {
	background-size: 44%;
}
.MenuTab ul li:after {
	padding: 0px 36px;
}
}

@media only screen and (max-width: 966px) {
.InnerHeaderBG .Header {
	width: 360px;
}
.InnerHeaderBG .Header img {
	width: 360px;
	height: 110px;
}
.AboutImg img {
	max-width: 96.5%;
}
}

@media only screen and (max-width: 950px) {
}

@media only screen and (max-width: 900px) {
.BestWrap .col1 {
	width: 67%;
}
.LocationCol1 {
	width: 30.5%;
}
.IdxLocationInfo .Button1 a {
	font-size: 12px;
}
.Circle1 {
	width: 250px;
	height: 250px;
}
.Circle2 {
	width: 240px;
	height: 240px;
}
.MenuTab ul li:after {
	padding: 0px 30px;
}
.FSocialIcon {
	margin: 0px 0px 0px 0px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 80%;
}
}

@media only screen and (max-width: 854px) {
.WelcomeWrap h1 {
	font-size: 26px;
	line-height: 32px;
}
.FParagraph p {
	font-size: 18px;
}
.LocationCol1 {
	width: 30.3%;
}
.TimeCol {
	width: 50%;
}
.DayCol {
	width: 35%;
}
.BestWrap h3 {
	font-size: 40px;
	line-height: 44px;
}
.BestWrap h4 {
	font-size: 30px;
	line-height: 38px;
}
.FParagraph2 p {
	font-size: 18px;
}
.TopSocialIcon {
	right: 108px;
}
.BookNow img {
	width: 200px;
	height: 120px;
}
.BookNow {
	width: 200px;
	height: 120px;
	bottom: -209px;
}
.BookNow a {
	width: 200px;
	height: 120px;
}
.BookNow a.OrderOnline {
	width: 200px;
	left: -200px;
	height: 120px;
}
.SlideWrap .Header img {
	max-width: 100%;
}
.SlideWrap .Header {
	width: 565px;
	left: 60%;
}
.AboutImg img {
	max-width: 96%;
}
.MenuTab ul li:after {
	padding: 0px 26px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 79%;
}
}

@media only screen and (max-width: 800px) {
.TopSocialIcon {
	right: 94px;
}
.Circle1 {
	width: 230px;
	height: 230px;
}
.Circle2 {
	width: 220px;
	height: 220px;
}
.LocationCol1 {
	width: 30.1%;
}
.SepCol {
	width: 10px;
}
.IdxLocationInfo .Button1 {
	width: 100%;
}
.IdxLocationInfo h4 {
	font-size: 18px;
}
.MenuTab ul li:after {
	padding: 0px 22px;
}
.ConfirmForm {
	width: 96%;
}
.box {
	width: 86%;
}
.ConfirmForm .FormCol {
	width: 49%;
}
.IdxBlogWrap li {
	width: 98%;
	display: block;
	margin: 0px auto 25px;
	padding: 0px 0px 25px 0px !important;
	min-height: inherit !important;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-right: 0px solid rgba(255,255,255,0.2);
}
.IdxBlogWrap li:last-child {
	border-bottom: 0px solid rgba(255,255,255,0.2);
	padding: 0px !important;
	margin: 0px auto;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 89%;
}
}

/* ipad mini landscape and Other Device   */

@media only screen and (max-width: 768px) {
.TopAddressWrap .col {
	width: 100%;
	text-align: center;
}
.TopAddressWrap {
	line-height: 30px;
	padding: 5px 0px;
}
.TopSocialIcon {
	top: -174px;
	right: 32px;
}
.Circle1 {
	width: 220px;
	height: 220px;
}
.Circle2 {
	width: 210px;
	height: 210px;
}
.TopAddressWrap {
	line-height: 30px;
	padding: 5px 0px 50px;
}
.TopSocialIcon {
	top: -153px;
	right: 0px;
	width: 140px;
	margin: 0px auto;
}
.MenuTab ul li:after {
	padding: 0px 20px;
}
.ConfirmForm .FormCol {
	width: 65%;
	margin: 10px auto;
	display: block;
	text-align: center;
}
.FormCol3 {
	display: block;
	margin: 10px auto;
	margin-top: 0px;
	width: 70%;
}
.ConfirmForm .ConButton {
	margin-top: -20px !important;
}
.ConfirmForm .FormCol .DateInput {
	width: 100%;
	margin-left: -16px;
}
.VideoWrap {
	text-align: center;
}
.VideoWrap .Col {
	width: 78%;
}

/* 08012026. Sk Start*/
.TAR >.Button2:has(a){
	margin: 0 auto  !important;
}
.ConfirmForm .Button2:has(a){
	margin: 30px auto 0px !important;
}

/* 08012026. Sk End*/


}

@media only screen and (max-width: 753px) {
.LocationCol1 {
	width: 60%;
	margin: 10px auto;
	float: none;
	display: block;
	padding: 1px 0px; 
}
.LocationCol1 .IdxLocationInfo {
    min-height: inherit;
	padding: 20px 15px;
}
.LocationCol1 .IdxLocationInfo .Button1 {
    position: inherit;
    bottom: inherit;
    width: 100%;
    left: inherit;
    transform: translateX(0%);
}
.IdxContactInfo .SepLine {
	display: inline-block;
}
.BorderCol {
	margin: 6px;
}
.LocationCol1 img, iframe {
	width: 100%;
}
.IdxLocationInfo .Button1 {
	width: 70%;
}
.LocHrsHeight {
	min-height: inherit !important;
}
.IdxLocationInfo .Button1 a {
	font-size: 14px;
}
.InnerHeaderBG .Header {
	width: 320px;
	left: 54%;
}
.InnerHeaderBG .Header img {
	width: 320px;
	height: 100px;
}
.AboutWrapper h2 {
	font-size: 34px;
}
.AboutWrapper h4 {
	font-size: 26px;
}
.AboutLeft h3 {
	font-size: 26px;
}
.AboutLeft {
	width: 98%;
	float: none;
	margin: 0px auto;
	padding: 0px !important;
}
.AboutRight {
	float: none;
	width: 98%;
	margin: 0px auto;
	padding: 0px !important;
}
.AboutImg img {
	width: 100%;
}
.AboutImg {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: 10px 10px 30px;
}
.MenuTab ul li:after {
	padding: 0px 14px;
}
.MenuBG {
	margin-bottom: 30px;
}
}

/*Appple iPhone 6 plus landscape (if necessary) */

@media only screen and (max-width: 736px) {
.SlideWrap .Header {
	width: 440px;
	left: 70%;
	bottom: 44px;
}
.flex-control-nav {
	bottom: 0px;
}
.ClickHereBtn {
	bottom: 25px;
}
.Circle1 {
	width: 200px;
	height: 200px;
}
.Circle2 {
	width: 190px;
	height: 190px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 88%;
}
}

@media only screen and (max-width: 720px) {
.ContactForm {
	width: 100%;
	margin: 0px auto;
}
.ConfirmForm .FormCol .DateInput {
	margin-left: -13px;
}
}

/* Apple iPhone 6 landscape)   */

@media only screen and (max-width: 667px) {
.HomepageOverlay .CovidOverlay .OverlayWrapper {
	padding: 25px;
}
.HomepageOverlay .CovidOverlay .OverlayWrapper h2.Title {
	font-size: 25px;
	line-height: 1;
	margin-bottom: 10px;
}
.HomepageOverlay .CovidOverlay .OverlayWrapper .EditorText {
	font-size: 17px;
	line-height: 1.4;
}
.AboutImg {
	width: 45%;
}
.BookNow img {
	width: 170px;
	height: 100px;
}
.BookNow a {
	width: 170px;
	height: 100px;
}
.BookNow a.OrderOnline {
	width: 170px;
	height: 100px;
	left: -170px;
}
.BookNow {
	width: 170px;
	height: 100px;
	bottom: -189px;
}
.AboutImg img {
	width: 95%;
}
.MenuTab ul li:after {
	padding: 0px 8px;
}
.ConfirmWRap h4 {
	font-size: 28px;
}
.CateringWrap h4 {
	font-size: 28px;
}
.ConfirmWRap h5 {
	margin: 10px 0px 15px 0px;
}
.ConfirmWRap {
	padding: 10px 0px;
}
.CateringWrap h6 {
	margin-bottom: 25px;
}
.MenuWRapper .InnerCol1 h4 {
	font-size: 22px;
	line-height: 30px;
}
.MenuWRapper .InnerCol4 {
	width: 130px;
	height: 34px;
	font-size: 16px;
	background-size: 100%;
}
.SecurityCode input {
	width: 105px !important;
}
.box {
	width: 83%;
}
.ConfirmForm .FormCol {
	width: 76%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 87%;
}
}

/*@media only screen and (max-width: 640px){

	

}

*/

@media only screen and (max-width: 604px) {
.Circle1 {
	width: 330px;
	height: 330px;
}
.Circle2 {
	width: 320px;
	height: 320px;
}
.CircleWrap li {
	margin: 10px auto;
	width: 100%;
	display: block;
}
.ClickHereBtn {
	bottom: 36px;
}
.BestWrap .col1 {
	width: 100%;
	float: none;
	margin: 0px auto;
}
.BestWrap .col2 {
	float: none;
	width: 100%;
	margin: 0px auto 10px;
	text-align: center;
}
.DownArrow {
	display: none;
}
.AboutWrapper h2 {
	font-size: 28px;
	line-height: 34px;
}
.AboutWrapper h4 {
	font-size: 20px;
	line-height: 30px;
}
.AboutLeft h3 {
	font-size: 22px;
	line-height: 30px;
}
.AboutLeft h6 {
	font-size: 18px;
}
.LocationWrap h2 {
	font-size: 28px;
}
.DotImg {
	margin-bottom: 20px;
}
.MenuBG {
	height: auto;
	background-repeat: repeat;
	line-height: 30px;
	padding: 10px;
}
.MenuTab ul li:after {
	display: inline-block;
	padding: 0px 30px;
}
.MenuWRapper .LineWrap {
	background-image: none;
}
.MenuWRapper .InnerCol1 {
	float: none;
}
.MenuWRapper .InnerCol3 {
	float: none;
}
.FormCol1 {
	width: 46%;
}
.InnerContainWrapper h2 {
	font-size: 28px;
	line-height: 32px;
}
.boxclose {
	right: -35px;
}
.ConfirmForm .FormCol .DateInput {
	margin-left: -10px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 86%;
}
}

/*@media only screen and (max-width: 600px){

	

}*/

@media only screen and (max-width: 569px) {
.TopSocialIcon {
	right: 10px;
}
.Truckimg {
	background: none;
}
.WelcomeWrap .col1 {
	width: 100%;
}
.SlideWrap .Header {
	width: 350px;
	left: 82%;
	bottom: 30px;
}
.BookNow img {
	width: 100%;
	height: auto;
}
.BookNow a {
	width: 170px;
	height: 90px;
}
.BookNow {
	width: 170px;
	height: 90px;
	bottom: -179px;
}
.BestWrap h3 {
	font-size: 30px;
	line-height: 34px;
}
.BestWrap h4 {
	font-size: 24px;
	line-height: 30px;
}
.FParagraph2 p {
	font-size: 16px;
}
.LocationWrap h2 {
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 30px;
}
.LocationCol1 {
	width: 70%;
}
.AboutImg {
	width: 60%;
	display: block;
	text-align: center;
	margin: 20px auto;
}
.AboutImg img {
	width: 96%;
}
.InnerHeaderBG .Header {
	left: 57%;
}
.ConfirmForm .FormCol .DateInput {
	margin-left: -7px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 85%;
}
}

/* Apple iPhone 5 landscape)   */

/*@media only screen and (max-width: 568px){

	



}*/



@media only screen and (max-width: 540px) {
.Logo a {
	width: 340px;
	background-size: 100%;
	height: 78px;
}
.Logo {
	width: 340px;
	left: 53%;
	top: 12px;
}
.BookNow a {
	width: 140px;
	height: 70px;
}
.BookNow a.OrderOnline {
	width: 140px;
	height: 70px;
	left: -140px;
}
.BookNow {
	width: 140px;
	height: 70px;
	bottom: -159px;
}
.ConfirmForm .FormCol {
	width: 81%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 84%;
}
}

@media only screen and (max-width: 533px) {
.MenuTab ul li:after {
	padding: 0px 20px;
}
}

/* Apple iPhone 4 landscape)   */

@media only screen and (max-width:480px) {
.SlideWrap .Header {
	width: 100%;
	left: 0px;
	bottom: 0px;
	position: relative;
	margin-left: 0px;
}
.flex-control-nav {
	bottom: -15px;
}
.LocationCol1 {
	width: 88%;
}
.IdxContainWrapper {
	padding: 15px 0px 15px 0px;
}
.AboutImg img {
	width: 96%;
}
.AboutImg {
	width: 75%;
}
.InnerHeaderBG .Header img {
	width: 290px;
	height: 90px;
}
.InnerHeaderBG .Header {
	width: 290px;
	left: 63%;
}
.MenuWRapper .InnerCol1 h4 {
	font-size: 20px
}
.FormCol1 {
	width: 99%;
}
.SecurityCode input {
	width: 150px !important;
}
.ConfirmForm .FormCol .DateInput input {
	width: 75% !important;
}
.TableWrap {
	margin-bottom: 30px;
}
.ConfirmForm h3 {
	font-size: 28px;
}
.ConfirmForm {
	padding: 30px 0px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 82%;
}
.HomepageOverlay .CovidOverlay .OverlayWrapper {
	padding: 37px 12px 25px;
}
.HomepageOverlay .CovidOverlay .OverlayWrapper h2.Title {
	font-size: 27px;
	line-height: 34px;
}
}

@media only screen and (max-width:435px) {
.IdxBlogWrap li .BlogContentTopHeading {
	width: 81%;
}
}

@media only screen and (max-width:424px) {
.Logo {
	left: 56%;
}
.InnerHeaderBG .Header {
	left: 65%;
}
.MenuTab ul li:after {
	padding: 0px 8px;
}
.DotLineImg {
	margin-bottom: 10px;
}
.MenuWRapper h5 {
	margin-bottom: 20px;
}
.CateringWrap h4 {
	font-size: 24px;
}
.ConfirmWRap h4 {
	font-size: 24px;
}
.FormCol1 {
	width: 98%;
}
.ConfirmForm .FormCol .DateInput input {
	width: 72% !important;
}
.boxclose {
	width: 23px;
	height: 23px;
	background-size: 100%;
	right: -26px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 80%;
}
}

@media only screen and (max-width:414px) {
.Logo a {
	width: 300px;
	height: 70px;
}
.Logo {
	width: 300px;
	left: 63%;
	top: 17px;
}
}

@media only screen and (max-width:400px) {
.LocationCol1 {
	width: 100%;
}
.AboutImg {
	width: 80%;
}
.ConfirmForm .FormCol .DateInput input {
	width: 70% !important;
}
.FormCol3 {
	width: 80%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 79%;
}
.IdxBlogWrap li .BlogContentTopHeading h4 {
	font-size: 18px !important;
	line-height: 28px !important;
}
}

@media only screen and (max-width:384px) {
.Logo a {
	width: 270px;
	height: 65px;
}
.Logo {
	width: 270px;
	left: 64%;
	top: 21px;
}
.AboutImg {
	width: 90%;
}
.InnerHeaderBG .Header {
	left: 66%;
}
.FormCol1 {
	width: 97%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 78%;
}
}

/* Apple iPhone 6 portrait)   */

@media only screen and (max-width:375px) {
.Logo {
	left: 69%;
}
.ConfirmForm .FormCol {
	width: 91%;
}
.ConfirmForm .FormCol input[type=text], .ConfirmForm .FormCol3 input[type=text], .ConfirmForm .FormCol textarea {
	width: 88%;
}
}

@media only screen and (max-width:360px) {
.IdxContactInfo .SepLine {
	width: 14px;
}
.InnerHeaderBG .Header {
	left: 68%;
}
.CateringWrap h4 {
	font-size: 22px;
}
.ConfirmWRap h4 {
	font-size: 22px;
}
.MenuWRapper .InnerCol1 h4 {
	font-size: 18px;
}
.FormCol1 {
	width: 96%;
}
.SecurityCode input {
	width: 130px !important;
}
.box {
	width: 81%;
}
.FormCol3 {
	width: 90%;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 77%;
}
}

/* Apple iPhone 4 portrait)   */

@media only screen and (max-width:320px) {
.Circle1 {
	width: 290px;
	height: 290px;
}
.Circle2 {
	width: 280px;
	height: 280px;
}
.ContNo {
	font-size: 0.70em;
}
.ContNo i {
	width: 18px;
	height: 18px;
	line-height: 19px;
	font-size: 10px;
}
.IdxLocationInfo .Button1 {
	width: 90%;
}
.Logo {
	width: 250px;
	left: 72%;
}
.Logo a {
	width: 250px;
	height: 57px;
}
.IdxContainWrapper {
	padding: 10px 0px 10px 0px;
}
.AboutImg img {
	width: 94%;
}
.AboutWrapper h2 {
	font-size: 24px;
	line-height: 30px;
}
.InnerHeaderBG .Header {
	left: 70%;
}
.MenuWRapper .InnerCol3 {
	width: 88px;
	height: 30px;
	font-size: 14px;
	background-size: 100%;
	line-height: 30px;
}
.FormCol1 {
	width: 94%;
}
.SecurityCode input {
	width: 105px !important;
}
.ConfirmForm .FormCol .DateInput input {
	width: 65% !important;
}
.ConfirmForm .FormCol input[type=text], .ConfirmForm .FormCol3 input[type=text], .ConfirmForm .FormCol textarea {
	width: 86%;
}
.ConfirmForm h3 {
	font-size: 24px;
}
.ConfirmForm h6 {
	font-size: 16px;
}
.IdxBlogWrap li .BlogContentTopHeading {
	width: 74%;
}
}