/* Start - Responsive Styles */
@media (max-width: 1199px) {
	.footer-text h3{
		font-size: 160px;
	}
	.weeklymenu-content .wm-content {
	    grid-template-columns: 1fr 1fr;
	}
	.weeklymenu-head{
		justify-content: center;
	}
	.weeklymenu-head-right {
	    margin-right: 0;
	}
	.referral-program-img img {
	    width: 100%;
	    height: 500px;
	}
	.delivery-getoffer-section{
		background-position: right -320px center;
	}
	.sub-hero-banner.our-nutrition-hero {
        background-position: right -410px center !important;
    }
    .master-healthy-item {
	    padding: 0;
	}
	.login-card-row {
	    gap: 30px;
	}
}
@media (max-width: 1024px) {
	.off-detail-card{
		left: auto;
		right: -20px;
	}
	.off-detail-card::after{
		left: auto;
		right: 50px;
	}
	.main_list ul{
		gap: 30px;
	}
	.meal-menu-item{
		height: 300px;
	}
	.footer-text h3 {
        font-size: 110px;
    }
    .footer-text{
		margin-bottom: -53px;
    }
    .footer-main::after{
    	width: 700px;
    	height: 700px;
    }
    .weeklymenu-img {
	    height: 310px;
	}
	.weeklymenu-content .wm-content {
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .meals-product-summary {
	    width: 100%;
	    display: flex;
	    gap: 20px;
	}
	.black-friday-blowouts {
	    width: auto;
	    flex: 1;
	}
	.meals-cart-box{
		margin-bottom: 0;
		flex: 1;
	}
	.cp-refer-friend-content p {
	    max-width: 370px;
	}
	.cp-refer-friend-content {
	    gap: 30px;
	}
	.customer-portal-plan-settings{
		padding: 30px;
	}
	.cp-setting-item{
		width: 46%;
	}
	.cp-setting-card {
	    gap: 30px 60px;
	}
	.cp-setting-item:nth-child(2):after{
		display: none;
	}
	.checkout-left {
	    max-width: 100%;
	}
	.checkout-right {
	    flex: auto;
	    width: 100%;
	}
	.referral-program-content {
	    min-width: auto;
	    max-width: 540px;
	}
	.referral-program-form p{
		max-width: initial;
	}
	.discount-history-card {
	    justify-content: center;
	    text-align: center;
	}
	.sub-hero-banner.our-nutrition-hero {
        background-position: right -610px center !important;
    }
    .login-card-form {
	    width: 500px;
	}
	.manage-subscription-head .main-btn {
	    font-size: 20px;
	}
	.form__label_checkbox, .ingredient-add-btn{
		height: 145px;
	}
	.form__label_checkbox i{
		margin-bottom: 10px;
	}
	.ingredient-restrictions-item form{
		gap: 20px;
	}
	.ingredient-restrictions-select .ingredient-restrictions-item{
		height: 310px;
	}
	.pm-method-content i {
	    width: 70px;
	}
	.pm-method-in{
		padding-left: 35px;
	}
}
@media(max-width: 991px) {
	.how-it-works-item{
		padding: 0;
	}
	.how-it-works-row{
		gap: 30px;
	}
	.meal-menu-slider {
	    padding: 0;
		margin-bottom: 60px !important;
	}
	.raving-fans-item{
		justify-content: center;
	}
	.raving-fans-content {
	    text-align: center;
	}
	.raving-fans-slider{
		padding: 0;
	}
	.footer-text h3 {
        font-size: 80px;
    }
    .footer-text {
        margin-bottom: -40px;
    }
    .main_list ul {
        gap: 18px 0;
        padding: 20px;
    }
    .header-nav {
        display: inline-block;
    }
    .navTrigger {
	    left: 135px;
        top: 50px;
	}
	.main_list{
		width: 100%;
		position: absolute;
		left: 0;
		top: 105px;
		z-index: 999;
		box-shadow: rgba(0, 0, 0, 0.10) 0px 4px 20px;
	}
	.howit-works-card {
	    grid-template-columns: 1fr;
	    gap: 45px 40px;
	}
	.explore-menu-slider {
	    padding: 0;
	}
	.faq-main-card .tab i img {
	    height: 55px;
	}
	.faq-main-card .tab i{
		width: 70px;
		height: 70px;
	}
	.faq-main-card .tab{
		padding: 20px 5px;
		font-size: 16px;
		border-radius: 14px;
		flex: none;
		width: 200px;
	}
	.faq-main-card .tab i::after{
		width: 50px;
	}
	.faq-main-card .tabs{
		justify-content: center;
		gap: 20px;
		margin-bottom: 30px;
	}
	.accordion-button{
		font-size: 24px;
	}
	.accordion-button::after{
		top: 12px;
	}
	.programs-select-right {
	    width: 100%;
		padding-bottom: 0;
	}
	.programs-select-right::before {
	    position: absolute;
	    top: -50px;
	    left: 0;
	    height: 1px;
	    width: 100%;
	    border-top: 1px dashed var(--primary2);
	    border-right: 0px;
	}
	.bf-blowouts-slider.slick-slider .slick-arrow{
		display: none !important;
	}
	.bf-blowouts-slider {
	    padding: 0;
	}
	.poe-menu .slick-dots {
	    display: block !important;
	}
	.explore-menu-slider.poe-menu {
	    margin-bottom: 65px !important;
	}
	.client-testimonials-title {
	    width: 100%;
	    padding-right: 0;
	    margin-bottom: 30px;
	}
	.client-testimonials-slider {
	    width: 100%;
	}
	.left-title {
	    text-align: center;
	}
	.testimonial-nav-btn {
	    justify-content: center;
	}
	.delivery-date-select{
		padding: 15px 15px;
	}
	.delivery-date-select form {
	    gap: 15px;
	}
	.delivery-date-select .form__label h6{
		font-size: 19px;
	}
	.delivery-date-select .form__label p{
		font-size: 17px;
	}
	.weeklymenu-tabs .tabs {
	    gap: 15px 15px;
	}
	.weeklymenu-content .wm-content {
	    grid-template-columns: 1fr 1fr;
	    gap: 30px 30px;
	}
	.weeklymenu-text h3{
		font-size: 25px;
		margin-bottom: 5px;
	}
	.weeklymenu-text {
	    padding: 35px 30px;
	}
	.modal{
		padding: 20px 15px;
	}
	.modal-content{
		padding: 40px;
	}
	.weeklymenu-modal-right {
	    padding: 0 0 0 30px;
	}
	.weeklymenu-tabs {
        max-width: 100%;
        gap: 15px;
    }
    .meals-product-summary{
    	flex-wrap: wrap;
		gap: 40px;
    }
    .meals-cart-box {
        flex: auto;
        width: 100%;
    }
    .black-friday-blowouts {
        width: 100%;
        flex: 1;
    }
    .black-friday-btn {
	    width: auto;
	    flex: 1;
	}
	.cp-mybox-slider .slick-slide {
	    margin-left: 20px;
	    width: 320px;
	}
	.cp-setting-item {
        width: auto;
    }
    .cp-refer-friend{
    	justify-content: center;
    	padding: 20px 30px;
    }
    .cp-refer-friend-content {
        gap: 15px;
		justify-content: center;
    }
	.cp-refer-friend-content p {
        max-width: 100%;
    }
    .pickmeals-steps {
	    width: 100%;
	    margin-bottom: 45px;
	    overflow: auto;
	    padding-bottom: 10px;
	}
	.pickmeals-steps-card {
	    justify-content: start;
	}
	.confirmation-steps .pickmeals-steps {
	    justify-content: start;
		border-radius: 10px;
		padding-bottom: 0px;
		margin-bottom: 90px;
	}
	.confirmation-content h2 {
	    font-size: 42px;
	    line-height: 120%;
	    margin-bottom: 20px;
	}
	.confirmation-section {
	    padding-bottom: 0;
	}
	.referral-program-content {
        max-width: 100%;
    }
    .referral-program-row {
	    gap: 40px;
	}
	.discount-history-card{
	    gap: 25px;
	    flex-direction: column-reverse;
	}
	.delivery-getoffer-section {
		padding: 100px 0;
        background-position: right -500px center;
    }
    .delivery-getoffer-item {
	    max-width: 650px;
	}
	.sub-hero-banner.our-nutrition-hero {
        background-position: right -760px center !important;
    }
	.login-card-row {
        gap: 60px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .login-card-img {
	    text-align: center;
	}
	.login-card-img img {
	    width: 450px;
	}
	.login-card-form {
        width: 100%;
    }
    .no-subscription-card{
		padding: 30px;
    }
    .myaccount-main {
	    padding-top: 60px;
	}
	.myaccount-tabs .tab{
		font-size: 18px;
	}
	.myaccount-tabs{
		gap: 10px;
	}
	.manage-subscription-head{
		padding: 20px;
	}
	.manage-subscription-title h4{
		font-size: 34px;
	}
	.ms-tabs-card {
	    margin-bottom: 30px;
	    gap: 20px;
	}
	.ms-tabs-card .tab2{
		font-size: 18px;
	}
	th.oh-description {
	    width: 35%;
	}
	.order-history-content {
	    padding: 20px 15px;
	}
	.ingredient-restrictions-item form {
        gap: 15px;
        grid-template-columns: repeat(4, 1fr);
    }
    .ingredient-select-filter{
		flex-wrap: wrap;
		justify-content: flex-end;
    }
    .ingredient-select-filter .meals-search {
	    max-width: 100%;
	    width: 100%;
	}
	.payment-method-main {
	    grid-template-columns: 1fr;
	}
	.payment-method-head {
	    margin-bottom: 30px;
	}
	.payment-method-item{
		padding: 20px;
	}
}
@media(max-width: 767px) {
	.header-main{
		padding: 15px 20px;
	}
	.header-nav{
		gap: 0;
	}
	.login-btn{
	    padding: 10px 15px;
	    font-size: 16px;
	}
	.cart-icon img {
	    width: 25px;
	}
	.cart-icon span{
		top: -4px;
		right: -8px;
	}
	.cart-icon::after {
	    top: -8px;
	    right: -3px;
	    height: 40px;
	}
	.announcement-bar>p{
		font-size: 16px;
		line-height: 20px;
	}
	.announcement-bar{
		gap: 0px;
	}
	.announcement-bar .off-detail>span{
		font-size: 16px;
		line-height: 20px;
	}
	.off-detail-card {
        left: -50px;
        right: 0;
        width: 240px;
        flex-wrap: wrap;
		gap: 15px;
    }
    .off-detail-card::after {
        left: 70px;
        right: auto;
    }
    .hero-banner-content h1{
    	font-size: 45px;
    }
    .hero-banner-content h5{
		font-size: 23px;
    }
    .area-form {
	    max-width: 100%;
	}
	.area-form>label{
		text-align: center;
	}
	.form-row {
	    gap: 15px;
	    justify-content: center;
	}
	.form-row .area-form-input{
		text-align: center;
		width: 100%;
        flex: none;
	}
	section {
	    padding-top: 60px;
	}
	.section-title h3{
		font-size: 30px;
	}
	.section-title p{
		margin-top: 10px;
	}
	.section-title{
		margin-bottom: 30px;
	}
	.how-it-works-item i {
	    width: 100px;
	    height: 100px;
	    margin-bottom: 20px;
	}
	.how-it-works-item i img {
	    max-width: 70px;
	}
	.section-bg {
	    padding: 60px 0;
	    margin-top: 60px;
	}
	.fresh-nutritious-item i img {
	    width: 40px;
	}
	.fresh-nutritious-item {
	    gap: 15px;
	}
	.fresh-nutritious-content h5{
		font-size: 21px;
	}
	.fresh-nutritious-point {
	    margin-bottom: 40px;
	}
	.meal-menu-slider .slick-slide {
	    margin-left: 0;
	}
	.meal-menu-slider .slick-list {
	    margin-left: 0;
	}
	.meal-menu-item {
        height: 380px;
    }
    .raving-fans-content h3 {
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	.readyto-eat-img {
	    margin-top: -100px;
	    height: 300px;
	    object-fit: cover;
	}
	.readyto-eat-section .section-title{
		padding: 30px 20px;
	}
	.subscribe-form .form-control {
	    flex: none;
	    width: 100%;
	}
	.subscribe-form .form-group {
	    gap: 15px;
	}
	.subscribe-form .main-btn{
		width: 100%;
	}
	.subscribe-note{
		margin-top: 15px;
	}
	.footer-main {
	    margin-top: 60px;
	    padding-top: 60px;
	}
	.footer-about {
	    max-width: 100%;
		width: 100%;
	}
	.footer-subscribe {
		width: 100%;
	    max-width: 100%;
	}
	.footer-menu {
	    width: 100%;
	}
	.footer-menu li a{
		font-size: 15px;
	}
	.footer-menu li + li {
	    margin-top: 18px;
	}
	.footer-top{
		gap: 40px;
	}
	.footer-copyright p{
		font-size: 15px;
	}
	.footer-copyright{
		padding-top: 50px;
	}
	.footer-text h3 {
        font-size: 45px;
    }
    .footer-text {
        margin-bottom: -22px;
    }
    .footer-subscribe h5{
    	font-size: 20px;
    	margin-bottom: 15px;	
    }
    .how-it-works-row {
        display: inline-block;
        width: 100%;
    }
    .navTrigger {
        left: 115px;
        top: 40px;
    }
    .sub-hero-content h1{
    	font-size: 45px;
		margin-bottom: 15px;
    }
    .sub-hero-content p{
		font-size: 20px;
		line-height: 140%;
    }
	.sub-hero-banner {
	    padding: 80px 0 70px 0;
	}
	.howit-works-section .section-title {
	    margin-bottom: 30px;
	}
	.howit-works-img {
	    height: 375px;
	}
	.howit-works-card-content {
	    padding: 30px 15px 20px 15px;
	}
	.howit-works-card-content h4{
		font-size: 22px;
	}
	.howit-works-card {
        gap: 30px 40px;
    }
    .section-bg2 {
	    padding: 60px 0;
	    margin-top: 70px;
	}
	.explore-menu-slider {
	    margin-bottom: 60px !important;
	}
	.explore-menu-section .section-title {
	    margin-bottom: 20px;
	}
	.explore-menu-content h5{
		font-size: 18px;
	}
	.explore-menu-content{
		padding: 15px;
	}
	.faq-main-card .tab{
		width: auto;
		flex-direction: row;
        align-items: center;
        padding: 10px 15px;
        font-size: 15px;
	}
	.faq-main-card .tab i {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-right: 25px;
		flex: none;
    }
    .faq-main-card .tab i::after {
        bottom: auto;
        top: 6px;
        right: -15px;
        left: auto;
        transform: none;
        width: 1px;
        height: 30px;
    }
    .faq-main-card .tabs {
        gap: 10px;
        margin-bottom: 20px;
		justify-content: start;
	    flex-wrap: nowrap;
	    overflow: auto;
		margin-right: -20px;
        padding-bottom: 5px;
    }
    .accordion {
    	margin-bottom: 15px;
	    padding: 15px 15px 5px 15px;
	}
	.accordion-button {
        font-size: 20px;
        line-height: 28px;
    }
    .accordion-button::after {
        top: 8px;
    }
    .customer-support-item{
    	flex: none;
    	width: 100%;
    }
    .customer-support-item img {
	    height: 50px;
	    margin-bottom: 15px;
	}
	.programs-select-title h4 {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
	.programs-select-title {
	    margin-bottom: 15px;
	}
	.form__label{
		flex: auto;
		width: 100%;
		padding: 15px;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 20px;
	}
	.form__label-img {
	    width: 50px;
	    height: 50px;
	    flex: none;
	}
	.form__label-name{
		width: auto;
		font-size: 22px;
    	margin-top: 0;
	}
	.programs-select-title h6{
		margin-top: 15px;
	}
	.per-week-plan-form {
	    gap: 20px 10px;
	    justify-content: center;
	}
	.per-week-plan-form .form__label {
	    width: 53px;
	    height: 53px;
	    flex: initial;
	}
	.programs-select-row{
		gap: 70px;
	}
	.programs-select-right::before {
        top: -38px;
    }
    .per-week-plan-form .form__label-name {
	    font-size: 20px;
	}
	.per-week-plan-form .form__label-check {
		width: 23px;
		height: 25px;
		top: -14px;
    }
    .bfb-content{
		flex: auto;
		width: 100%;
    }
    .bfb-title h4 {
	    margin-bottom: 10px;
	    font-size: 18px;
	}
	.bfb-img {
	    width: 70px;
	    height: 70px;
	}
	.bfb-btn {
	    width: 100%;
	}
	.bfb-btn .main-btn {
	    min-width: 100%;
	}
	.programs-price-box{
		padding: 15px;
	}
	.first-box-total {
	    margin-right: 0;
		margin-bottom: 30px;
	    padding: 10px 15px;
	}
	.menu-promo-card .form-group {
	    gap: 15px;
	}
	.menu-promo-card .form-control,
	.programs-select-email .form-control {
	    flex: auto;
	    width: 100%;
	}
	.programs-select-email .form-group {
	    gap: 15px;
	    flex-wrap: wrap;
		justify-content: center;
	}
	.testimonials-item{
		padding: 25px 15px;
	}
	.most-popular img {
	    width: 15px;
	}
	.most-popular h5{
		font-size: 15px;
	}
	.most-popular{
		gap: 5px;
	}
	.weeklymenu-delivery-date>h4 {
	    margin-bottom: 15px;
	    font-size: 20px;
	}
	.delivery-date-select .form__label{
		flex-wrap: wrap;
		gap: 0;
		align-content: center;
		width: 100%;
		height: 60px;
	}
	.delivery-date-select .form__label p {
        font-size: 16px;
        width: 100%;
    }
    .delivery-date-select .form__label h6 {
        font-size: 18px;
        width: 100%;
    }
    .delivery-date-select {
        padding: 10px;
        width: 100%;
    }
    .delivery-date-select form {
        gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .weeklymenu-delivery-date {
	    margin-bottom: 40px;
	}
	.weeklymenu-filter h6 {
	    font-size: 16px;
	}
	.weeklymenu-tabs .tab {
	    font-size: 18px;
	}
	.weeklymenu-head{
		margin-bottom: 25px;
	}
	.weeklymenu-content .wm-content {
        grid-template-columns: 1fr;
        gap: 20px 30px;
    }
    .weeklymenu-img {
        height: 280px;
    }
    .weeklymenu-text {
        padding: 30px 15px 20px 15px;
    }
    .weeklymenu-text h3 {
        font-size: 22px;
		height: auto;
    }
    .weeklymenu-text p {
	    font-size: 16px;
	    min-height: auto;
	}
	.weeklymenu-text span{
		font-size: 16px;
	}
	.weeklymenu-badge h6{
    	font-size: 13px;
	}
	.weeklymenu-badge{
		margin-bottom: 0;
	}
	.weeklymenu-modal-left {
	    width: 100%;
	}
	.weeklymenu-modal-right {
        padding: 0;
        margin-top: 30px;
    }
    .modal-content {
        padding: 40px 20px 30px 20px;
        border-radius: 15px;
    }
    .close {
	    top: 12px;
	    right: 15px;
	}
	.weeklymenu-modal-left h4 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.weeklymenu-modal-left img {
	    height: auto;
	}
	.weeklymenu-modal-left li{
		padding: 5px 7px 3px 7px;
		font-size: 13px;
	}
	.nutrition-facts-card>h3 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.nut-facts-item h6{
		font-size: 18px;
	}
	.fi-list li p{
		font-size: 18px;
	}
	.fi-list li{
		align-items: center;
	}
	.nut-facts-btn a{
		font-size: 17px;
	}
	.nut-facts-btn {
	    margin-top: 15px;
	}
	.nutrition-card-img {
	    padding-top: 20px;
	}
	.more-ingredients {
	    padding-top: 25px;
	}
	.more-ingredients>h3 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.more-ingredients-row {
	    gap: 20px;
	}
	.more-ingredients-list {
		border-bottom: 1px solid #C4C4C4;
	    border-right: 0px;
	    width: 100%;
	    padding-bottom: 20px;
	}
	.more-allergens {
	    max-width: 100%;
	}
	.more-allergens p {
	    margin-bottom: 10px;
	}
	.modal {
        padding: 20px 15px;
    }
    .weeklymenu-tabs {
        max-width: 100%;
    }
    .premium-program h6{
    	font-size: 18px;
    }
    .premium-program i {
	    width: 40px;
	}
	.premium-program{
		padding: 15px;
	}
	.meals-head .weeklymenu-delivery-date {
	    margin-bottom: 35px;
	}
	.weeklymenu-head-left {
	    gap: 12px 5px;
	}
	.meals-filter-card {
	    margin: 0;
	    width: 100%;
		padding: 6px 12px;
	}
	.meals-filter-card label,
	.meals-filter-card select{
		font-size: 18px;
	}
	.meals-filter-card form {
	    width: 100%;
	    display: flex;
	    gap: 5px;
	}
	.meals-filter-card select{
		flex: 1;
	}
	.meals-search {
	    width: auto;
	    flex: 1;
	}
	.wm-product-badge img {
	    width: 50px;
	}
	.meals-cart-box{
		padding: 20px 15px;
	}
	.meals-cart-head h6 {
	    font-size: 17px;
	}
	.meals-cart-img {
	    width: 80px;
	    height: 80px;
	}
	.meals-cart-text h5 {
	    font-size: 18px;
	    margin-bottom: 5;
	}
	.cart-fb{
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.black-friday-btn {
        width: 100%;
        flex: auto;
        padding-left: 95px;
        justify-content: start;
    }
    .black-friday-blowouts>h5{
    	margin-bottom: 12px;
		font-size: 22px;
    }
    .meals-cart-text img {
	    margin: 10px 0;
	}
	.cp-date-card .delivery-date-select {
	    padding: 8px 0;
	    justify-content: flex-start;
	    overflow: auto;
	}
	.cp-date-card .delivery-date-select form {
	    display: flex;
	    flex-wrap: nowrap;
	}
	.view-order-total {
	    position: relative;
	    top: auto;
	    right: auto;
	    display: flex;
	    justify-content: center;
	    margin-top: 20px;
	}
	.customer-portal-head h3 {
	    font-size: 28px;
	    margin-bottom: 5px;
	}
	.customer-portal-head h6 {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.view-order-total-btn i {
	    width: 35px;
	    height: 35px;
	}
	.view-order-total-btn i img {
	    margin-left: 0px;
	    width: 14px;
	}
	.customer-portal-head {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.cp-mybox-head-title {
	    width: 100%;
		text-align: center;
	}
	.cp-mybox-head{
		gap: 15px;
	}
	.cp-mybox-head-btn {
	    gap: 10px;
	    flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.icon-main-btn-brd {
	    padding: 8px 17px;
	    font-size: 18px;
	}
	.icon-main-btn {
	    padding: 10px 17px;
	    font-size: 18px;
	}
	.gray-btn-brd {
	    padding: 8px 20px;
	    font-size: 15px;
	}
	.cp-mybox-head2 {
	    margin-top: 25px;
	    margin-bottom: 15px;
	}
	.cp-mybox-head-title h4 {
	    font-size: 22px;
	}
	.cp-mybox-slider {
	    margin-right: -20px;
	}
	.cp-mybox-slider .slick-slide {
        margin-left: 12px;
        width: 320px;
    }
    .customer-portal-plan-settings {
        padding: 25px 15px;
        margin-top: 85px;
    }
    .customer-portal-plan-settings>h3 {
	    font-size: 26px;
	    line-height: 33px;
	    margin-bottom: 20px;
	}
	.cp-setting-item:after{
		display: none;
	}
	.cp-setting-address .cp-setting-item-text {
	    max-width: 160px;
	}
	.cp-setting-item i {
	    width: 30px;
	    text-align: center;
	}
	.cp-setting-item i img {
	    display: inline-block;
	}
	.customer-portal-add-ons .cp-mybox-slider .slick-slide {
    	width: 290px;
	}
	.cp-mybox-item-add-ons h4 {
	    font-size: 18px;
	    line-height: 23px;
	}
	.customer-portal-add-ons .cp-mybox-item-img .off-badge{
		font-size: 12px;
	}
	.cp-innosupps-banner-img {
	    width: 100%;
	    flex: auto;
	}
	.cp-innosupps-banner{
		margin-top: 90px;
	}
	.cp-innosupps-banner-text {
	    padding: 20px 15px;
	    width: 100%;
	}
	.cp-innosupps-banner-text h4 {
	    font-size: 22px;
	    line-height: 30px;
	    margin-bottom: 8px;
	}
	.cp-refer-friend {
        padding: 20px 20px;
        text-align: center;
		margin-top: 50px;
    }
    .cp-refer-friend-head i img {
	    width: 50px;
	}
	.cp-refer-friend-head h4 {
	    font-size: 20px;
	}
	.cp-order-details{
		border-radius: 14px;
		width: 100%;
		padding: 20px 15px 10px 15px;
	}
	.cp-order-content h4{
		font-size: 18px;
	}
	.cp-order-content h3{
		font-size: 20px;
	}
	.cp-order-head h4{
		font-size: 18px;
	}
	.cp-order-head {
	    margin-bottom: 12px;
	    padding-bottom: 10px;
	}
	.cp-order-close{
		top: 22px;
	}
	.manage-delivery-modal .modal-content {
	    max-width: 100%;
	    padding: 25px 20px;
	}
	.manage-delivery-content>h3 {
	    font-size: 22px;
	    margin-bottom: 20px;
	}
	.manage-delivery-card {
	    margin-bottom: 15px;
	}
	.manage-delivery-btns a {
	    font-size: 18px;
	    gap: 11px;
	}
	.reschedule-modal .modal-content{
		padding: 25px 15px;
	}
	.days div, .dates div {
	    width: auto;
	    height: 45px;
	}
	.reschedule-delivery-title h3 {
	    font-size: 22px;
	    margin-bottom: 5px;
	}
	.calendar .header h2 {
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.calendar .header p {
	    font-size: 15px;
	}
	.reschedule-delivery-title {
	    margin-bottom: 18px;
	}
	.time-window button {
	    padding: 8px 18px;
	    font-size: 16px;
	    margin: 10px 0 15px 0;
	}
	.time-window .dropdown-option {
	    padding: 8px;
	    font-size: 15px;
	}
	.reschedule-delivery-btns .main-btn-bord,
	.reschedule-delivery-btns .main-btn{
		font-size: 17px;
	}
	.pickmeals-steps-card {
	    gap: 10px;
	}
	.pickmeals-steps-item {
	    min-width: 100px;
	}
	.pickmeals-steps-item h4 {
	    font-size: 17px;
	    margin-bottom: 5px;
	}
	.pickmeals-steps-item::before{
		width: 55px;
	}
	.meals-steps-back {
	    text-align: center;
	    margin-bottom: 20px;
	}
	.register-head .pickmeals-steps {
	    margin-bottom: 40px;
		width: auto;
        margin-right: -20px;
	}
	.form-btn .main-btn {
	    min-width: auto;
	    padding: 13px 35px;
	}
	.register-form-head h1 {
	    font-size: 38px;
	    margin-bottom: 12px;
	}
	.register-form-head h6 {
	    font-size: 18px;
	}
	.register-form-head {
	    margin-bottom: 20px;
	}
	.register-form-card {
	    border-radius: 15px;
	    padding: 20px;
	}
	.form-label {
	    font-size: 18px;
	    margin-bottom: 6px;
	}
	.form-text {
	    margin-top: 6px;
	    font-size: 15px;
	}
	.form-control{
		font-size: 17px;
	}
	.register-form-card .form-control{
		padding-right: 40px;
	}
	.checkout-left .form-btn .main-btn {
	    min-width: 100%;
	}
	.checkout-head h3 {
	    font-size: 38px;
	}
	.checkout-head {
	    margin-bottom: 12px;
	    text-align: center;
	}
	.checkout-card {
	    border-radius: 14px;
	    padding: 20px;
	}
	.checkout-card-title {
	    margin-bottom: 15px;
	    font-size: 24px;
	}
	.col-50,
	.col-35,
	.col-40,
	.col-25 {
    	flex: auto;
	    width: 100%;
	}
	.checkout-left .row {
	    gap: 15px 35px;
	}
	.checkout-control{
		font-size: 16px;
	}
	.add-card-head h5 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.add-card-head h5::after{
		top: 2px;
	}
	.add-card-head {
	    margin-bottom: 20px;
	}
	.form-check-label {
	    font-size: 16px;
	}
	.form-checkbox {
	    margin-bottom: 30px;
	}
	.checkout-form-content p {
	    font-size: 17px;
	    margin-bottom: 20px;
	}
	.checkout-content-checkbox .form-checkbox {
	    margin-bottom: 20px;
	}
	.checkout-delivery-date h4{
		font-size: 16px;
	}
	.checkout-meals-list .cp-order-content li {
	    font-size: 16px;
	}
	.ms-contnet h5 {
	    font-size: 18px;
	}
	.ms-img {
	    width: 70px;
	    height: 70px;
	}
	.meal-selections-item{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.checkout-meals-list .cp-order-content h3 {
	    font-size: 22px;
	}
	.checkout-meals-list .cp-order-content h3 span {
	    font-size: 23px;
	}
	.traditional-meals-card{
		grid-template-columns: 1fr;
	}
	.confirmation-steps .pickmeals-steps {
        margin-right: 0;
        border: 1px solid #BCBEC0;
    }
	.confirmation-steps .pickmeals-steps-card {
	    padding: 20px;
	}
	.confirmation-card {
	    border-radius: 15px;
	    padding: 20px;
	}
	.confirmation-content h2 {
        font-size: 30px;
        line-height: 120%;
        margin-bottom: 15px;
    }
    .confirmation-content p {
	    margin-bottom: 10px;
	}
	.confirmation-content p span {
	    font-size: 16px;
	}
	.confirmation-content {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.confirmation-saving-box h4 {
	    font-size: 22px;
	    max-width: 220px;
        margin: 0 auto;
	    margin-bottom: 20px;
	    padding: 0;
	}
	.more-saving-item img {
	    width: 30px;
	    margin-bottom: 5px;
	    display: inline-block;
	}
	.more-saving-item p {
	    font-size: 15px;
	}
	.more-saving-item h3 {
	    font-size: 17px;
	}
	.more-saving-item .more-saving-point {
	    width: 20px;
	    height: 20px;
	    margin-top: 10px;
	}
	.more-saving-item .more-saving-point::after{
		top: 9px;
	}
	.confirmation-saving-box {
	    margin-bottom: 30px;
	}
	.confirmation-first-delivery {
	    border-radius: 15px;
	    padding: 20px;
	}
	.confirmation-first-delivery h5 {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.confirmation-first-delivery h3 {
	    font-size: 24px;
	}
	.traditional-meals-list>h3 {
	    margin-bottom: 15px;
	    font-size: 24px;
	}
	.traditional-meals-img {
	    width: 80px;
	    height: 80px;
	}
	.traditional-meals-card {
	    gap: 15px;
	}
	.delivery-information>h3 {
	    margin-bottom: 15px;
	    font-size: 24px;
	}
	.delivery-info-card {
	    gap: 15px 0;
	}
	.delivery-info-item p {
	    font-size: 16px;
	}
	.delivery-info-item h4 {
	    margin-bottom: 4px;
	}
	.delivery-info-row{
		flex-wrap: wrap;
	}
	.confirmation-saving-box .main-btn {
	    min-width: 100%;
	}
	.chefschoice-modal .modal-content {
	    padding: 45px 15px;
	}
	.chefschoice-modal-content h3 {
	    margin-bottom: 10px;
	    font-size: 30px;
	}
	.chefschoice-modal-content p {
	    font-size: 18px;
	}
	.user-profile>h4{
		padding-right: 25px;
    	background-position: right 0 center;
	}
	.referral-program-head h4 {
	    font-size: 30px;
	    margin-bottom: 12px;
	}
	.referral-program-head {
	    margin-bottom: 30px;
	}
	.referral-program-form h5 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.referral-program-form .form-row .area-form-input{
		text-align: left;
		height: 50px;
		padding: 10px 15px;
	}
	.referral-program-form .form-row{
		justify-content: flex-start;
	}
	.share-unique-link {
    	margin-top: 20px;
	}
	.share-unique-link label {
	    font-size: 18px;
	    margin-bottom: 8px;
	}
	.share-link-social {
	    padding-left: 0;
	    margin-top: 5px;
	}
	.referral-program-form {
	    margin-bottom: 30px;
	}
	.get-started-card h4 {
	    font-size: 22px;
	    margin-bottom: 15px;
	}
	.get-started-card li + li {
	    margin-top: 12px;
	}
	.get-started-card li {
	    gap: 15px;
	    font-size: 18px;
	}
	.referral-program-img img {
        width: 100%;
        height: 345px;
    }
    .discount-history-row {
	    gap: 20px;
	    padding-top: 50px;
	}
	.discount-history-icon {
	    width: 70px;
	}
	.discount-history-card {
        width: 100%;
        flex: auto;
		gap: 20px;
		padding: 25px;
    }
    .discount-history-content h3 {
	    font-size: 27px;
	    margin-bottom: 12px;
	}
	.section-title-xl.section-title h3 {
	    font-size: 30px;
	}
	.faq-section.faq-page-main .section-title {
    	margin-bottom: 30px;
	}
	.faq-main-card .tab i img {
        height: 35px;
    }
    .delivery-getoffer-section {
        padding: 60px 0 120px 0;
        margin-top: 60px;
        margin-bottom: -60px;
		background: url(../images/getoffer-bg-1.1.jpg) #f9f1e5 no-repeat;
		background-position: bottom -110px center;
        background-size: 100%;
    }
    .delivery-getoffer-item h4 {
	    font-size: 30px;
	    line-height: 120%;
	    margin-bottom: 10px;
	}
	.delivery-getoffer-item {
        max-width: 100%;
        text-align: center;
    }
    .delivery-getoffer-item p {
	    font-size: 18px;
	    line-height: 140%;
	}
	.getoffer-section-bg-2 {
		background: url(../images/getoffer-bg-2.1.jpg) #f9f1e5 no-repeat;
		background-position: bottom -250px center;
        background-size: 100%;
    }
    .sub-hero-banner.our-nutrition-hero {
		background: url(../images/our-nutrition-hero-1.1.jpg) no-repeat !important;
        background-position: bottom center !important;
        background-size: cover !important;
        padding: 40px 0 310px 0;
    }
    .our-nutrition-hero .sub-hero-content p {
	    font-size: 20px;
	}
	.master-healthy-section .section-title, .meals-health-section .section-title {
	    margin-bottom: 30px;
	}
	.master-healthy-item h4 {
	    margin-bottom: 10px;
	}
	.master-healthy-item i img {
	    height: 200px;
	}
	.meals-health-section {
	    padding-top: 60px;
	}
	.meals-health-section .fresh-nutritious-item {
	    gap: 15px;
	    margin-bottom: 30px;
	}
	.meals-health-section .fresh-nutritious-content h5 {
	    font-size: 22px;
	    margin-bottom: 5px;
	}
	.login-card-img img {
        width: 100%;
    }
    .login-card-row {
        gap: 30px;
    }
    .login-section-main {
	    padding-bottom: 60px;
	    margin-bottom: -60px;
	}
	.login-card-head h3 {
	    font-size: 45px;
	    margin-bottom: 15px;
	}
	.login-card-head p {
	    font-size: 20px;
	}
	.login-card-head {
	    margin-bottom: 15px;
	}
	.login-card-form .form-btn .main-btn {
	    min-width: 100%;
	}
	.click-to-reactivate-card p a{
		display: flex;
    	justify-content: center;
	}
	.click-to-reactivate-card p {
	    font-size: 18px;
	}
	.click-to-reactivate-card {
	    padding: 12px 0;
	    margin-bottom: 0;
	}
	.customer-portal-paused-plan {
	    margin-top: 50px;
	}
	.cp-date-card .container {
	    padding: 0;
	}
	.no-subscription-card {
        padding: 20px;
		text-align: center;
    }
    .customer-portal-no-subscription {
	    padding-top: 30px;
	}
	.welcome-back-card {
	    padding-left: 0;
	    margin-bottom: 20px;
	}
	.welcome-back-card i {
	    position: relative;
	    left: 0;
	    top: auto;
	    transform: none;
	    margin-bottom: 15px;
	    display: inline-block;
	}
	.welcome-back-card i img {
	    width: 60px;
	}
	.welcome-back-card h4 {
	    font-size: 35px;
	    margin-bottom: 10px;
	}
	.welcome-back-card p {
	    font-size: 18px;
	}
	.deactivated-card h5 {
	    font-size: 22px;
	    margin-bottom: 10px;
	}
	.deactivated-card p {
	    font-size: 18px;
	    line-height: 25px;
	}
	.previous-plan-card{
		padding: 15px;
	}
	.previous-plan-card h5 {
	    font-size: 22px;
	    margin-bottom: 8px;
	}
	.previous-plan-card h6 {
	    font-size: 18px;
	    line-height: 25px;
	    margin-bottom: 10px;
	}
	.previous-plan-card p {
	    font-size: 17px;
	    line-height: 25px;
	}
	.no-subscription-card-btn {
	    gap: 10px;
	}
	.no-subscription-card-btn a {
	    width: 100%;
	    max-width: none;
	}
	.order-history-content table tbody tr:first-child td {
	    padding-top: 10px;
	}
	.order-history-content table tbody tr:first-child td:first-child {
	    padding-top: 0px;
	}
	.order-history-content table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.order-history-content table tr {
		border-bottom: 2px solid #BCBEC0;
		display: block;
		margin-bottom: 20px;
	}
	.order-history-content table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 15px;
        line-height: 17px;
		text-align: right;
	}
	.order-history-content table td::before {
		content: attr(data-label);
		float: left;
		font-family: 'Brandon_bld';
		font-size: 13px;
        line-height: 17px;
		text-transform: uppercase;
	}
	.order-history-content table td.status-td::before{
		color: var(--secondary);
	}
	.order-history-content table td:last-child {
		border-bottom: 0;
	}
	.order-history-content table tbody tr:last-child td {
	    padding-bottom: 10px;
	}
	.order-history-content table tbody tr:last-child {
	    margin-bottom: 0;
	}
	.myaccount-tabs .tab{
		gap: 8px;
		flex-direction: column;
		padding: 8px 15px;
	}
	.myaccount-tabs {
        gap: 5px;
    }
    .manage-subscription-head {
        padding: 15px;
    	border-radius: 14px;
		gap: 15px;
		justify-content: center;
    }
    .manage-subscription-title h4 {
        font-size: 28px;
    }
    .manage-subscription-title {
	    gap: 10px;
	    justify-content: center;
	}
	.manage-subscription-head .main-btn {
        font-size: 17px;
        width: 100%;
    }
    .manage-subscription-tabs {
	    margin-top: 30px;
	}
	.ms-tabs-card {
        margin-bottom: 20px;
        gap: 0px;
    }
    .ms-tabs-card .tab2 {
        font-size: 16px;
        width: 33.33%;
    }
    .subscription-canceled-card {
	    padding: 10px 15px;
	}
	.menu-preferences-card h4 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.ingredient-restrictions-item {
	    width: 100%;
	    padding: 0;
	}
	.ingredient-restrictions-item form {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
	.ingredient-select-filter {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }
    .ingredient-select-btns {
	    gap: 15px;
	    margin-top: 10px;
	}
	.ingredient-restrictions-select .ingredient-restrictions-item {
        height: 457px;
		padding: 0 10px 0 0;
		margin: 20px 0 0px 0;
    }
    .payment-method-card {
	    margin-top: 30px;
	}
	.payment-method-head h4 {
	    font-size: 26px;
	    line-height: 30px;
	    margin-bottom: 5px;
	}
	.payment-method-item {
        padding: 15px;
    }
    .payment-method-item-head {
	    margin-bottom: 15px;
	}
	.payment-method-item-head h4 {
	    font-size: 22px;
	    line-height: 22px;
	}
	.pm-personal-info p, .pm-personal-info h6 {
	    font-size: 18px;
	    line-height: 23px;
	    margin-bottom: 5px;
	}
	.pm-personal-info h6 {
	    margin-bottom: 20px;
	}
	.pm-password-card .form-label {
	    font-size: 18px;
	    line-height: 23px;
	    margin-bottom: 10px;
	}
	.pm-address-item {
	    margin-bottom: 20px;
	}
	.pm-method-card .form__label{
		padding: 15px 15px;
	}
	.pm-method-in::after{
		width: 13px;
		height: 13px;
	}
	.pm-method-in::before {
		left: 5px;
		width: 7px;
		height: 7px;
	}
	.pm-method-in {
        padding-left: 30px;
    }
    .pm-method-content i {
        width: 50px;
    }
    .pm-method-text h4 {
	    font-size: 18px;
	    line-height: 18px;
	    margin-bottom: 8px;
	}
	.pm-method-text p {
	    font-size: 17px;
	    line-height: 18px;
	}
	.pm-method-content {
	    width: 100%;
		flex-wrap: wrap;
		gap: 10px;
	}
	.pm-method-in .text-icon-btn {
	    font-size: 18px;
	    position: absolute;
	    top: -8px;
	    right: -4px;
	}
	.pm-method-in .text-icon-btn i img {
	    width: 16px;
	}
	.main-btn{
		font-size: 18px;
	}
}