/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

01. Responsive Mixin
02. Responsive css


**********************************************/
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

01. other color
02. text color
03. bg color
04. button color
05. border color
06. font family
07. font weight

**********************************************/
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1199px) {
.header {
overflow: hidden;
}
.header .headerInner .navbar .navbar-collapse#collapsibleNavbar {
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 9999;
width: 280px;
justify-content: flex-start;
padding: 20px;
height: 100%;
align-items: flex-start;
box-shadow: 0px 5px 10px 1px #cac8c8;
transform: translateX(0px);
transition: all 0.6s ease;
}
.header .headerInner .navbar .navbar-collapse#collapsibleNavbar.collapse:not(.show) {
display: block;
transform: translateX(-550px);
}
.header .headerInner .navbar .navbar-collapse .navbar-nav {
width: 100%;
gap: 20px;
flex-direction: column;
}
.header .headerInner .navbar .navbar-collapse .navbar-nav li a.active::before {
content: unset;
}
.header .headerInner .navbar .navbar-collapse .navbar-nav li a:hover::before {
content: unset;
}
.header .headerInner .rightMenu .search,
.header .headerInner .rightMenu .cart {
width: 30px;
}
.header .headerInner .rightMenu .loginBtn span {
display: none;
}
.header .headerInner .rightMenu .btnPrimary {
padding: 5px 12px;
}
.header .headerInner .rightMenu .btnPrimary img {
width: 52px;
}
.header .headerInner .rightMenu .menuToggle {
margin-top: -10px;
}
.collapsing {
height: auto;
}
#nav-icon2 {
width: 38px;
height: auto;
position: relative;
margin: 0px auto;
transform: rotate(0deg);
transition: 0.8s ease-in-out;
cursor: pointer;
display: block;
}
#nav-icon2 span {
display: block;
position: absolute;
height: 4px;
width: 50%;
background: #00aa58;
opacity: 1;
transform: rotate(0deg);
transition: 0.6s ease-in-out;
}
.headerSecondary #nav-icon2 span {
background: #fc6159;
width: 50%;
}
#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
#nav-icon2 span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: -18px;
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 0px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: -12px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 11px;
}
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
#nav-icon2.open span:nth-child(1) {
left: 3px;
top: -6px;
}
#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: -6px;
}
#nav-icon2.open span:nth-child(5) {
left: 4px;
top: 4px;
}
#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 5px;
}
.header.headerSecondary .headerInner .navbar .navbar-collapse .navbar-nav li a:hover::before {
content: unset;
}
.header.headerSecondary .headerInner .navbar .navbar-collapse .navbar-nav li a.active::before {
content: unset;
}
}
@media (max-width: 767px) {
.header {
overflow: hidden;
}
.header .headerInner .navbar a.navbar-brand img {
width: 160px;
}
.header .headerInner .rightMenu .btnPrimary {
padding: 5px 12px;
}
.header .headerInner .rightMenu .btnPrimary img {
width: 52px;
}
.header .headerInner .menuToggle {
margin-top: -10px;
}
}
@media (max-width: 575px) {
.header .headerInner .rightMenu {
gap: 8px;
}
.header .headerInner .rightMenu .search img,
.header .headerInner .rightMenu .cart img {
width: 18px;
}
.header .headerInner .rightMenu .cart span {
right: 2px;
}
#nav-icon2 {
width: 25px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: -10px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 10px;
}
#nav-icon2.open span:nth-child(1) {
left: 3px;
top: -6px;
}
#nav-icon2.open span:nth-child(2) {
left: calc(50% - 2px);
top: -6px;
}
#nav-icon2.open span:nth-child(5) {
left: 3px;
top: 2px;
}
#nav-icon2.open span:nth-child(6) {
left: calc(50% - 2px);
top: 2px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1599px) {
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating {
white-space: nowrap;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating .specialTiffinRight .discountLabel span {
font-size: 16px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.specialTiffinCall {
left: -104px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg1 {
top: 60px;
right: -10px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg2 {
left: 45px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg3 {
left: 34px;
}
}
@media (max-width: 1399px) {
.commonHeading.headingCenter {
width: 60%;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow {
grid-template-columns: 500px 1fr;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.specialTiffinCall {
left: -128px;
bottom: 25%;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating {
width: 350px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg2 {
left: 0px;
bottom: 10px;
}
.customerSays .customerSaysInner .customerSaysRow {
grid-template-columns: 500px 1fr;
gap: 100px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysChef {
left: 80px;
}
.ourChefCard .ourChefCardInner .ourChefContent h4 a {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.commonHeading.headingCenter {
width: 60%;
}
.commonHeading.headingCenter h4:after {
content: unset;
}
.commonHeading.headingLeft h4:after {
content: unset;
}
.specialDishTiffin {
padding: 150px 0 80px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow {
flex-direction: column-reverse;
display: flex;
gap: 100px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg1 {
right: 120px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg2 {
left: 200px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg3 {
left: 180px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.specialTiffinCall {
left: 65px;
bottom: 25%;
}
.ourMealCard {
margin-bottom: 20px;
}
.ourChefCard .ourChefCardInner .ourChefContent h4 a {
font-size: 18px;
}
.ourChefCard .ourChefCardInner .ourChefContent span {
font-size: 14px;
}
.ourBlogItem .ourBlogBanner .ourBlogDate h5 {
font-size: 22px;
}
.ourBlogItem .ourBlogBanner .ourBlogDate p {
font-size: 15px;
}
.commonHeading h4 {
color: #111111;
font-family: "Jacques Francois";
font-size: 30px;
font-weight: 400;
position: relative;
}
.customerSays .customerSaysInner .customerSaysRow {
grid-template-columns: 400px 1fr;
gap: 100px;
}
.specialTiffinCard {
margin-bottom: 20px;
}
.commonHeading p {
font-size: 16px;
}
}
@media (max-width: 991px) {
.customerSays .customerSaysInner .customerSaysRow {
grid-template-columns: 1fr;
gap: 40px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysChef {
left: 92px;
width: 90%;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .ourReviewer {
width: 100%;
}
.deliveryFood .deliveryFoodOuter {
padding: 40px 80px;
}
.deliveryFood .deliveryFoodOuter .deliveryFoodInner h4 {
font-size: 30px;
}
.deliveryFood .deliveryFoodOuter .deliveryFoodInner h2 {
font-size: 38px;
}
.ourBlogItem {
margin-bottom: 30px;
}
.ourChefCard {
margin-bottom: 20px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow {
gap: 50px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .ourHappyCustomer,
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialDishBtnGroup {
flex-direction: column;
align-items: flex-start;
margin-top: 15px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .ourHappyCustomer .ourHappyCustomerContent p {
font-size: 16px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol span.moreFaster {
font-size: 14px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol h1 {
font-size: 30px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol p {
font-size: 14px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .timeIcon {
width: 50px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg svg.arrowLine {
width: 65px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox {
gap: 20px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.specialTiffinCall, .specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating {
position: static;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating {
transform: unset;
width: fit-content;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .sTiffinBox.splTiffinRating .specialTiffinRight .discountLabel {
margin-right: 30px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg1 {
right: -50px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg2 {
left: 0;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg.maskImg3 {
left: 0;
}
.trustedUsers .trustedUsersInner .trustedUsersRow {
grid-template-columns: repeat(3, 1fr);
}
.ourChefCard .ourChefCardInner .ourChefContent h4 a {
font-size: 22px;
}
.commonHeading.commHeadingWhite.headingCenter h4:before {
content: unset;
}
.commonHeading.headingCenter h4:before {
content: unset;
}
}
@media (max-width: 767px) {
.ourBlog,
.howItWork,
.ourMealPlan,
.trustedUsers,
.clientsSay,
.ourChef,
.customerSays {
padding: 40px 0;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol .specialTiffinBannerImg .specialDishTiffinImg .maskImg {
display: none;
}
.deliveryFood .deliveryFoodOuter {
margin-bottom: 40px;
}
.commonHeading.headingCenter {
width: 90%;
}
.commonHeading.headingCenter h4:before {
content: unset;
}
.clientsSaySlideItem .clientsSaySlideRow {
grid-template-columns: 1fr;
}
.clientsSaySlideItem .clientsSaySlideRow .clientsSaySlideImg img {
width: 300px;
margin: 0 auto;
}
.customerSays .customerSaysInner .customerSaysRow {
gap: 50px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysChef {
left: 0;
width: 100%;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysIcon.customerSaysIcon1 {
top: 120px;
left: 4px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysIcon.customerSaysIcon3 {
bottom: 80px;
left: unset;
right: 0;
}
.specialTiffinCard {
margin-bottom: 40px;
}
.howItWorkItem {
margin-bottom: 30px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol h1 {
font-size: 44px;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol span.moreFaster {
margin-bottom: 10px;
}
.specialTiffin:after {
height: 100%;
}
.commonHeading p {
font-size: 16px;
}
.ourChefCard {
margin-bottom: 40px;
}
.clientsSaySlideContent p {
font-size: 16px;
}
.ourMealPlan .ourMealPlanInner .ourMealPlanRow {
flex-direction: column;
gap: 20px;
}
.specialDishTiffin {
padding: 150px 0 40px;
}
.ourChefCard .ourChefCardInner .ourChefContent h4 a {
font-size: 20px;
}
.clientsSay:before {
width: 220px;
height: 40%;
left: -64px;
top: 100px;
}
}
@media (max-width: 575px) {
.commonHeading h4 {
font-size: 25px;
}
.commonHeading p {
font-size: 14px;
}
.ourMealCard .ourMealContent .ourMealHead .ourMealTitle h2 a {
font-size: 14px;
}
.ourMealCard .ourMealContent .ourMealHead .ourMealPrice span {
font-size: 14px;
}
.ourMealCard .ourMealPara p {
font-size: 14px;
}
.customerSayReview .customerSayStarInner {
display: flex;
gap: 5px;
flex-direction: column;
}
.customerSayReview .customerSayStarInner .customerSayStar .customerSayStarTxt h6 {
font-size: 18px;
}
.customerSayReview .customerSayStarInner .customerSayStar .customerSayStarTxt h6 p {
font-size: 14px;
}
.clientsSaySlideContent .clientsSayGroup {
display: flex;
gap: 4px;
flex-direction: column;
}
.clientsSaySlideContent .clientsSayGroup .clientsSayNam h5 {
font-size: 22px;
}
.clientsSaySlideContent p {
font-size: 15px;
}
.commonHeading.headingLeft h4:after {
content: unset;
}
.commonHeading.headingCenter h4:after, .commonHeading.headingCenter h4:before {
content: unset;
}
.specialDishTiffin .specialDishTiffinInner .specialDishTiffinRow .specialDishTiffinCol h1 {
font-size: 30px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysChef {
left: 0;
width: 100%;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysIcon.customerSaysIcon1 {
display: none;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysIcon.customerSaysIcon3 {
display: none;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1699px) {
.LetsEatBanner .bannerMask2 {
left: 150px;
}
.LetsEatBanner .bannerMask1 {
left: 250px;
}
.LetsEatBanner .bannerMask4 {
right: 150px;
}
.LetsEatBanner .bannerMask3 {
right: 200px;
}
}
@media (max-width: 1599px) {
.regularTiffinBanner .regularTiffinBannerRow {
gap: 30px;
}
}
@media (max-width: 1440px) {
.LetsEatBanner .bannerMask3 {
right: 100px;
}
.LetsEatBanner .bannerMask1 {
left: 80px;
}
.LetsEatBanner .bannerMask2 {
left: 90px;
width: 90px;
top: 350px;
}
.LetsEatBanner .bannerMask4 {
right: 150px;
width: 90px;
top: 350px;
}
.LetsEatBanner .bannerMask3 {
right: 50px;
width: 100px;
}
.LetsEatBanner::after {
right: 10%;
}
.specialTiffinSecondary::before {
right: 15%;
}
.specialTiffinSecondaryGroup .specialTiffinSecondaryItem .specialTiffinSecondaryContent h4 {
font-size: 22px;
}
.servicePrice.OurServicePackages::before {
right: 180px;
}
}
@media (max-width: 1399px) {
.regularTiffinBanner .regularTiffinBannerRow {
display: grid;
grid-template-columns: 1fr 50%;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
font-size: 28px;
}
.regularTiffinBanner .regularTiffinBannerInner p {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.LetsEatBanner .LetsEatBannerInner h1 {
font-size: 160px;
}
.LetsEatBanner .LetsEatBannerInner h1::after {
width: 150px;
height: 150px;
}
.LetsEatBanner .LetsEatImg .LetsEatThali {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -88px;
width: 54%;
}
.specialTiffinSecondaryGroup .specialTiffinSecondaryItem {
margin-bottom: 30px;
}
.bxAboutUsContent .bxAboutUsList {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.servicePrice.OurServicePackages::before {
right: 110px;
}
.commonHeading.commonSecondaryHeading.headingCenter h4:before {
content: unset;
}
.LetsEatBanner .bannerMask4 {
right: 100px;
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner {
grid-template-columns: repeat(3, 1fr);
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList {
padding: 20px;
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .priceTbl {
font-size: 16px;
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .planLabel h5 {
font-size: 16px;
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardBtn {
padding: 0 20px;
}
.mobileApp .mobileAppInner .mobileAppRow::after {
width: 300px;
height: 300px;
top: -90px;
}
.ourBlog.ourBlogSecondary::after {
width: 80px;
height: 100px;
}
.ourBlog.ourBlogSecondary::before {
width: 80px;
height: 100px;
}
.meetOurChef::before {
width: 80px;
height: 100px;
}
.servicePrice.OurServicePackages::after {
width: 80px;
height: 100px;
}
.servicePrice.OurServicePackages::before {
width: 40px;
height: 40px;
}
.meetOurChef .meetOurChefInner::before {
right: 8%;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.LetsEatBanner .bannerMask1 {
left: 120px;
width: 20px;
top: 100px;
}
.LetsEatBanner .bannerMask4 {
right: 50px;
width: 30px;
}
.LetsEatBanner .bannerMask3 {
right: 100px;
width: 60px;
top: 380px;
}
.LetsEatBanner .LetsEatImg .LetsEatThali {
width: 70%;
}
.LetsEatBanner .bannerMask2 {
left: 40px;
width: 50px;
top: 350px;
}
.LetsEatBanner .bannerMask3 {
right: 50px;
top: 400px;
}
.mobileApp .mobileAppInner .mobileAppRow::after {
width: 200px;
height: 300px;
top: -140px;
left: 48%;
}
.mobileApp .mobileAppInner .mobileAppRow .mobileAppContent .mobileAppContentInner h2 {
font-size: 30px;
}
.ourBlog.ourBlogSecondary .ourBlogInner::before {
right: 6%;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup {
width: 100%;
}
.meetOurChefItem {
margin-bottom: 50px;
}
.LetsEatBanner .bannerMask3 {
right: 50px;
top: 220px;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
padding: 24px 100px;
}
.regularTiffinBanner .regularTiffinBannerInner p {
font-size: 18px;
}
}
@media (max-width: 991px) {
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner {
grid-template-columns: repeat(1, 1fr);
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard {
margin-bottom: 30px;
}
.regularTiffinBanner .regularTiffinBannerRow {
grid-template-columns: 1fr 40%;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
font-size: 20px;
padding: 24px 70px;
}
.regularTiffinBanner .regularTiffinBannerInner p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.LetsEatBanner .LetsEatBannerInner h1 {
font-size: 100px;
}
.LetsEatBanner .LetsEatBannerInner h1::before {
left: 5px;
bottom: 18px;
}
.LetsEatBanner .LetsEatImg .LetsEatThali {
width: 90%;
top: -40px;
}
.mobileAppImg {
margin-bottom: 30px;
}
.bxAboutUsImg .bxAboutUsImgInner {
margin-bottom: 40px;
}
.LetsEatBanner .LetsEatBannerInner h1::after {
width: 80px;
height: 80px;
}
.specialTiffinSecondary,
.bxAboutUs,
.servicePrice.OurServicePackages,
.meetOurChef {
padding: 40px 0;
}
.servicePrice.OurServicePackages::before {
right: 40px;
top: 16px;
}
.servicePrice.OurServicePackages::after,
.servicePrice.OurServicePackages::before,
.LetsEatBanner .LetsEatBannerInner h1::before,
.ourBlog.ourBlogSecondary::after,
.ourBlog.ourBlogSecondary::before,
.meetOurChef::before,
.LetsEatBanner .LetsEatBannerInner h1::after,
.meetOurChef .meetOurChefInner::before,
.meetOurChef .meetOurChefInner::after,
.meetOurChef::after,
.bxAboutUs::before,
.bxAboutUs::after,
.ourBlog.ourBlogSecondary .ourBlogInner::before,
.specialTiffinSecondary::before,
.LetsEatBanner::before,
.LetsEatBanner::after {
content: unset;
}
.bxAboutUsContent .bxAboutUsService h5 {
font-size: 18px;
}
.LetsEatBanner .bannerMask1,
.LetsEatBanner .bannerMask2,
.LetsEatBanner .bannerMask3,
.LetsEatBanner .bannerMask4 {
display: none;
}
.letsEatThaliTiffin {
width: 90%;
margin-top: 54px;
}
.bxAboutUsContent .bxAboutUsList .bxAboutUsListItem .bxAboutUsListContent p {
font-size: 16px;
}
.commonHeading h4 {
font-size: 22px;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup .subscribeNewsletterInput .inputGroup .input-group {
gap: 20px;
}
.partnerLogo .partnerLogoInner .partnerLogoItemGroup {
display: flex;
gap: 30px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.mobileApp .mobileAppInner .mobileAppRow::after {
content: unset;
}
.mobileApp .mobileAppInner .mobileAppRow .mobileAppContent::after {
content: unset;
}
.LetsEatBanner::after {
right: 12%;
bottom: 0px;
}
.LetsEatBanner {
padding: 80px 0 20px;
}
.servicePrice.OurServicePackages {
padding-top: 0;
}
.mobileApp {
padding: 40px 0 0;
}
.regularTiffinBanner .regularTiffinBannerRow {
grid-template-columns: 1fr;
}
.regularTiffinBanner .regularTiffinBannerRow .regularTiffinBannerCol {
display: flex;
flex-direction: column;
align-items: center;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
font-size: 20px;
padding: 24px 70px;
text-align: center;
}
.regularTiffinBanner .regularTiffinBannerInner .btn {
margin-top: 0;
}
}
@media (max-width: 575px) {
.mobileApp .mobileAppInner .mobileAppRow .mobileAppContent .mobileAppStore {
align-items: self-start;
gap: 10px;
flex-direction: column;
}
.subscribeNewsletter .subscribeNewsletterInner {
padding: 15px;
border-radius: 20px;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup h5 {
font-size: 22px;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup p {
font-size: 14px;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup .subscribeNewsletterInput .inputGroup .input-group {
gap: 10px;
flex-direction: column;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup .subscribeNewsletterInput .inputGroup .input-group input {
width: 100%;
height: 50px;
}
.subscribeNewsletter .subscribeNewsletterInner .subscribeNewsletterGroup .subscribeNewsletterInput .inputGroup .input-group input::placeholder {
font-size: 14px;
}
.mobileApp .mobileAppInner .mobileAppRow .mobileAppContent .mobileAppContentInner h2 {
font-size: 20px;
}
.LetsEatBanner .LetsEatBannerInner h1 {
font-size: 80px;
}
.LetsEatBanner .LetsEatImg .LetsEatThali {
width: 90%;
top: -5px;
}
.loginBtn .btnThird {
display: inline-flex;
padding: 6px;
}
.servicePrice.OurServicePackages.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading h4 {
font-size: 30px;
}
.servicePrice.OurServicePackages.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading span {
font-size: 16px;
}
.specialTiffinSecondaryGroup .specialTiffinSecondaryItem .specialTiffinSecondaryImg {
width: 180px;
height: 180px;
}
.specialTiffinSecondaryGroup .specialTiffinSecondaryItem .specialTiffinSecondaryImg img {
width: 140px;
height: 140px;
}
.specialTiffinSecondaryGroup .specialTiffinSecondaryItem .specialTiffinSecondaryContent h4 {
font-size: 18px;
}
.regularTiffinBanner .regularTiffinBannerInner h2 {
font-size: 16px;
}
.regularTiffinBanner .regularTiffinBannerInner p {
font-size: 14px;
}
}
@media (max-width: 450px) {
.LetsEatBanner .LetsEatBannerInner h1 {
font-size: 56px;
}
.btn {
font-size: 14px;
}
.servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .planLabel h5, .servicePrice.OurServicePackages .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .priceTbl, .servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardBtn a {
font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1199px) {
.informationInto:before {
width: 350px;
}
.informationInto .informationIntoInner .informationIntoRow {
grid-template-columns: 400px 1fr;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:after {
height: 400px;
}
.howItWorkAbout:before {
width: 230px;
}
.weWonAwards:before {
width: 120px;
height: 400px;
left: 0;
top: -150px;
}
.innerPageBanner {
padding: 40px 0;
}
}
@media (max-width: 991px) {
.informationInto:before {
top: 200px;
height: 600px;
width: 350px;
}
.informationInto .informationIntoInner .informationIntoRow {
grid-template-columns: 1fr;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:after {
height: 695px;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:before {
top: 390px;
}
.innerPageBanner {
padding: 40px 0;
}
.innerPageBanner .innerPageBannerInner {
justify-content: center;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerImgLeft,
.innerPageBanner .innerPageBannerInner .innerPageBannerImgRight {
display: none;
}
}
@media (max-width: 991px) {
.howItWorkItem {
padding: 10px;
}
.howItWorkItem .howItWorkContent h4 {
font-size: 18px;
}
}
@media (max-width: 767px) {
.informationInto .informationIntoInner .informationIntoRow {
gap: 50px;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:after {
height: 510px;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:before {
top: 285px;
}
.howItWorkItem {
padding: 20px;
}
.aboutUsVideo .aboutUsVideoInner .aboutUsVideoContent p {
font-size: 16px;
}
.weWonAwards {
padding: 40px 0 0;
}
.weWonAwards:before {
content: unset;
}
.weWonAwards .weWonAwardsInner .weWonAwardsContent {
margin-right: 0;
margin-bottom: 40px;
}
.informationInto {
padding: 40px 0;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerContent h1 {
font-size: 40px;
}
}
@media (max-width: 575px) {
.informationInto:before {
top: 80px;
height: 400px;
width: 220px;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:before {
top: 132px;
right: 0;
width: 80px;
}
.informationInto .informationIntoInner .informationIntoRow .informationIntoCol .informationIntoImg .informationIntoImgInner:after {
height: 320px;
}
.specialDishBtnGroup {
flex-direction: column;
align-items: flex-start;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerContent h1 {
font-size: 30px;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerContent ul.breadcrumb li.active {
font-size: 14px;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerContent ul.breadcrumb li a {
font-size: 14px;
}
}
@media (max-width: 375px) {
.innerPageBanner {
padding: 20px 0;
}
.innerPageBanner .innerPageBannerInner .innerPageBannerContent h1 {
font-size: 24px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1399px) {
.sendMessage .sendMessageInner .sendMessageContentBox {
padding: 40px 60px;
}
}
@media (max-width: 1199px) {
.sendMessage .sendMessageInner .sendMessageContentBox {
padding: 40px 20px;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem {
width: 300px;
height: 300px;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem .getInTouchInfoOuter {
width: 300px;
height: 300px;
}
.getInTouch .getInTouchInner .getInTouchRow {
gap: 50px;
}
.getInTouch .getInTouchInner .getInTouchRow .getInTouchCol .getInTouchContent .getInTouchMap iframe {
width: 100%;
height: 260px;
}
}
@media (max-width: 991px) {
.getInTouch {
padding: 80px 0 80px;
}
.getInTouch .getInTouchInner .getInTouchRow {
grid-template-columns: repeat(1, 1fr);
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow {
grid-template-columns: repeat(1, 1fr);
gap: 120px;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem {
margin: 0 auto;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem .getInTouchInfoOuter .getInTouchInfoItemInner .getInTouchInfoContent p {
font-size: 16px;
}
.sendMessage .sendMessageInner .sendMessageContentBox {
margin-right: 0;
}
.getInTouch .getInTouchInner .getInTouchRow {
gap: 110px;
}
.sendMessage .sendMessageInner {
padding: 24px;
}
.commonHeading h4 {
font-size: 26px;
}
}
@media (max-width: 767px) {
.sendMessageFrom {
margin-top: 50px;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem {
margin: 0 auto;
}
.getInTouchInfo .getInTouchInfoInner .getInTouchInfoRow .getInTouchInfoCol a .getInTouchInfoItem .getInTouchInfoOuter .getInTouchInfoItemInner .getInTouchInfoContent p {
font-size: 14px;
}
.getInTouchInfo {
padding: 100px 0 40px;
}
.sendMessage {
padding: 40px 0 0;
}
.sendMessage .sendMessageInner {
padding: 20px;
}
.getInTouch {
padding: 40px 0 40px;
}
.getInTouch .getInTouchInner .getInTouchRow {
gap: 50px;
}
.getInTouch .getInTouchInner .getInTouchRow .getInTouchCol .getInTouchImg:before {
height: 200px;
right: 40px;
top: -20px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1199px) {
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner {
grid-template-columns: repeat(1, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow {
grid-template-columns: repeat(2, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(2):after {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #00aa58;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):after {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):before {
background: linear-gradient(90deg, #00aa58 50%, #FFF 100%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):before {
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%);
}
}
@media (max-width: 767px) {
.serviceCategory {
padding: 40px 0;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem {
padding: 20px;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem .serviceCategoryContent h6 {
font-size: 20px;
}
.serviceBanner {
padding: 0px 0 40px;
}
.serviceBanner .serviceBannerInner .serviceBannerItem {
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem .serviceCategoryContent h6 {
font-size: 18px;
}
}
@media (max-width: 450px) {
.serviceCategory .serviceCategoryInner .serviceCategoryRow {
grid-template-columns: repeat(1, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(2):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(6):before {
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%, #FFF 100%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(1):before {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(1):after, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):after, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):after {
content: unset;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading {
padding: 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading h4 {
font-size: 50px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading span {
font-size: 28px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .priceTbl {
font-size: 16px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .planLabel h5 {
font-size: 16px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardBtn {
padding: 0 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList {
padding: 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardLabel {
width: 60px;
height: 60px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardLabel span {
font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1399px) {
.ourMealListItem .ourMealListContent .ourMealListHeading h4 {
font-size: 20px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading h4 a {
font-size: 20px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading span {
font-size: 20px;
}
.ourMealListItem .ourMealListContent .ourMealListPara p {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.ourMealListItem {
grid-template-columns: 150px 1fr;
}
.ourMealListItem .ourMealListContent {
gap: 8px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading h4 {
font-size: 16px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading h4 a {
font-size: 16px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading span {
font-size: 20px;
}
.ourMealListItem .ourMealListContent .ourMealListPara p {
font-size: 10px;
}
}
@media (max-width: 991px) {
.ourMealListItem {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.ourMealList {
padding: 40px 0 0;
}
.ourMealListItem {
margin-bottom: 20px;
}
.paginationContainer .pagination {
border: 0;
gap: 6px;
overflow: unset;
border-radius: 0;
}
.paginationContainer .pagination li a {
border: 1px solid rgba(0, 0, 0, 0.15);
}
.paginationContainer .pagination li a.active {
border: 1px solid rgba(0, 0, 0, 0.15);
}
.paginationContainer .pagination li.page-item:first-child .page-link {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.paginationContainer .pagination li.page-item:last-child .page-link {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1399px) {
.thaliDetailGroup {
align-items: flex-start;
flex-direction: column;
gap: 20px;
}
.thaliDetail .thaliDetailInner .thaliDetailRow {
grid-template-columns: 400px 1fr;
gap: 50px;
}
.thaliDetail .thaliDetailInner .thaliDetailRow .thaliDetailCol .thaliDetailImg .thaliDetailImgInner:after {
top: 0;
height: 300px;
bottom: 0;
}
}
@media (max-width: 1199px) {
.thaliDetail .thaliDetailInner .thaliDetailRow {
grid-template-columns: 300px 1fr;
gap: 50px;
}
}
@media (max-width: 991px) {
.thaliDetail .thaliDetailInner .thaliDetailRow {
grid-template-columns: 250px 1fr;
gap: 30px;
}
.thaliDetail .thaliDetailInner .thaliDetailRow .thaliDetailCol .thaliDetailImg .thaliDetailImgInner {
padding: 20px;
}
.commonHeading p {
font-size: 16px;
}
.thaliList .list-group .list-group-item {
font-size: 14px;
}
}
@media (max-width: 767px) {
.thaliDetail .thaliDetailInner .thaliDetailRow {
grid-template-columns: 1fr;
gap: 30px;
}
.quantityThaliContainer .quantityLabel {
font-size: 16px;
}
.ourMealListItem .ourMealListContent .ourMealListHeading span {
font-size: 16px;
}
}
@media (max-width: 575px) {
.commonHeading p {
font-size: 14px;
}
.quantityThaliContainer .quantityLabel {
font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1599px) {
.lbWatchVideo .lbWatchVideoInner .lbArrow {
width: 45%;
}
}
@media (max-width: 1399px) {
.lbWatchVideo .lbWatchVideoInner .lbArrow {
width: 43%;
}
}
@media (max-width: 1199px) {
.lbWatchVideo .lbWatchVideoInner .lbArrow {
width: 42%;
}
.customerChoiceVideo,
.customerChoiceVideo:after,
.customerChoiceVideo:before {
width: 400px;
height: 400px;
}
.reviewStar .reviewStarInner .reviewStarHead .reviewStarPoint span {
font-size: 60px;
}
.reviewStar .reviewStarInner .reviewStarHead .review5Star .review5StarInner a i {
font-size: 18px;
}
.reviewStar .reviewStarInner .reviewStarHead .rating p {
font-size: 14px;
}
.reviewComment .reviewCommentInner .reviewCommentItem .reviewCommentItemInner .reviewCommentTxt p {
color: #999;
font-size: 14px;
font-weight: 400;
}
}
@media (max-width: 991px) {
.customerChoiceVideo,
.customerChoiceVideo:after,
.customerChoiceVideo:before {
width: 300px;
height: 300px;
}
.reviewStar .reviewStarInner .reviewStarHead {
display: flex;
align-items: self-start;
gap: 0px;
flex-direction: column;
margin-bottom: 20px;
}
.reviewComment .reviewCommentInner .reviewCommenHeading h5 {
font-size: 18px;
}
}
@media (max-width: 767px) {
.customerChoiceVideo,
.customerChoiceVideo:after,
.customerChoiceVideo:before {
width: 200px;
height: 200px;
}
.customerChoicePlayBtn svg {
width: 80px;
height: 80px;
}
.customerReview .customerReviewInner .tab-content .descriptionInner p {
color: #999;
font-size: 14px;
font-weight: 400;
}
.reviewStar {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.lbWatchVideo .lbWatchVideoInner .lbWatchVideoRow {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
.lbWatchVideo .lbWatchVideoInner .lbWatchVideoRow .specialDishBtnGroup {
margin-top: 0;
}
.customerChoiceVideo {
width: 200px;
height: 200px;
margin: 0 50px 0px auto;
z-index: 2;
}
.lbWatchVideo,
.customerReview {
padding: 40px 0 0;
}
.customerReview .customerReviewInner .nav-pills li a {
font-size: 16px;
}
.reviewComment .reviewCommentInner .reviewCommentItemGroup .reviewCommentItem .reviewCommentItemInner .reviewCommentTxt p {
font-size: 14px;
}
}
@media (max-width: 575px) {
.reviewComment .reviewCommentInner .reviewCommentItemGroup .reviewCommentItem .reviewCommentItemInner .reviewCommentHead {
gap: 10px;
margin-bottom: 20px;
flex-direction: column;
}
}
@media (max-width: 450px) {
.lbWatchVideo .lbWatchVideoInner .lbArrow {
top: 70px;
left: 38px;
width: 48%;
}
.customerChoiceList .list-group .list-group-item span {
font-size: 14px;
}
.specialDishBtnGroup .specialDishWatchVideoBtn a {
font-size: 16px;
}
.reviewComment .reviewCommentInner .reviewCommentItemGroup .reviewCommentItem .reviewCommentItemInner .reviewCommentTxt p {
font-size: 12px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1399px) {
.lbCheckOutBox .lbCheckOutTbl {
margin-bottom: 40px;
}
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutQuantity,
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutPrice {
padding: 80px 30px;
}
.yourInfoBtn {
margin-bottom: 40px;
}
.lbPaymentInfo .cardDetail {
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner {
align-items: self-start;
flex-direction: column;
}
.lbCheckOutBox .lbCheckOutTbl {
margin-bottom: 40px;
}
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutQuantity,
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutPrice {
padding: 0 20px 5px;
border-left: 0;
}
.lbCheckOut {
padding: 40px 0 0;
}
}
@media (max-width: 575px) {
.lbCheckOutBox .lbCheckOutDetail .lbProductsPriceTbl .table tbody tr td {
font-size: 16px;
}
.lbCheckOutBox .lbCheckOutDetail .lbProductsPriceTbl .table tbody tr td strong {
font-size: 16px;
}
.lbCheckOutBox .lbCheckOutDetail .lbProductsPriceTbl .table tbody tr td span {
font-size: 16px;
}
.lbCheckOutHeading h5 {
font-size: 18px;
}
.lbCheckOutFormDetail .lbCheckOutForm .lbFormGroup input {
height: 40px;
font-size: 14px;
}
.lbCheckOutFormDetail .lbCheckOutForm .lbFormGroup input::placeholder {
font-size: 14px;
}
.btnSecondary,
.btnPrimary {
font-size: 14px;
}
.lbPaymentInfo .cardDetail {
grid-template-columns: 1fr;
}
.yourInfoBtn .yourInfoBtnGroup {
gap: 10px;
}
.custom_radio .formLabel {
margin-bottom: 0;
}
.custom_radio .formLabel label {
color: #111111;
font-size: 16px;
font-weight: 600;
}
}
@media (max-width: 450px) {
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutDetail {
grid-template-columns: 1fr;
}
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutDetail .lbCheckOutImg {
margin-bottom: 15px;
}
.lbCheckOutBox .lbCheckOutTbl .lbCheckOutTblInner .lbCheckOutDetail .lbCheckOutTxt h5 {
font-size: 16px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1199px) {
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner {
grid-template-columns: repeat(1, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow {
grid-template-columns: repeat(2, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(2):after {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #00aa58;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):after {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):before {
background: linear-gradient(90deg, #00aa58 50%, #FFF 100%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):before {
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%);
}
}
@media (max-width: 767px) {
.serviceCategory {
padding: 40px 0;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem {
padding: 20px;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem .serviceCategoryContent h6 {
font-size: 20px;
}
.serviceBanner {
padding: 0px 0 40px;
}
.serviceBanner .serviceBannerInner .serviceBannerItem {
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol .serviceCategoryItem .serviceCategoryContent h6 {
font-size: 18px;
}
}
@media (max-width: 450px) {
.serviceCategory .serviceCategoryInner .serviceCategoryRow {
grid-template-columns: repeat(1, 1fr);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1px;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(2):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(4):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):before, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(6):before {
background: linear-gradient(90deg, #FFF 0%, #00aa58 50%, #FFF 100%);
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(1):before {
content: unset;
}
.serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(1):after, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(3):after, .serviceCategory .serviceCategoryInner .serviceCategoryRow .serviceCategoryCol:nth-child(5):after {
content: unset;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading {
padding: 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading h4 {
font-size: 50px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardHeading span {
font-size: 28px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .priceTbl {
font-size: 16px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList ul li .planLabel h5 {
font-size: 16px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardBtn {
padding: 0 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardPlanList {
padding: 15px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardLabel {
width: 60px;
height: 60px;
}
.servicePrice .servicePriceInner .servicePriceGroup .servicePriceGroupInner .servicePriceCard .servicePriceCardInner .servicePriceCardLabel span {
font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1199px) {
.lunchboxSidebar .blogSidebar .blogCardSidebarGroup .blogCardSidebar {
grid-template-columns: 80px 1fr;
gap: 10px;
}
.lunchboxSidebar .blogSidebar .blogCardSidebarGroup .blogCardSidebar .blogContentSidebar h4 {
font-size: 12px;
}
.lunchboxSidebar .blogSidebar .blogCardSidebarGroup .blogCardSidebar .blogContentSidebar .ourBlogNav .nav li a span {
font-size: 12px;
}
.ourBlogItem .ourBlogTxt h4 a {
color: #111111;
font-size: 18px;
font-weight: 500;
}
}
@media (max-width: 991px) {
.lunchboxSidebar {
padding: 20px;
position: fixed;
top: 0;
background: #fff;
z-index: 99;
right: 0;
width: 320px;
gap: 20px;
overflow: scroll;
transform: translateX(500px);
transition: all 0.6s ease;
}
.lunchboxSidebar.active {
transform: translateX(0px);
box-shadow: 0px 14px 12px 2px #c6c6c6;
}
.lunchboxFilterClose .blogFilterCloseIcon {
font-size: 16px;
width: 40px;
height: 40px;
}
}
@media (max-width: 767px) {
.ourBlogCard {
padding: 40px 0 0;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1599px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
display: grid;
grid-template-columns: 1fr 287px;
gap: 15px;
}
}
@media (max-width: 1399px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr 245px;
}
}
@media (max-width: 1199px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr 204px;
}
}
@media (max-width: 991px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr 204px;
}
}
@media (max-width: 991px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr 150px;
}
}
@media (max-width: 767px) {
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr 108px;
}
}
@media (max-width: 575px) {
.lbGallery {
padding: 40px 0 0;
}
.lbGallery .lbGalleryInner .lbGalleryRow2 {
grid-template-columns: 1fr;
}
.lbGallery .lbGalleryInner .lbGalleryRow2 .lbGalleryInnerRow {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 767px) {
.lbOurChef {
padding: 40px 0 0;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 991px) {
.lbChefDetail .lbChefDetailInner .lbChefDetailRow {
grid-template-columns: 300px 1fr;
align-items: self-start;
gap: 30px;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent h2 {
font-size: 24px;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent h4 {
font-size: 28px;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent h5 {
font-size: 28px;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent span {
margin: 10px 0;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent .lbChefDetailHorizLine {
margin: 20px 0 20px 0;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent .socialMedia ul li a {
font-size: 18px;
}
}
@media (max-width: 767px) {
.lbOurChef {
padding: 40px 0 0;
}
.lbChefDetail .lbChefDetailInner .lbChefDetailRow {
grid-template-columns: 1fr;
}
.lbChefDetail {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.lbChefDetail .lbChefDetailInner .lbChefDetailRow .lbChefDetailCol .lbChefDetailContent h2 {
font-size: 20px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 767px) {
.lbBlogSingle {
padding: 40px 0 0;
}
.lbBlogSingleContent .ourBlogItem .ourBlogTxt p {
font-size: 16px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent h4 {
font-size: 22px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent p {
font-size: 14px;
}
}
@media (max-width: 575px) {
.lbBlogComment .lbBlogCommentRow {
grid-template-columns: 1fr;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent h4 {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
font-size: 16px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent p {
font-size: 14px;
}
.lbBlogSingleContent .ourBlogItem .ourBlogTxt p {
color: #999;
font-size: 14px;
font-weight: 400;
}
.lbBlogSingleContent .ourBlogItem .ourBlogTxt .readMoreBtn {
font-size: 16px;
}
.lbBlogCommentItemGroup .lbBlogComment .lbBlogCommentRow .lbBlogCommentRowInner {
grid-template-columns: 1fr;
}
.leaveReplyBox .sendMessageInner {
padding: 20px;
}
}
@media (max-width: 375px) {
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent p {
font-size: 12px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent p .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentContent h4 small {
font-size: 12px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentProfile {
width: 80px;
height: 80px;
}
.lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentProfile img, .lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentProfile:after, .lbBlogComment .lbBlogCommentRow .lbBlogCommentCol .lbBlogCommentProfile:before {
width: 80px;
height: 80px;
}
.lbBlogCommentItemGroup .lbBlogComment .lbBlogCommentRow .lbBlogCommentRowInner {
padding: 20px 0;
}
.lbBlogCommentItemGroup .lbBlogComment .lbBlogNestedCommentRow {
padding-left: 20px;
}
.lbBlogSingleContent .ourBlogItem .ourBlogTxt p {
font-size: 12px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1599px) {
.loginSec .loginSecContainer .loginSecInner .loginForm {
padding: 40px 80px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter {
gap: 50px;
}
}
@media (max-width: 1399px) {
.loginSec .loginSecContainer .loginSecInner {
grid-template-columns: 120px 1fr 120px;
}
.loginSec .loginSecContainer .loginSecInner .loginTab a {
padding: 20px 10px;
}
.loginSec .loginSecContainer .loginSecInner .loginSecDotsNav .backBtn {
padding: 20px;
}
.loginSec .loginSecContainer .loginSecInner .loginSecDotsNav .loginDotsNavInner {
padding: 10px;
}
}
@media (max-width: 1199px) {
.loginSec .loginSecContainer .loginSecInner .loginForm {
padding: 40px 20px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter {
grid-template-columns: 1fr 300px;
gap: 20px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner p {
margin-top: 40px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginSignupHeading {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.loginSec .loginSecContainer .loginSecInner {
grid-template-columns: 80px 1fr 100px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter {
grid-template-columns: 1fr 150px;
}
}
@media (max-width: 767px) {
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter {
grid-template-columns: 1fr;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormImg {
display: none;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner p {
font-size: 16px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup label {
font-size: 16px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup .formRememberGroup .form-check label.form-check-label {
font-size: 14px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginSignupHeading h2 {
font-size: 40px;
}
}
@media (max-width: 575px) {
.loginSec .loginSecContainer .loginSecInner {
grid-template-columns: 50px 1fr;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup {
margin-bottom: 15px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup label {
font-size: 16px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup .form-control {
height: 50px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup .formRememberGroup {
align-items: self-start;
justify-content: flex-start;
flex-direction: column;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup .formRememberGroup .form-check {
margin-top: 8px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner form .loginGroup .formRememberGroup .forgotPassword {
padding: 6px;
}
.loginSec .loginSecContainer .loginSecInner .loginForm .loginFormOuter .loginFormInner p {
margin-top: 20px;
font-size: 14px;
}
.loginSec .loginSecContainer .loginSecInner .loginTab {
display: none;
}
.loginSec .loginSecContainer .loginSecInner .loginSecDotsNav .backBtn {
padding: 20px 10px;
}
.loginSec .loginSecContainer .loginSecInner .loginSecDotsNav .backBtn svg {
width: 28px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1599px) {
.signupSec .signupSecContainer .signupSecInner .signupForm {
padding: 40px 80px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter {
gap: 50px;
}
}
@media (max-width: 1399px) {
.signupSec .signupSecContainer .signupSecInner {
grid-template-columns: 120px 120px 1fr;
}
.signupSec .signupSecContainer .signupSecInner .signupTab a {
padding: 20px 10px;
}
.signupSec .signupSecContainer .signupSecInner .signupSecDotsNav .backBtn {
padding: 20px;
}
.signupSec .signupSecContainer .signupSecInner .signupSecDotsNav .signupDotsNavInner {
padding: 10px;
}
}
@media (max-width: 1199px) {
.signupSec .signupSecContainer .signupSecInner .signupForm {
padding: 40px 20px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter {
grid-template-columns: 1fr 300px;
gap: 20px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner p {
margin-top: 40px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupSignupHeading {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.signupSec .signupSecContainer .signupSecInner {
grid-template-columns: 80px 100px 1fr;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter {
grid-template-columns: 1fr 150px;
}
}
@media (max-width: 767px) {
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter {
grid-template-columns: 1fr;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormImg {
display: none;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner p {
font-size: 16px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .groupField {
grid-template-columns: repeat(1, 1fr);
gap: 0px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .signupGroup label {
font-size: 16px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .signupGroup .form-control {
height: 50px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupSignupHeading h2 {
font-size: 40px;
}
}
@media (max-width: 575px) {
.signupSec .signupSecContainer .signupSecInner {
grid-template-columns: 50px 1fr;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .signupGroup {
margin-bottom: 15px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .signupGroup label {
font-size: 16px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner form .signupGroup .form-control {
height: 50px;
}
.signupSec .signupSecContainer .signupSecInner .signupForm .signupFormOuter .signupFormInner p {
margin-top: 20px;
font-size: 14px;
}
.signupSec .signupSecContainer .signupSecInner .signupTab {
display: none;
}
.signupSec .signupSecContainer .signupSecInner .signupSecDotsNav .backBtn {
padding: 20px 10px;
}
.signupSec .signupSecContainer .signupSecInner .signupSecDotsNav .backBtn svg {
width: 28px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1399px) {
.myProfile .myProfileInner .navTabs .nav-pills li a {
font-size: 18px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard {
gap: 40px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter {
padding: 10px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner {
width: 270px;
padding: 10px;
gap: 35px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileDetail ul li a {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow {
grid-template-columns: repeat(2, 1fr);
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner {
width: 320px;
gap: 48px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileDetail ul li a {
font-size: 16px;
}
}
@media (max-width: 991px) {
.myProfile .myProfileInner .navTabs .nav-pills {
flex-wrap: nowrap;
white-space: nowrap;
overflow: auto;
}
.myProfile .myProfileInner .navTabs .nav-pills li a {
padding: 10px;
}
.myProfile .myProfileInner .navTabs .nav-pills li a p {
display: none;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .personalProfileContentBx {
margin-bottom: 20px;
height: auto;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileDetail ul {
margin-top: 30px;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody {
grid-template-columns: 80px 1fr;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody .orderCardBtn span.orderPrice {
font-size: 22px;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody .orderCardImgContent h4 a {
font-size: 18px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
gap: 20px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressContactList .addressContactNav {
gap: 0;
flex-direction: column;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressContactList .addressContactNav li a:before {
content: unset;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner {
width: 254px;
gap: 26px;
}
.personalContent .form {
width: 100%;
}
.modal-header h4 {
font-size: 22px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileDetail {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow {
grid-template-columns: repeat(1, 1fr);
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner {
width: 320px;
gap: 48px;
}
.formRightCheck {
width: 100%;
}
.modal-header h4 {
font-size: 20px;
}
}
@media (max-width: 575px) {
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardHead {
align-items: self-start;
flex-direction: column;
gap: 10px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressHead {
display: flex;
align-items: self-start;
flex-direction: column;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressHead .addressHeading h4 {
font-size: 18px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressHead .newAddressLink .newAddress {
font-size: 14px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .myProfileBx .personalContent .formRatioGroup {
align-items: self-start;
flex-direction: column;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .myProfileBx .profileImgOuter .profileImg {
width: 150px;
height: 150px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .myProfileBx .profileImgOuter .profileImg .profileImgInner {
width: 150px;
height: 150px;
background-color: #00aa58;
border-radius: 300px 0px 300px 300px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
padding: 10px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .myProfileBx .profileImgOuter .profileImg:before, .myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .myProfileBx .profileImgOuter .profileImg:after {
width: 150px;
height: 150px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileUserDetailBx h4 {
font-size: 22px;
}
.modal-header h4 {
font-size: 18px;
}
}
@media (max-width: 450px) {
.myProfile .myProfileInner .navTabs {
padding: 10px;
}
.myProfile .myProfileInner .navTabs .nav-pills li a {
padding: 5px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter {
grid-template-columns: 1fr 20px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner .paymentVisaCardNumber h5 {
font-size: 12px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner .paymentCardInfo ul li a {
font-size: 11px;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody {
grid-template-columns: 1fr;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody .orderCardImgBody {
width: 100%;
height: 150px !important;

}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody .orderCardBtn {
align-items: self-start;
flex-direction: column-reverse;
gap: 10px;
}
.myProfile .myProfileInner .tabContent .tab-content .myOrderContent .orderCardGroup .orderCard .orderCardInner .orderCardBody .orderCardInnerBody .orderCardImgContent h4 a {
font-size: 16px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressHead .addressHeading h4 {
font-size: 16px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressDetailHeading h5 {
font-size: 18px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressDetailHeading h6 {
font-size: 16px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard p {
font-size: 14px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressContactList .addressContactNav li a {
font-size: 14px;
}
.myProfile .myProfileInner .tabContent .tab-content .addressContent .addressCardGroup .addressCard .addressDetailCard .addressLinkBtnList .addressLinkBtnNav li a {
font-size: 14px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileUserDetailBx h4 {
font-size: 20px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .myProfileBx .profileHeading h4 {
font-size: 16px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .myProfileBx .personalContent .btn {
margin-top: 10px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .myProfileBx .personalContent .formGroup input {
font-size: 14px;
height: 40px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .myProfileBx .personalContent .formGroup .input-group-text {
font-size: 14px;
}
.myProfile .myProfileInner .tabContent .tab-content .paymentMethodsContent .paymentInfoCardOuter .paymentInfoCard .paymentInfoCardInner .paymentVisaCardRow .paymentVisaCardInfoOuter .paymentVisaCardInfo .paymentVisaCardInfoInner {
width: calc(100% - 15px);
gap: 20px;
}
.personalContent .form .formRight input,
.personalContent .form .formRight select,
.personalContent .form .formRight span {
font-size: 14px;
}
.formRightFormControl,
.formRightFormControlName {
font-size: 15px;
}
.formRightExpireDate {
flex-direction: column;
}
.formRightExpireDate .formRightExpireDateLeft {
margin-top: 20px;
}
.formRightCheck {
gap: 15px;
}
.myProfile .myProfileInner .tabContent .tab-content .myProfileContent .personalProfileContent .profileDetail ul li a {
font-size: 14px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: foxhub
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 1920px) {
.searchBox .searchBoxCard .searchBoxInner .searchBoxForm .input-group input {
width: 450px;
}
}
@media (max-width: 991px) {
.searchBox .searchBoxCard .searchBoxInner .searchBoxForm .input-group input {
width: 350px;
}
}
@media (max-width: 575px) {
.searchBox .searchBoxCard .searchBoxInner .searchBoxLogo img {
width: 180px;
}
.searchBox .searchBoxCard .searchBoxInner .searchBoxForm .input-group input {
width: 300px;
}
}
@media (max-width: 450px) {
.searchBox .searchBoxCard .searchBoxInner .searchBoxLogo img {
width: 150px;
}
.searchBox .searchBoxCard .searchBoxInner .searchBoxForm .input-group input {
width: 200px;
}
}
/*-----------------------------------------------------------------------------------

Template Name: Lunch Box
Author: Webstrot
Version: 1.0.0
*/
@media (max-width: 991px) {
.footerSecondary .footerSecondaryInner .footerSecondaryRow {
grid-template-columns: 50% 50%;
}
.footerSecondary .footerSecondaryInner .footerSecondaryRow .footerSecondaryCol {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.footer .footerInner .footContent {
flex-direction: column;
gap: 30px;
}
}
@media (max-width: 575px) {
.footer .footerInner .subscribeOuter .logisticSubscribeTxt h4 {
font-size: 28px;
}
.footer .footerInner .subscribeOuter .subscribeInpt form .input-group {
border-radius: 10px;
background-color: #ffffff;
padding: 10px;
flex-direction: column;
}
.footer .footerInner .subscribeOuter .subscribeInpt form .form-control {
border: 0px;
width: 100%;
margin-bottom: 10px;
}
.trustedUsers .trustedUsersInner .trustedUsersRow {
margin-top: 20px;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
.commonHeading.headingCenter {
width: 100%;
margin: 0 auto 20px;
}
.customerSayReview .customerSayStarInner .customerSayStar .customerSayStarTxt p {
font-size: 14px;
}
.customerSays .customerSaysInner .customerSaysRow .customerSaysCol .customerSaysImg .customerSaysImgInner .customerSaysIcon.customerSaysIcon1 {
top: 120px;
left: unset;
right: 0;
}
.howItWorkItem .howItWorkContent h4 {
font-size: 20px;
}
.deliveryFood .deliveryFoodOuter {
padding: 20px 20px;
}
.deliveryFood .deliveryFoodOuter .deliveryFoodInner h4 {
font-size: 20px;
}
.deliveryFood .deliveryFoodOuter .deliveryFoodInner h2 {
font-size: 25px;
}
.footer .footerInner .middleContent .footerMenu {
padding: 20px 0 20px;
}
.footer .footerInner .middleContent .footerMenu ul li a {
color: #ffffff;
font-size: 16px;
font-weight: 400;
padding: 8px;
}
.footer .footerInner .subscribeOuter .logisticSubscribeTxt h4 {
font-size: 22px;
}
.footer .footerInner .subscribeOuter .logisticSubscribeTxt p {
font-size: 15px;
}
.footer .footerInner .footContent .copyRight p {
font-size: 14px;
}
.footer .footerInner .footContent .copyRight p a {
font-size: 14px;
}
.footer .footerInner .footContent .socialMedia ul li a {
font-size: 20px;
}
.footerSecondary .footerSecondaryInner {
padding: 130px 0 40px;
}
.footerSecondary .footerSecondaryInner .footerSecondaryRow {
grid-template-columns: 1fr;
}
.partnerLogo {
padding: 40px 0;
}
}
@media (max-width: 450px) {
.footer .footerInner .middleContent .footerMenu ul li a {
font-size: 14px;
padding: 6px;
}
.footer .footerInner .footContent {
gap: 20px;
}
.footerSecondary .footerSecondaryInner .footerSecondaryRow .footerSecondaryCol .footerHeading h5 {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1420px;
}
}
@media (max-width: 991px) {
.preloader .preloaderInner .loaderGroup .loaderContent .loading {
font-size: 60px;
}
}
@media (max-width: 767px) {
.preloader .preloaderInner .loaderGroup .loaderContent .loading {
font-size: 50px;
}
}
@media (max-width: 575px) {
.preloader .preloaderInner .loaderGroup .loaderContent .loading {
font-size: 40px;
}
}/*# sourceMappingURL=responsive.css.map */