/* Default Layout: 992px.  */
.hide_desktop { display:none }

.home_devider { width: 1000px; }

.selectnav { display: none; }

#navpub { display: block; }

/* Tablet Layout: 768px. */

/* Mobile Layout: 320px. */
@media only screen and (min-width: 768px) {
.responsive_menu {
display:none;
}
#navpub {
display:block;
}
}
 @media only screen and (max-width: 768px) {
.responsive_menu {
display: block;
float: right;
text-align: right;
width: 100%;
}
.responsive_menu img.close {
margin: 7px 10px 0 0;
cursor: pointer;
}
 #nav, #publicnav {
width:100%;
height:auto;
}
 #navpub {
display: none;
}
#publicnav > ul {
background: none repeat scroll 0 0 #333333;
float: left;
margin-top: 0;
width: 100%;
height: auto;
}
#navpub > li {
border-bottom: 1px solid #555555;
height: auto;
width: 92%;
}
.selectnav {
background: none repeat scroll 0 0 #8E001A;
display: block;
padding: 14px;
width: 359px;
}
#publicnav {
background: url("../image/navbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body .product-info .image {  float: none;  margin: 0 auto 20px;  width: 198px; }

body .product-info > .left{ clear: both;  display: block;  float: none;  margin: 10px auto; width:100%; }
body .product-info > .left:first-child{ width:auto; max-width:220px;}


}
 @media only screen and (max-width: 480px) {
body #logo {
float: none;
margin: 0 auto;
width: 180px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.selectnav {
background: none repeat scroll 0 0 #8E001A;
display: block;
padding: 14px;
width: 450px;
}
#navpub {
display: none;
}
#publicnav {
background: url("../image/navbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.selectnav {
display: none;
}
#navpub {
display: block;
}
#nav {
width: 100%;
}
#publicnav {
background: url("../image/navbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
 body .cont a.button {
clear: both;
display: block;
max-width: 171px;
text-align: center;
width: 100%;
}
body .single_blog {
margin-bottom:20px;
}

body #logonext{ width:100%!important}


}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 body .slogan_text {
display:none!important
}
 body .logobox {
float:left!important
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 body .slogan_text {
width:35%
}
body #publicnav {
width:100%;
background:none;
}
 body .under_slider {
width:66%;
}
 body .testimonial_area {
margin: 5% 10%;
}
 body .social_footer {
width:30%;
}
 body .footer_contact {
color: #FFFFFF;
margin: 0 5%;
text-align: center;
width: 30%;
}
 body .footer_google_map {
width:30%
}
 body .productrow {
width:215px;
}
 body .cont {
left:10%;
}
 body .meal-options {
float: left;
width: 68%;
}
 body .meal-options select {
width:100%
}
 body .blog .description {
width:60%
}
 .blog .image > img {
width: 100%;
}
 body .form-aflout {
width:68%
}
}
 @media only screen and (max-width: 480px) {
 

 #coupon input[name="coupon"], #voucher input[name="voucher"] {
clear: both;
display: block;
margin: 10px 0;
width: 90%;
}
 body .checkout-content div.left, body .checkout-content div.right {
width: 100%;
}
 body .meal-pickup-location {
display: inline-block;
float: left;
line-height: 26px;
margin-bottom: 10px;
width: 100%;
}
 .blog .image {
height: auto;
margin-bottom: 20px;
max-height: 200px;
max-width: 200px;
width: auto;
}
 body .description {
width:100%
}
}
 @media only screen and (max-width: 767px) {
body .logobox {
float: none;
margin: auto;
}
body .slogan_text {
width:94%
}
 body #nav {
padding:0!important
}
 body .text-static > p {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
 body .video_home {
float: none;
height: auto;
margin: auto;
max-width: 300px;
position: relative;
width: 100%;
}
 body #home_box_wrap {
width:100%!important;
margin:50px 0 0;
}
body .home_devider {
width:100%
}
 body .social_footer {
width:100%
}
 body .footer_google_map {
width:100%
}
body .video_home {
height: auto;
margin-bottom: 30px;
position: relative;
width: 100%;
max-width:300px;
}
 body .testimonial_area {
clear: both;
float: none;
height: auto;
margin: 0 auto;
max-width: 360px;
min-height: 100px;
width: 100%;
}
body .testimonial_area > div {
float: left;
width: 100%;
}
body .testimonial_area img {
height: auto;
margin: 10px auto;
width: 100%;
}
body .next img {
border: none;
width:30px !important;
height:auto
}
body .prev img {
border: none;
width:30px !important;
height:auto
}
body .slides_container {
height: 180px;
width: 80%;
}
body .slides_container div {
height: 100px;
width: 100%;
}
body .pagination {
display: block;
margin: 15px 0;
padding: 0;
text-align: center;
width: auto;
}
body ul.pagination > li {
display: inline-block;
list-style: none outside none;
margin: 0 5px;
}
 body .order_now_inner, body .order_now_right {
width:100%;
max-width:330px;
float:none!important;
margin: auto;
height:auto;
clear: both;
}
body .order_now_btn {
height:auto
}




 body .social_footer {
float: none;
margin: auto;
max-width: 300px;
width: 100%;
clear: both;
}
 body .footer_contact {
margin: 26px 0;
width: 100%;
}
body .footer_google_map {
clear: both;
float: none;
margin: auto;
max-width: 300px;
width: 100%;
}
 body .product-list {
display: block;
text-align: center;
}
 body .product-info .description {
width:auto
}
 body .cart-info {
overflow-x: auto;
width: 100%;
}
body table.list {
width:960px;
}
 body .cont {
left: 5%;
padding: 3%;
width: 75%;
}
 body .checkout-product {
overflow: auto;
width: 100%;
}
 body .checkout-product table {
width:960px;
}
 body .mealrow {
float: none;
margin: 0 auto 20px;
}
body #recurringSteponeForm .chosen-container, body #recurringSteponeForm select {
width:96%!important
}
 body .meal-options select {
width:96%
}
 body .individual-meal-image {
clear: both;
display: block;
float: none;
margin: auto auto 15px;
max-width: 182px;
}
 body .meal-options {
width: 100%;
}
 body .contact-info {
padding: 4%;
width: 92%;
}
 body .register_page #column-right, body #column-right {
width: 100%;
}
 body .form-aflout {
width: 100%;
}
 body .form-aflout .form td {
display: block;
width: auto;
}
 body .form-aflout .login-content .left, body .form-aflout .login-content .right {
 width: 100%;
}
}
 @media only screen and (max-width: 960px) {
}
 @media only screen and (min-width: 768px) {
}
 @media only screen and (max-width: 1023px) {
.home_devider {
width: 100%;
}
 body #wrap {
width: 95%;
}
body #header {
width: 97%;
}
body #content {
width:97%;
}
body #footer {
width:97%
}
 body .footer_google_map iframe {
width: 100%;
max-width:300px;
}
 body .left.social_footer img {
width: 100%;
max-width:300px;
}
 body {
background-size: cover!important;
background-attachment:scroll!important
}
}