@media only screen 
and (min-width : 1224px) {

.contain {
	width: 1200px;
	padding: 10px;
	margin: auto;
}
.containSmall {
	width: 600px;
	padding: 10px;
	margin: auto;
}

.hfd {
	display: none !important;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}
.desktopRow {
	flex-direction: column;  
	display: flex;
	background-color: #eefff6; 
	width: 50px;	
	gap: 20px;
	justify-content: center !important;
	align-items: center !important;
}


.actionButton { 
	width: 150px;
}
.showMenuItemHover {
	display: none ;
}

.heatingTitle:hover {
	background: linear-gradient(180deg, rgba(241,248,226,1) 0%, rgba(241,248,216,1) 41%);
	cursor: pointer;	
}
.menuContainer:hover .showMenuItemHover {
display: flex;
}
.itemOptionStyle:hover {	
	color: #8eb07b;		
}
.itemControl a:hover{
	color: #dceed2; 
}
.swapMealInline .itemOptionStyle:hover {
	color: #f2d63c;
}
.swapMealInline .itemBar:hover {
	background-color: #f2d63c;
}

.choosePlan:hover {
background: #f1f8ec;
}
.menuItem:hover .showMenuItemHover {
display: flex;
}
.actionButton:hover {
	border-radius: 20px 20px 20px 10px;	
	background-color: #4D2C01;	
	text-decoration: none;
}
.menuItem:hover .menuItemBg {
	background: rgb(0,0,0,0.8) !important;
	cursor: pointer;
}

.red:hover {
    background-color: #a3102f !important;	
}
.green:hover {
    background-color: #dceed2 !important;	
	cursor: pointer;
}
.black:hover {
    background-color: #a3102f !important;	
}

.button:hover {
    text-decoration: none;	
    background-color: #a3102f;
}

.menuContainer:hover .menuItemBg {
	background: rgb(0,0,0,0.8) !important;
	cursor: pointer;
	border-radius: 0px 0px 20px 20px;
}
.menuContainer:hover .itemOptionArrow {
color: #fff;
	}
.itemOptionStyle.hover-effect {
    cursor: pointer;
}




.itemBar:hover {
background-color: #8eb07b;
}

.itemOptionStyle:hover .menuItemBg {
	background: rgb(0,0,0,0) !important;	
}

.itemOptionStyle:hover .itemBar {
	background: #8eb07b !important;	
}

.swapMealInline .itemOptionStyle:hover {
	color: #f2d63c;
}

.swapMealInline .itemBar {
	background-color: #f7e78e;	
}
.swapMealInline .itemBar:hover {
	background-color: #f2d63c;	
}

.swapMealInline .itemOptionStyle:hover .itemBar {
	background-color: #f2d63c !important;
}



.size250 {
	width: 250px;
}
.headerV2 .menuToggle, .menuClose {
	display: none;
}
/* MENU */
.menu {			
	margin-top: 10px;
	display: flex;
	justify-content: center;
}

.headerV2 .menuList {
	flex: calc(50% - 80px);
}
.headerV2 .logoList {
	flex: 140px;
}

.scrolledDiv .logoList {
	width: 100px;
}
.scrolledDiv {
	height: 55px !important;
}
.scrolledDiv .menu {
	margin-top: 0px;
}
.scrolledDiv .logo {
width: 80px;
	background-size: 80px auto;
height: 32px;
}


.headerSpacing {
	height: 55px;
}


.menu li .downArrow {
	transition: ease 0.3s;
}	
	
.menu li {
	flex: 33.3%;
    list-style-type: none;
    text-align: center;
}

.headerBanner {
	text-align: left;
}
.menu li a {
	padding: 10px;
    color: #fff;	  
	display: block;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
	font-weight: 500;
}

.menu li:hover .downArrow {    
	-ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	top: 0px !important;
}
	
.menu li:hover {
	background-color: rgb(0,0,0, 0.5);
	border-radius: 10px;
}

.menu li:hover a {
    color: #fff;
	text-align: center;
	font-weight: 600;	
}

.menu li:hover ul {
	display: block;
}
	
.menu li ul {
	display: none;
	width: 100%; 
	border-radius: 10px;	
	
}

.menu li ul li {
	display: block;
	list-style-type: none;
	width: calc(100% - 20px);
    float: none;
	padding: 10px; 
	clear: both;
}

.menu li ul li:last-child {
    border-bottom: 0px !important;
	border-radius: 0px 0px 10px 10px;	
}
	  
.menu li ul li:hover {
	background-color: #4D2C01;
	border-radius: 0px !important;
	text-align: left;
}



.menu li ul li:last-child:hover {
    border-bottom: 0px !important;
	border-radius: 0px 0px 10px 10px !important;	
}

.menu li ul li a:after {
	font-family: "Font Awesome 6 Pro";	
	content: "\f105"; 
	margin-left: 10px;
	font-size: 10px;
}
.menu li ul li a {
    font-size: 14px;
	display: block;	
	text-align: center !important;	
	font-weight: 400 !important;	
	padding: 0px;
	color: #fff !important;
}

.menu li ul li a i {
	color: #999;
}

.orderButton a {	
	color: #fff;		    
	font-weight: 1000 !important;	
}


.orderButton:hover {	
	background: none !important;	
}
	.orderButton a:hover {	
	color: #667a40 !important;	
	padding: 10px;
    border-radius: 15px;
	font-weight: 600;
}

.scrolledDiv li:hover {
    background-color: rgb(102,122,64,0.9);	
}

.orderButton .downArrow {
	opacity: 0;
}
.orderButton:hover .downArrow {
	opacity: 100%;
		-ms-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	
}
.scrolledDiv  li ul li {
}
.menu .orderButton a:hover {	
color: #fff !important;
}

.scrolledDiv 	.orderButton a:hover {	
	color: #667a40 !important;
}
	.scrolledDiv li ul li:hover {
	background-color: #4D2C01 !important;
}
.learnMoreBtn {
	display: inline;
	width: 20px;
}
.learnMoreBtn i {
	
	transition: ease 1s;	
}
.learnMoreBtn:hover {	
	color: yellow;
	cursor: pointer;
	
}


.learnMoreBtn:hover i {
		-ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	
}
.menu .orderButton:hover {	
	background-color: rgb(0,0,0, 0.5) !important;
	border-radius: 10px !important;
}
.scrolledDiv .orderButton:hover {	
	background: none !important;	
}
.mainItem {
	flex: calc(33.3% - 20px); 
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.left {
	width: calc(50% - 5px);
	float: left;
}
.right {
	width: calc(50% - 5px);
	float: right;
}
.half {
	width: 50%;
}
.full {
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}
.half2 {
	margin-left: 5px;
	margin-right: 5px;
	width: calc(50% - 10px);
}

.thirdD {
	margin-left: 5px;
	margin-right: 5px;
	width: calc(33.3% - 10px);	
}

.fourthD {
	margin-left: 5px;
	margin-right: 5px;
	width: calc(25% - 10px);	
}

.third {
	width: calc(33.3%);	
}

.fourth {
	width: calc(25%);	
}

.black:hover {
	background-color: #4D2C01 !important; ;
}

.footerDiv {
	display: flex;
}

.footerDiv .copyrightNotice {
	flex: 1;
}

.footerDiv .socials {
	flex: 1; text-align: right; margin-top: -15px; font-size: 30px;
}

.contactBox_1 {
	flex: 0.5; 
	display: flex; 
	border-radius: 10px 0px 0px 10px; 
	justify-content: center; 
	vertical-align: middle;
	align-items: center;
}

.contactBox_2 {
	flex: 1; 
	flex-wrap: wrap; 
	display: flex; 
	flex-direction: column; 
	vertical-align: middle;
	justify-content: center;  
}

.contactBox_3 {
flex: 1; 
padding: 20px; 
display: flex; 
	vertical-align: middle;	
border-radius: 10px 0px 0px 10px; 
justify-content: center; 
align-items: center;
}

.mainContent {
	position: absolute;
	left: 0px; 
	bottom: 0px;
	width: calc(100% - 80px);
}
.mainContent p {
	width: 50%;
}

.loginPageMain {
	padding: 20px;
}

.loginPageSub {
	width :600px; 
}

.coOverlay {
	z-index: 999999999999; 
	position: fixed; 
	height: 100vh;
	width: 100vw;	
	background-color: rgb(0,0,0,0.9); 
}
.dialog_content { 
	width: 1024px;
}
.dialogSmall {
	width: 500px !important;
}
.dialogSmallRight {
	float: right;
	margin-right: 20px;
	width: 500px !important;
}
.dialogFull {
	width: 90% !important;
}

.productImageinPopup {
	height: 600px;
}
.coOverlayInner {
	display: block;
	position: relative;
	color: #ffffff;
	height: 70px;
	top: calc(50% - 35px);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.tagFlex {
	flex: 1;
}
.chooseGC {
    padding: 20px;
	box-sizing: border-box;
	display: flex;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	border-bottom: 1px solid #DBEED1;
	border-right: 1px solid #DBEED1;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	background: linear-gradient(180deg, rgba(241,248,236,1) 0%, rgba(241,248,236,1) 41%); 	
}
.chooseGC:hover {
	cursor: pointer;	
	background: linear-gradient(180deg, rgba(241,248,236,1) 0%, rgba(219,238,209,1) 80%);	
}

.desktopOrder {
	padding:0px 30px;
	box-sizing: border-box; 
}


.desktopAlignRight {
	text-align: right;
}

.desktopPlansPad {
	padding: 0px 50px; 
}
.choosePlan {	
	margin: 2px;	
}

.desktopOrder3 {
	gap: 78px;
}

.choosePlan:first-of-type {
	border-radius: 20px 0px 0px 0px;
}
.choosePlan:nth-of-type(2) {
	border-radius: 0px 20px 0px 0px;
}
.choosePlan:last-of-type {
	border-radius: 0px 0px 20px 0px;
}
.choosePlan:nth-last-child(2) {
	border-radius: 0px 0px 0px 20px;
}

.chooseOptionH:first-of-type {
	border-radius: 10px 10px 0px 0px;
}

.chooseOptionH:last-of-type {
	border-radius: 0px 10px 10px 0px !important;
}

.chooseOptionH:last-child {
border-bottom: 1px solid #000 !important;
	border-radius: 0px 0px 10px 10px;
}
.chooseOptionH:only-of-type {	
	border-radius: 10px !important;	
}


.deliveryDaysDiv {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}

.deliveryDaysDiv > .full {
    flex-grow: 1;
}

.chooseOptionHero  .chooseOption {
	flex: calc(33.3% - 44px) !important;
	border-radius: 0px;
	padding: 20px;
	border: 0px !important;
	margin: 2px;
	 
}

.chooseOptionHero  .chooseOption:hover  {
	background-color: #f1f9e7;
}
.chooseOptionHero .chooseOption:active:not(.disabledType) {
	background-color: #67823a;
	color: #fff !important;
}
.chooseOptionHero .chooseOption:active:not(.disabledType) .heroIcon {
	color: #fff !important;
}
.padding50 {
	padding: 50px;
}
.alignRight {
	text-align: right;
}
.tf {
	flex: 3.5;
}
.eighty {
	flex: 8;
}

}