@media only screen and (min-width:992px) and (max-width:1200px) 
{
.banner-text-out {
padding: 40px 0 90px;
}
.banner-text-out h1 {
font-size: 50px;
}
.banner-text-out h2 {
font-size: 50px;
}
.star-icon {
width: 450px;
}
.banner-text-out p {
font-size: 18px;
letter-spacing: 3px;
}
header {
padding: 10px 0 0;
}
.navbar-default .navbar-nav > li > a {
font-size: 16px;
margin: 0 0 0 25px;
}
.nav-out ul {
padding: 20px 0 0 0;
}
.our-story-out {
padding: 40px 0;
}
.our-story-out h2 {
font-size: 40px;
letter-spacing: 3px;
padding:0 0 10px 0;
}
.story-inner {
padding:0 20px 0 0 !important;
}
.chef-right img {
width: 100%;
}
.our-story-out h3 {
font-size: 16px;
margin: 10px 0 0;
}
.our-story-out p {
font-size: 15px;
margin: 10px 0 0;
line-height: 20px;
}
.offer-out {
padding: 40px 0 40px;
}
.offer-out h2 {
font-size: 40px;
letter-spacing: 4px;
padding: 0 0 10px 0;
}
.offer-out li {
width: 100%;
margin: 0 0 10px;
max-height:inherit;
padding:0 0 30px 0;
text-align:center;
}
.offer-out li img {
width: auto;
float: none;
position: initial;
left: 0;
top: 0;
}
.offer-out li {
width: 48.6%;
margin: 0 5px 10px;
max-height: inherit;
padding: 0 0 30px 0;
text-align: center;
}
.offer-out ul {
margin: 30px 0 0;
}
.meal-inner-out {
padding: 30px;
}
.meal-text-out {
padding: 25px 25px 40px 25px !important;
}
.meal-day-out {
background-size: 100%;
background: url(../images/meal-bg.jpg) no-repeat right fixed;
}
.meal-text-out h2 {
font-size: 55px;
letter-spacing: 5px;
line-height: 45px;
}
.meal-text-out a {
left: 120px;
}
.menu-inner ul {
padding: 20px 10px 30px 0;
}
.menu-inner h3 {
font-size: 20px;
}
.menu-inner p {
font-size: 15px;
}
.menu-inner li img {
width: 130px;
float: right;
}
.menu-inner span {
width: 60%;
padding: 10px 10px 0 0;
}
.menu-inner li {
margin: 0 0 20px;
}
.goodness-right li img {
width: 130px !important;
float: left !important;
}
.goodness-right span {
text-align: left;
padding: 10px 0 0 0 !important;
float: right;
}
.goodness-right ul {
padding: 20px 0 0 10px !important;
margin: 0;
}
.blend-out {
padding: 100px 0;
}
.peter-out {
padding: 40px 0;
}
.peter-out h2 {
font-size: 65px;
margin: 20px 0 0 0;
line-height: 40px;
}
.peter-out h3 {
font-size: 40px;
line-height: 35px;
}
.peter-out span {
margin: 10px 0 0;
}
.peter-out p {
font-size: 16px;
margin: 10px 0;
line-height: 24px;
}
.peter-right-inner a {
margin: 0!important;
}
.peter-right-inner a {
margin: 0 0 0 20px !important;
width: 43%;
}
footer {
padding: 60px 0 0;
}
.hours-right {
padding: 0 0 0 0px !important;
}
.location-inner ul {
margin: 20px 10px 0 0;
}
.location-inner li {
font-size: 13px;
line-height: 23px;
}
.hours-inner {
margin: 20px 10px 0 0 !important;
}
.copyright-out {
padding: 30px 0;
margin: 70px 0 0 0;
}
.copyright-out p {
font-size: 13px;
}
.copyright-out a {
font-size: 13px;
}
.tile {
position: relative;
float: left;
width: 43%;
height: 100%;
overflow: hidden;
margin: 30px 10px 0;
}
.tiles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.peter-right-inner {
text-align: right;
position: relative;
height: 300px;
}
.peter-out {
padding: 30px 10px 70px;
}
.banner-text-out {
padding: 250px 0 0;
}




}

@media only screen and (max-width:991px) 
{
.banner-text-out {
padding: 170px 0 90px;
}
.banner-text-out h1 {
font-size: 50px;
}
.banner-text-out h2 {
font-size: 50px;
}
.star-icon {
width: 450px;
}
.banner-text-out p {
font-size: 18px;
letter-spacing: 3px;
}
header {
padding: 10px 0 0;
}
.navbar-default .navbar-nav > li > a {
font-size: 16px;
margin: 0 0 0 15px;
}
.nav-out ul {
padding: 20px 0 0 0;
}
.our-story-out {
padding: 40px 0;
}
.our-story-out h2 {
font-size: 40px;
letter-spacing: 3px;
padding:0 0 10px 0;
}
.story-inner {
padding:0 20px 0 0 !important;
}
.chef-right img {
width: 100%;
}
.our-story-out h3 {
font-size: 16px;
margin: 10px 0 0;
}
.our-story-out p {
font-size: 15px;
margin: 10px 0 0;
line-height: 20px;
}
.offer-out {
padding: 40px 0 40px;
}
.offer-out h2 {
font-size: 40px;
letter-spacing: 4px;
padding: 0 0 10px 0;
}
.offer-out li {
width: 100%;
margin: 0 0 10px;
max-height:inherit;
padding:0 0 30px 0;
text-align:center;
}
.offer-out li img {
width: auto;
float: none;
position: initial;
left: 0;
top: 0;
}
.offer-out li {
width: 48.6%;
margin: 0 5px 10px;
max-height: inherit;
padding: 0 0 30px 0;
text-align: center;
}
.offer-out ul {
margin: 30px 0 0;
}
.meal-inner-out {
padding: 30px;
}
.meal-text-out {
padding: 25px 25px 40px 25px !important;
}
.meal-day-out {
background-size: 100%;
background: url(../images/meal-bg.jpg) no-repeat right fixed;
}
.meal-text-out h2 {
font-size: 55px;
letter-spacing: 5px;
line-height: 45px;
}
.meal-text-out a {
left: 120px;
}
.menu-inner ul {
padding: 20px 10px 30px 0;
}
.menu-inner h3 {
font-size: 20px;
}
.menu-inner p {
font-size: 15px;
}
.menu-inner li img {
width: 130px;
float: right;
}
.menu-inner span {
width: 60%;
padding: 10px 10px 0 0;
}
.menu-inner li {
margin: 0 0 20px;
}
.goodness-right li img {
width: 130px !important;
float: left !important;
}
.goodness-right span {
text-align: left;
padding: 10px 0 0 0 !important;
float: right;
}
.goodness-right ul {
padding: 20px 0 0 10px !important;
margin: 0;
}
.blend-out {
padding: 100px 0;
}
.peter-out {
padding: 40px 0;
}
.peter-out h2 {
font-size: 65px;
margin: 20px 0 0 0;
line-height: 40px;
}
.peter-out h3 {
font-size: 40px;
line-height: 35px;
}
.peter-out span {
margin: 10px 0 0;
}
.peter-out p {
font-size: 16px;
margin: 10px 0;
line-height: 24px;
}
.peter-right-inner a {
margin: 0!important;
}
.peter-right-inner a {
margin: 0 0 0 20px !important;
width: 43%;
}
footer {
padding: 60px 0 0;
}
.hours-right {
padding: 0 0 0 0px !important;
}
.location-inner ul {
margin: 20px 10px 0 0;
}
.location-inner li {
font-size: 13px;
line-height: 23px;
}
.hours-inner {
margin: 20px 10px 0 0 !important;
}
.copyright-out {
padding: 30px 0;
margin: 70px 0 0 0;
}
.copyright-out p {
font-size: 13px;
}
.copyright-out a {
font-size: 13px;
}
.tile {
position: relative;
float: left;
width: 43%;
height: 100%;
overflow: hidden;
margin: 30px 10px 0;
}
.tiles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.peter-right-inner {
text-align: right;
position: relative;
/*height: 300px;*/
}
.peter-out {
padding: 30px 10px 70px;
}


}
@media only screen and (max-width:767px) 
{
.navbar-toggle {
margin-bottom: 0;

margin-right: 0;
top: 0;
}
.navbar {
margin: -70px 0 0 0 !important;
}
.logo-out
{
position:relative;
}
.logo-out img {
width: 170px;
position: relative;
z-index: 99;
}
header {
padding: 10px;
}
.banner-text-out {
padding: 40px 0 30px 0;
}
.banner-text-out h1 {
font-size: 25px;
}
.banner-text-out h2 {
font-size: 25px;
letter-spacing: 1px;
}
.star-icon {
width:400px;
}
.banner-text-out p {
font-size: 13px;
letter-spacing: 1px;
margin: 0;
}
.peter-out br {
display: none;
}
.location-inner ul {
width: 25% !important;
}
.story-inner {
padding: 0 !important;
}
.our-story-out h2 {
font-size: 25px;
letter-spacing: 3px;
padding: 0 0 10px 0;
}
.our-story-out {
padding: 30px 10px;
}
.our-story-out h3 {
margin: 20px 0 0;
}
.our-story-out p {
margin: 10px 0 0;
line-height: 20px;
}
.chef-right{
text-align:center;
}
.chef-right img {
width: 400px;
margin: 15px 0 0 0;
float: none;
display: inline-block;
}
.offer-out h2 {
font-size: 30px;
letter-spacing: 2px;
padding: 0 0 10px 0;
}
.offer-out {
padding: 30px 10px;
}
.offer-out li {
width: 48.3%;
margin: 0 5px 10px 5px;
max-height: 100%;
padding: 0 0 10px 0;
}

.offer-out li img {
position: relative;
left: 0;
right: 0;
width: 250px;
float: none;
}
.offer-out ul {
margin: 30px 0 0;
}
.meal-inner-out {
width: 100%;
padding: 20px;
}
.meal-day-out {
padding: 50px 10px;
}
.meal-text-out h2 {
font-size: 45px;
letter-spacing: 2px;
line-height: 40px;
text-align:center;
}
.meal-text-out {
padding: 20px !important;
}
.meal-text-out h3 {
font-size: 16px;
text-align:center;
margin: 10px 0 0;
}
.meal-text-out p {
font-size: 14px;
line-height: 16px;
text-align:center;
}
.meal-text-out a {
font-size: 14px;
padding: 8px 10px;
letter-spacing: 2px;
margin: 10px 0 0 0;
position: initial;
}
.menu-out {
padding: 30px 0 0;
}
.menu-out h2 {
font-size: 33px;
letter-spacing: 2px;
}
.wrapper {
margin: 20px 0 0 0;
}
.menu-inner ul {
padding: 0;
}
.menu-inner span {
width: 100%;
text-align: center;
padding: 0;
}
.menu-inner {
border-bottom: 2px solid #e6e6e6;
margin: 0 !important;
}
.tabs a {
font-size: 20px;
}
.menu-inner h3 {
font-size: 25px;
width:100%;
}
.menu-inner p {
font-size: 15px;
}
.menu-inner li a {
width: 100%;
text-align: center;
display:inline-block;
}
.menu-inner li img {
float: none;
margin: 10px 0 0;
}
.menu-inner li {
margin: 0 0 25px;
width: 49%;
text-align: left;
}
.goodness-right {
padding: 30px 0 0;
}
.goodness-right li img {
float: none !important;
margin: 0 0 10px;
}
.blend-out {
padding:100px 0;
	margin-top: 40px;
}
.blend-out h2 {
font-size: 40px;
}
.blend-out h3 {
font-size: 40px;
letter-spacing: 1px;
line-height: 25px;
}
.peter-out {
padding: 30px 10px;
}
.peter-out h2 {
font-size: 60px;
line-height: 35px;
margin:0;
}
.peter-out h3 {
font-size: 35px;
letter-spacing: 10px;
line-height: 35px;
}
.peter-out span {
margin: 10px 0 0;
}
.peter-out p {
font-size: 15px;
margin: 10px 0;
line-height: 20px;
}
.peter-right-inner a img {
width: 100%;
height: 300px;
}
.peter-right-inner {
text-align: center;
}
.peter-right-inner a {
margin: 0 !important;
margin: 20px 10px 0 !important;
}
footer {
padding: 30px 10px 10px;
text-align: center;
}
.location-inner ul {
margin: 10px 0 0 0;
width: 100%;
}
.location-inner li {
font-size: 12px;
line-height: 15px;
}
.hours-right {
padding: 20px 0 0 !important;
}
.hours-inner {
margin: 10px 0 0 !important;
}
.copyright-out {
padding: 10px;
margin:0;
text-align:center;
}
.copyright-out p {
font-size: 15px;
width:100%;
}
.copyright-out span {
float: right;
width: 100%;
text-align:center;
}
.copyright-out a {
font-size: 15px;
width:100%;
text-align:center;
}
.scrollup {
width: 30px;
height: 30px;
bottom: 10px;
right: 10px;
background-size: 15px;
}
.peter-right-inner a {
margin: 10px 0 0 !important;
width: 100% !important;
}
.navbar-nav > li {
width: 100%;
text-align: center;
}
.navbar-default .navbar-nav > li > a {
padding: 10px;
width: 100%;
text-align:left;
margin:0;
border-bottom:1px solid #000;
}
.navbar-default .navbar-nav > li > a:hover
{
background:#fff ;
color:#000 !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-top: 1px solid #d3a863;
top: 81px;
z-index: 99;
position: absolute;
width: 100%;
background: rgba(0, 0, 0, 0.9);
}
.fixed .navbar-default .navbar-nav > li > a {
font-size: 13px;
margin: 0;
}
.fixed .nav-out ul {
padding: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color:#d3a863;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.fixed .logo-out img {
width: 130px;
}
.fixed .navbar-toggle {
margin-top: 32px;
}
header .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: none;
}
.fixed .logo-out img
{
visibility:inherit !important;
}
header .container {
padding: 0 20px;
}
body .owl-carousel .owl-item img {
width: 100% !important;
left: 0 !important;
top: 0 !important;
}
.banner-text-out {
padding: 130px 0 0px 0;
}
.banner img {
display: inline-block;
width:100%;
}
footer {
margin-top: 30px;
}
.links {
padding: 10px 0 !important;
}
.about-us-part .submit-button {
width: 100%;
}
.offer-out .item {
width: 100%;
float: left;
margin-bottom: 20px;
margin-right: 0;
min-height: inherit;
}
.about-us-part {
text-align: center;
}
.copyright-out a {
width: 40px;
}
.meal-inner-out ul li {
text-align: center;
list-style: none !important;
}
.banner-text-out {
padding: 20px 10px 0px 0 !important;
width:60%;
}
.meal-text-out h2::after {
right: 0;
margin: auto;
}
.carousel {
margin-top: 66px;
}
.navbar-toggle {
margin-top: 30px;
}



}
@media only screen and (max-width:639px) 
{
.peter-right-inner a {
margin: 10px 10px 0 !important;
width: 45% !important;
}
.our-story-out {
padding: 0 10px;
}
.meal-text-out h2 {
font-size: 30px;
}
.tile {
position: relative;
float: left;
width: 43%;
height: 100%;
overflow: hidden;
margin: 30px 10px 0;
}
.tiles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.peter-right-inner {
text-align: right;
position: relative;
height: 300px;
}
.peter-out {
padding: 30px 10px 70px;
}
footer {
margin-top: 0;
}
.banner-text-out {
padding: 20px 0 0px 0 !important;
}
.offer-out p {
margin: 20px 0 30px;
}



}
@media and (max-width:599px) 
{


.chef-right img {
width: 300px;
}
.blend-out h2 {
font-size: 45px;
}
.blend-out h3 {
font-size: 40px;
letter-spacing: 1px;
line-height: 25px;
}
.blend-out {
padding: 60px 0;
}
.star-icon {
width: 300px;
margin: 0;
}
.offer-out li {
width: 100%;
margin: 0 5px 10px 5px;
max-height: 100%;
padding: 0 0 10px 0;
}
.menu-inner li {
width: 100%;
}
.peter-right-inner a {
margin: 10px 0 0 !important;
}
.location-inner ul {
width: 100% !important;
}
.peter-out br {
display: block;
}
.peter-right-inner a {
margin: 10px 0 0 !important;
width: 100% !important;
}
.banner-text-out h1 {
font-size: 25px !important;
}
.banner-text-out h2 {
font-size: 25px !important;
}
.banner-text-out {
padding: 80px 0 0px 0 !important;
}
.banner-text-out p {
font-size: 13px;
letter-spacing: 1px;
margin: 0;
}
footer {
margin-top: 0;
}
.story-inner {
padding: 10px 0 0 0 !important;
}
.nav-out ul {
padding: 0;
background:rgba(0, 0, 0, 0.8);
}
header {
background: url(../images/banner-bg.png) no-repeat;
background-size:100% 100%;
}
footer {
text-align: center;
}
.about-us-part p
{
text-align:center;
}
.about-us-part h2 {
text-align: center;
}
.about-us-part li {
text-align: center;
}
*
{
border:1px #f0f solid;
}




}