@import url('https://fonts.googleapis.com/css?family=Anton|Cabin|Josefin+Sans|Lato|Muli|Open+Sans|Oswald|Quattrocento+Sans|Raleway|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Arizonia|El+Messiri|Italianno|Marcellus|Milonga|Noto+Serif|Sail|Sorts+Mill+Goudy');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Handlee|Italiana|Marcellus|Niconne|Petit+Formal+Script|Prata|Rancho');

.navbar{ padding:10px 0px; height:100px; }
.mobileViewDiv{ padding: 10% 10%; border: none; text-align: center; font-family: Noto Serif; background-color:#232323; border:10px solid #FFF; font-size: 1.5em;     }
.mobileViewDiv a{ color:#FFF; }
.navbar-collapse ul{   margin-top:4%; transition: all 0.5s;   }
.navbar-collapse ul li a{ font-family:Oswald; color:#FFF; font-size:1.5em; text-transform:uppercase; letter-spacing:0.02em;      }
#slider{ position:relative;  background-image:url(../images/slider/1.jpeg); height:750px; background-size: cover; background-attachment:fixed;  }
#slider::after{ position:absolute; background-color:rgba(0,0,0,0.5); content:''; top:0px; right:0px; left:0px; bottom:0px; }
.navbar-brand>img{ background-color:rgba(255,255,255,0); border-radius:5px; margin-left:0%; transition: all .5s; padding:2%;    }
.sliderTextFirst{ font-family:Oswald; text-transform:uppercase; font-size:3em; letter-spacing:0.1em;   }
.sliderTextSecond{ font-family:Milonga; font-size:3em;  }
.sliderText{ text-align: center; color:#FFF; z-index:99; position:relative; padding-top:25%;        }
.sliderOrderOnline{ font-family:Open Sans; text-transform:uppercase; letter-spacing:0.15em;  border:2px solid #FFF; padding:2.5%; font-size:1.1em; margin-top:5%; transition: all 0.5s; cursor:pointer;      }
.sliderOrderOnline:hover{ font-family:Open Sans; text-transform:uppercase; letter-spacing:0.15em; background-color:#FFF; color:#000;  border:2px solid #FFF; padding:2.5%; font-size:1.1em; margin-top:5%; font-weight:bold;      }

#aboutUsSection{ text-align:center; padding:8% 0%;  }
.aboutUsHeading{ text-align:center; font-family:Oswald; font-size:2.5em; text-transform:uppercase; margin-bottom:5%; margin-top:10%;     }
.aboutUsData{ font-family:Source Sans Pro; font-size:1.2em; margin-bottom:5%; margin-top:5%; padding:0% 5%;    }
.readMoreButtonHome{ background-color:#000000; color:#FFF; padding:2.5%; font-size:1.2em; font-family:Source Sans Pro; text-transform:uppercase; margin-top:5%; 	   }
.readMoreButtonHome a{ color:#FFF; }
.aboutUsImageFirst{ background-image:url(../images/otherImages/burger.jpg);  height:500px;  border:15px solid #FFF; background-position:center; background-size:cover;     }
.aboutUsImagesecond{ background-image:url(../images/otherImages/bbq-dinner-grilled-grill-72160.jpeg);  height:500px; background-size:cover; border:15px solid #FFF;   }
#saloganAfterAbout{ background-image:url(../images/otherImages/pexels-photo-467822.jpeg); background-attachment:fixed; background-size: cover; font-size:3em; text-align:center; font-family:Oswald; color:#FFF; padding-top:15%; padding-bottom:15%; position:relative;     }
#saloganAfterAbout:after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5); content:''; }
.saloganAfterAbout{ position:relative; z-index:999; text-transform:uppercase;    }
.specialFoodHeading{ text-align:center; font-family:Oswald; font-weight:bold; font-size:2.8em;  }
#homePageMenu{ margin-top:7%; margin-bottom:8%; }
.starMenuHome{ text-align:center; margin-top:1%; margin-bottom:1%;  }
.showMenuSalogan{ text-align:center; font-family:Marcellus !important ; font-size:1.2em; margin-bottom:2%; font-weight:bold; color:#666;     }
.productName{ font-family:Oswald; font-size:2em; }
.productDes{ font-size:1.1em; font-family:Marcellus; font-style:italic; color: #999999; font-weight:bold;   }
.productDiv{ margin-top:8%; padding:0% 2%;  }
.partTwoMenu{ border-right:1px solid #999;  }
.productDivSix{ padding:0% 0%; }
#galleryDiv{ background-color:#211d1d ; padding-bottom:8%;  }
.galleryHeading{ text-align:center; font-family:Oswald; font-size:3.5em; color:#FFF; margin-top:10%; margin-bottom:2%;  }
.galleryImage{ height:250px;  background-size:cover; margin-top:8%; position:relative; background-position:center;     }
.galleryImage:after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.15); content:'';  }
.otherInfoHeading{ font-family:Oswald; text-align:center; font-size:2em; margin-bottom:5%; margin-top:10%;   }
.otherInfoDiv{ font-family:Source Sans Pro; text-align:center; font-size:1.4em; color:#999;  }
#pageFooter{ background-color:#211d1d; }
.footerContent{ height:180px; }

.footerHeading{ color:#FFF; font-size:2em; font-family:Oswald; margin-top:10%; margin-bottom:3%;   }
#pageFooter{ padding-top:4%; padding-bottom:4%; }
.footerOtherDiv{ font-family:Lato; font-size:1.3em; color:#666; margin-bottom:1%;   }
.otherInfoAddress{ margin-top:10%; margin-bottom:5%;  }
.downloadIconApp{ background-color:#FFF; padding:3%; font-family:Oswald; font-size:1.8em; margin-top:2%; text-align:center; border-radius:5px;      } 
.footerOtherDiv input[type="text"]{ width:100%; padding:3.5% 1%; background-color:transparent; border:none; border-bottom:2px solid #666;     }
.footerOtherDiv button{ padding:3% 10%; background-color:#211d1d; margin-top:8%; border:2px solid #FFF; font-size:1em; font-family:Open Sans; text-transform:uppercase;      }

.contactFormHeading{ text-align:center; font-family: Oswald; font-size:3em; margin-bottom:5%; margin-top:5%;    }
.contactFormDiv input[type="text"]{ width:100%; margin-top:1%;  border:none; font-family:Source Sans Pro; padding:2%; font-size:1.5em; margin-bottom:2%; border-bottom:2px solid #999;       }
.contactFormDiv input[type="email"]{ width:100%; margin-top:1%;  border:none; font-family:Source Sans Pro; padding:2%; font-size:1.5em; margin-bottom:2%; border-bottom:2px solid #999;       }
.contactFormDiv textarea{ width:100%;margin-top:1%; resize:none;   height:200px;  border:none; font-family:Source Sans Pro; padding:2%; font-size:1.5em; margin-bottom:2%; border-bottom:2px solid #999;       }
.contactFormDiv input[type="submit"]{ width:100%; margin-top:2%;  border:none; font-family:Oswald; padding:3%; font-size:2em; margin-bottom:2%; border-bottom:2px solid #999; margin-bottom:5%; background-color:#211d1d; color:#FFF;         }
.contactFormRow{ border:5px solid #211d1d; padding:3% 4%; margin-bottom:5%;     }
.contactUsMap iframe{ height:550px; }
.maps iframe{
    pointer-events: none;
}

#navbarSlider{ width:100%; position:absolute; top:0px; right:0px; left:0px; z-index:999999;  }
#scrollNav{ position:fixed; top:0px; right:0px; left:0px; background-color:rgba(255,255,255,0.98); width:100%; z-index:9999; display:none; box-shadow:0px 0px 3px #efefef;    }
#scrollNav .navbar-collapse ul li a{ color:#000; }
#scrollNav .navbar-collapse ul{ margin-top:1.5%; }
#scrollNav .navbar-brand>img{ width:200px; height:100px; margin-top:-7%;  }

/*other page*/
#otherpageheader{ background-image:url(../images/otherImages/pexels-photo-467822.jpeg); padding-top:18%; padding-bottom:12%;  background-size: cover; color:#FFF; font-size:7em; font-family:Petit Formal Script; text-align:center; text-shadow: 0px 5px 0px #000; background-attachment:fixed;        }


/*gallery*/
.galleryImageBg{ height:280px; border:10px solid #FFF; background-size:cover; background-repeat:no-repeat; position:relative;    }
.galleryImageBg::after{ background-color:rgba(0,0,0,0.2); position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:''; }
#galleryPageDiv{ margin-top:5%; margin-bottom:5%; }

/*about us*/
.headingAboutUs{ font-family:Oswald; font-size:2.5em; text-align:left; line-height:1.1em; margin-top:10%;    }
.aboutUsPageData{ font-family:Lato; text-align:left; margin-top:5%; font-size:1.2em;   }
.aboutUsPageImage{ background-image:url(../images/gallery/3.jpg); height:400px; background-size:100%; }

/*menu page */

#fetchDataCategary{ margin-top:5%; margin-bottom:10%; }
.menuLiMenuPage{ font-family: Oswald; font-size:1.3em; width:220px; text-align:center; overflow:hidden;      }
.menuLiMenuPage a{ color:#000; }
.ulNavShow{ border-bottom:5px solid #000; padding-bottom:3%; margin-bottom:3% !important ;  }
.menuPagePills{ font-family:Sorts Mill Goudy; font-size:3.5em;  text-align:center; background-color:#efefef; padding:0.5% 0%;   }
.productNameMenu{ font-family:Oswald; font-size:1.8em;  text-align:center; height:45px; overflow:hidden;   }
.productDesMenu{ font-size:0.85em; font-family:Marcellus; font-style:italic; color: #999999; font-weight:bold; margin-top:1%; text-align:center; height:45px; overflow:hidden;     }
.productAmtMenu{ font-family:Niconne; font-size:2em; color:#666; text-align:center;  }
.productDivMenu{ border-right:0.5px solid #efefef;  margin-top:8%; }

/*contact*/
.contactUsSection{ margin-top:5%; margin-bottom:5%;  }
.contactUsSalogan{ font-family:Great Vibes; font-size:2.5em; }
.headingContactUs{ font-family:Oswald; font-size:2em;  }
.contactUsDivText{ font-family:Lato; font-size:1.2em; margin-top:2%;   }
#contactMapContactPage{ margin-top:5%; margin-bottom:5%; }
.contactFormImage{ background-image:url(../images/gallery/2.jpg); background-size: cover; height:600px; border:15px solid #FFF; background-position:center;  }
.contactFormHeading{ font-family:Petit Formal Script; font-size:2em; text-align:left; margin-top:10%;   }
.contactFormFields input[type="text"]{ width:100%; padding:2%; border:none; border-bottom:2px  solid #CCCCCC; font-family:Lato; font-size:1.2em; margin-bottom:2%;     }
.contactFormFields input[type="email"]{ width:100%; margin-top:2%;  padding:2%; border:none; border-bottom:2px  solid #CCCCCC; font-family:Lato; font-size:1.2em; margin-bottom:2%;     }
.contactFormFields textarea{ width:100%; padding:2%; margin-top:2%;  height:120px; resize:none;   border:none; border-bottom:2px  solid #CCCCCC; font-family:Lato; font-size:1.2em; margin-bottom:2%;     }
.contactFormFields input[type="submit"]{ background-color:#000; margin-top:2%;  text-transform:uppercase; font-weight:bold; letter-spacing:0.15em;   font-family:Open Sans; color:#FFF; font-size:1.1em;  border:none; padding:3% 6%; margin-top:2%;      }
.contactFormPage{ padding:2% 5%; }
.pillsGallery{ font-family:Oswald; font-size:1.5em; margin-bottom:2%;    }
.pillsGallery a{color:#000 !important ; }
#blogPageSection{ margin-top:5%; margin-bottom:5%; }
/*event page*/
.blogHeading{ font-family:Oswald; font-weight:bold; margin-bottom:2%; margin-top:5%; border-bottom:2px solid #efefef; background-color:rgba(0,0,0,0); color:#fff; padding-bottom:1%; border-radius:5px;       }
.blogDate{ font-family:Lato;  text-align:right; font-size:0.8em; color: #999999; margin-top:1%;     }
.blogImage img{ padding:2%; border:1px solid #efefef; }
.blogDesc{ font-family:Lato; font-size:1.2em; margin-top:2%; margin-bottom:2%;  padding:3% 4%; background-color:rgba(0,0,0,0.02);    border-radius:5px 5px 5px 5px; color:#333333; text-align:justify;          }
.BlogDesHeading{ margin-bottom:3%; font-family:Oswald; font-style:normal; padding:2%; color:#FFF;     }
.listPostHeading{ font-family:Oswald; padding-bottom:2%; padding-top:2%; font-size:1.5em; border-bottom:1px solid #efefef;    }
.listPostHeading a{ color:#000; }
.blogDiv{ padding:5%; margin-bottom:2%;    }
.submitReviewHeading{ font-family:Great Vibes; text-align:left; border-bottom:1px solid #000;  }
.reviewForm textarea{ font-family:Lato; width:100%; height:100px; resize:none; font-size:1.2em; padding:3%; margin-top:5%;      }
.reviewForm input[type="text"]{ width:100%; padding:3%; font-family:Lato; margin-top:3%; margin-bottom:3%; font-size:1.2em;    }
.reviewForm button{ width:100%; padding:4%; font-family:Petit Formal Script; margin-top:3%; margin-bottom:3%; font-size:1.2em; background-color:#000; color:#FFF; border:none;      }
.closeButton{ display:none; font-size:1.5em; text-align:right; margin:5%;   }

@media screen and (max-width:768px){
.nav>li{ padding:2% 0%; }
.closeButton{ display: inherit; }

#myNavbar{ position:fixed; width:100%; background-color:#FFF; color:#000; text-align:center; top:120px; left:15px; right:0px;       }
.navbar-collapse ul{   margin-top:4%; transition: all 0.5s;   }
.navbar-collapse ul li a{ color:#000; text-align:center; }
.navbar-toggle .icon-bar{ background-color:#000; }
.navbar-toggle{ border:0.5px solid #efefef !important ; }
.sliderText{ text-align: center; color:#FFF; z-index:99; position:relative; padding-top:80%;        }
.aboutUsImageFirst{ background-image:url(../images/otherImages/burger.jpg);  height:200px;  border:15px solid #FFF; background-position:center; background-size:cover;     }
.aboutUsImagesecond{ background-image:url(../images/otherImages/bbq-dinner-grilled-grill-72160.jpeg);  height:200px; background-size:cover; border:15px solid #FFF;   }
.galleryImage{ height:200px;  background-size:cover; margin-top:8%; position:relative; background-position:center;     }
.footerContent{ height:auto; }
#otherpageheader{ background-image:url(../images/otherImages/pexels-photo-467822.jpeg); padding-top:40%; padding-bottom:15%;  background-size: cover; color:#FFF; font-size:3em; }
.galleryImageBg{ height:150px; border:10px solid #FFF; background-size:cover; background-repeat:no-repeat; position:relative;    }
.blogHeading{ font-family:Oswald; font-weight:bold; margin-bottom:2%; margin-top:5%; border-bottom:2px solid #efefef; background-color:rgba(0,0,0,0); color:#000; padding-bottom:1%; border-radius:5px;       }
.BlogDesHeading{ margin-bottom:3%; font-family:Oswald; font-style:normal; padding:2%; color:#666;     }
#homePageMenu, #saloganAfterAbout, .aboutUsImagesecond{ display:none; }
#homePageContactForm{ margin-top:5%; margin-bottom:5%; }
}


	
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
		.aboutUsImagesecond{ display:inherit; }
.sliderText{ text-align: center; color:#FFF; z-index:99; position:relative; padding-top:40%;        }		
.aboutUsHeading{ text-align:center; font-family:Oswald; font-size:2.5em; text-transform:uppercase; margin-bottom:0%; margin-top:0%;     }

#myNavbar{ position:fixed; width:100%; background-color:#FFF; color:#000; text-align:center;  left:0px;  right:0px;       }
.nav>li{ padding:1% 0%; }

.navbar-collapse ul{   margin-top:0%; transition: all 0.5s;   }
.nav>li>a{ padding:10px 8px !important ; }
		}