@media (max-width: 768px) {
    .cms-home .banner-content {
        padding: 0 60px;
    }
}

@media screen and (max-width: 1280px) {
    .sparsh-testimonials-block {
        padding: 78px 20px 10px 20px;
    }
}

@media screen and (max-width: 1200px) {

    .page-products .columns .column.main {
        width: calc(100% - 300px);
        padding: 0px 20px 40px 25px;
        max-width: calc(100% - 300px);
    }

    .testimonials-slider {
        padding: 40px 20px;
    }

    body .page-header .panel.header {
        padding: 24px 20px;
    }

    .goodfood-block,
    .logo-product,
    .page-footer .bottom,
    .special-categories,
    .insta-feed,
    .favourite-meal,
    .page-footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-footer .bottom {
        margin: 0px -0px;
    }

    body header .navigation .level0 {
        margin: 0px 10px;
    }

    .category-shop .product-items li {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .category-shop .product-items {
        margin: 0px !important;
        width: 100%;
    }

    table#checkout-review-table {
        min-width: 400px;
    }
}

@media (min-width: 768px) {
    .mage-dropdown-dialog {
        border: 0px;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        max-width: 400px;
        z-index: 99;
    }

    body .minicart-wrapper .block-minicart {
        border: 0px !important;
        right: 0;
        width: 100%;
        margin: 0px;
        max-width: 400px;
        padding: 0;
        height: 100%;
        bottom: 0;
        min-height: 100vh;
    }

    .minicart-wrapper .block-minicart::after,
    .minicart-wrapper .block-minicart::before {
        display: none;
    }

    body header .navigation .level0>.level-top {
        color: #003726;
        line-height: 18px;
        padding: 0px;
        font-weight: normal;
    }

    body .block-search .control {
        padding: 0px;
    }

    body header .block-search {
        width: 20px;
        margin: 0;
        height: 20px;
    }

    body .page-header .panel.wrapper {
        border-bottom: none;
        background-color: #ffffff;
    }

    body .logo {
        margin: 0px;
    }

    .minicart-wrapper {
        margin-left: 18px;
    }

    body header .navigation {
        background: transparent;
        margin-left: auto;
        max-width: inherit;
        margin-right: 33px;
    }

    /*..header-css end..*/
    .breadcrumbs,
    .footer.content {
        max-width: 1440px !important;
    }

    /* Cart Page Style Here */

    .checkout-cart-index .cart.table-wrapper .item .col.item {
        padding: 20px 0;
        position: relative;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-details {
        width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .testimonials-slider .block-content {
        width: calc(100% - 34%);
    }

    .testimonials-slider .block-content-image {
        width: 30%;
        margin-right: 20px;
    }

    body .page-header .panel.header {
        justify-content: start;
        flex-wrap: wrap;
    }

    body,
    .page-footer {
        font-size: 14px;
    }

    h2 {
        font-size: 30px;
    }

    /*..banner-section*/
    .testimonials-content .container {
        width: calc(100% - 340px);
    }

    .page-products .columns {
        padding-bottom: 400px;
    }

    .shop-banner-image {
        height: 400px;
    }

    .shop-banner-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .shop-content {
        padding: 0 20px;
    }

    .favourite-meal-title>strong,
    .favourite-meal-title h2,
    .why-yolo-foods h1,
    .mpinstagramfeed-header h1,
    .categoryhome-title>strong,
    .sparsh-testimonial-buttons h1,
    #ajaxlist-reload-product_list h1,
    .testimonials-slider .content-heading h2,
    .sparsh-testimonials-block .content-heading h2,
    .checkout-cart-index .cart.table-wrapper h1,
    .cart-summary>.title {
        line-height: 30px;
        font-size: 26px;
    }

    .meal-plan-category-box .meal-category-top-box {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        max-width: 960px;
        width: 94%;
        margin: 0 auto;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys,
    .meal-plan-category-box .meal-category-top-box form {
        display: inline-block;
        margin-bottom: 10px;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys a,
    .meal-plan-category-box .meal-category-top-box form[data-role="tocart-form"] .action.tocart.primary {
        white-space: normal;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys h4.meal-hover-content,
    .hover-product-content-btn,
    .meal-plan-category-box .meal-category-top-box .meal-categorys:hover h4,
    .meal-plan-category-box .meal-category-top-box form[data-role="tocart-form"]:hover .product-content-btn {
        display: block;
    }

    .hover-product-content-btn {
        padding-top: 14px;
    }

    .testimonials-slider .sparsh-testimonials-content-block {
        min-height: 320px;
    }

    .mpblog-post-index.page-layout-2columns-right .column.main,
    .mpblog-category-view.page-layout-2columns-right .column.main,
    .mpblog-post-view.page-layout-2columns-right .column.main {
        padding-bottom: 40px;
    }

    #blog-post-slider {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 991px) {
    .block-blog-title h1 {
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 10px;
    }

    .block-blog-title p {
        font-size: 20px;
        line-height: 24px;
    }

    .category-blog-list .block-content .category-item .list-categories {
        padding: 15px 0;
        margin: 0 10px;
    }

    body header .navigation ul {
        justify-content: flex-end;
    }

    .searchandcart {
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
    }

    body .page-header .panel.header .nav-menu {
        width: calc(100% - 195px);
        margin: 0px 0px 0px 20px;
    }

    .meal-plan-category-box .meal-category-top-box form button {
        margin-bottom: 10px;
    }

    body.page-products .products-grid .product-item {
        width: calc((100%) / 2);
    }

    .page-products .product-item-info {
        width: 100%;
    }

    .special-categories .categoryhome-listing-text {
        padding: 15px 15px 30px;
    }

    .special-categories {
        margin: 0 auto 45px;
    }

    .special-categories .categoryhome-listing-text .cat-name {
        font-size: 22px;
    }

    body #banner-slider-carousel .banner-title,
    .category-description h1,
    .testimonials-slider .content-heading h2,
    .logo-list h2,
    .goodfood-data h3,
    .sparsh-testimonial-buttons h1,
    .favourite-meal-title>strong,
    .why-yolo-foods h1,
    .mpinstagramfeed-header h1,
    .categoryhome-title>strong {
        font-size: 24px;
    }

    .favourite-meal {
        padding: 30px 0px;
    }

    .favourite-meal-title {
        margin-bottom: 20px;
    }

    .why-yolo-foods {
        padding: 30px 20px;
    }

    .insta-feed {
        padding: 30px 0px;
        margin-top: 40px;
    }

    .sparsh-testimonials-block {
        padding: 40px 20px;
    }

    .catalog-product-view .column.main .product-info-main .specification-container span {
        margin-bottom: 5px;
    }

    .catalog-product-view .column.main .product-info-main .product-add-form #product_addtocart_form {
        margin-bottom: 20px;
    }

    .catalog-product-view .sparsh-testimonials-block .title {
        font-size: 24px;
    }

    .category-aboutus .team-container .AblockThird-box .AblockThird-Content .AblockThird-content {
        font-size: 15px;
        line-height: 22px;
    }

    .category-aboutus .team-container .AblockThird-box .AblockThird-Content {
        padding: 0px 20px 0px 20px;
    }

    .category-aboutus .team-container .AblockSecond-box .content-box {
        padding: 25px 20px;
    }

    .category-aboutus .aboutusblock1-box p {
        font-size: 22px;
    }

    .category-aboutus .about-us-banner-box .about-banner-content h2 {
        font-size: 35px;
    }

    .category-meal-plan .category-view .up-Apart-box ul li {
        width: 30%;
        margin: 0px 10px 20px;
    }

    .category-meal-plan .category-view .category-description .meal-banner .meal-banner-content p {
        font-size: 20px;
    }

    .category-meal-plan .category-view .up-Apart-box ul {
        justify-content: center;
    }

    .category-meal-plan .chat-now-box .meal-category .info .meal-content-box h4 {
        font-size: 26px;
    }

    .category-meal-plan .meal-plan-chat-section h5,
    .category-meal-plan .bottom-faq-section .group-title,
    .category-meal-plan .chat-now-box .wp-block-preformatted h3,
    .category-meal-plan .category-view .up-Apart-box h1,
    .category-aboutus .aboutusblock2-box .Ablock2-heading,
    .category-aboutus .apart-container>div .content-box h2,
    .category-aboutus .team-container .AblockThird-box .AblockThird-Content h2 {
        font-size: 28px;
    }

    .checkout-cart-index .cart-summary {
        width: 100%;
        margin-bottom: 30px;
        float: none;
    }

    .checkout-cart-index .cart-container .form-cart {
        float: none;
        position: relative;
        width: 100%;
        clear: both;
    }

    /*.category-blog-box {
		max-width: 550px;
		width: 100%;
	}*/
    .profile-logout-btn a {
        margin-top: 15px;
    }

    .common-header-section .name_div {
        font-size: 30px;
    }

    .profile_welcome_div span {
        font-size: 16px;
    }

    .categorypath-get-started .getstarted .getstarted-title h2 {
        font-size: 22px;
    }

    .categorypath-get-started .getstarted .getstarted-bg2-image {
        max-width: 210px;
    }

    .activity.getstartfield-6 .control>div label {
        font-size: 16px !important;
    }

    .getstartfield-7 .control>div label {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    .loyalty_btm_main_content .loyalty_btm_img .loyalty_btm_content p {
        margin: 10px auto;
        max-width: 380px;
    }

    .loyalty-index-loyalty .content_image_text h3 {
        font-size: 24px;
    }

    .loyalty-index-loyalty .faq {
        background-color: #f2edde;
        padding: 40px 0px;
    }

    .one-step-checkout-wrapper .mp-4 .minicart-items-wrapper .product-image-container {
        min-width: 70px !important;
    }

    .loyalty_banner_image .ctn_btn h2 {
        font-size: 35px;
    }

    .loyalty_banner_image .ctn_btn p {
        font-size: 18px;
        margin: 5px 0px 10px;
    }

    .loyalty_banner_image .ctn_btn .banner_btn .btn {
        min-width: 120px;
    }

    .loyalty-index-loyalty .content_image_text {
        padding: 40px 15px 40px;
    }

    .loyalty-index-loyalty .content_image_text .ctn_image_text li h3 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .loyalty-index-loyalty .mid_content_img {
        background-color: #003726;
        padding: 40px 15px 40px;
    }

    .loyalty-index-loyalty .exclusive {
        padding: 40px 15px 20px;
    }

    .loyalty-index-loyalty .mid_content ul.sub_mid_content li {
        width: 50%;
        padding: 0px 15px;
    }

    .loyalty-index-loyalty .mid_content h3 {
        font-size: 24px;
        margin: 0px 0px 5px;
    }

    .loyalty-index-loyalty .content_image_text .ctn_image_text {
        margin: 35px auto 0px;
        flex-wrap: wrap;
    }

    .loyalty-index-loyalty .exclusive h3 {
        font-size: 24px;
    }

    .loyalty-index-loyalty .mid_content {
        background-color: #c0cdc8;
        padding: 40px 15px 20px;
    }

    .loyalty_btm_main_content .loyalty_btm_img .loyalty_btm_content .btn {
        min-width: 130px;
    }

    .loyalty_btm_main_content {
        margin: 40px auto 0px;
    }

    .loyalty_btm_main_content .loyalty_btm_img .loyalty_btm_content h3 {
        font-size: 24px;
    }

    .loyalty-index-loyalty .mid_content_img h3 {
        font-size: 28px;
    }

    .loyalty-index-loyalty .content_image_text .ctn_image_text li {
        width: 50%;
        padding: 0px 10px;
        margin-bottom: 30px;
    }

    #checkout-review-table td.a-left.product {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    #checkout-review-table {
        min-width: 480px;
    }

    #checkout-review-table th.a-center {
        text-align: left;
    }

    .modal-popup.modal-slide {
        left: 20px;
        right: 20px;
    }

    .category-blog-box {
        position: relative;
        padding-top: 30px;
    }

    div#blog-post-slider {
        padding-right: 0px;
        order: 0;
    }

    .mpblog-post-index .post-list-content,
    .mpblog-category-view .post-list-content {
        display: flex;
        flex-direction: column;
        padding-bottom: 0px;
    }

    .div-blog-content h1 {
        padding: 0 0 5px;
        font-size: 30px;
        margin-bottom: 0px;
    }

    .div-blog-content p {
        font-size: 18px;
    }

    .activity.getstartfield-6 .control>div {
        width: 48%;
        margin: 0px 5px 10px;
    }

    .getstarted-index-view .column.main #singsys-getstarted-form input::placeholder {
        font-size: 20px;
    }

    .getstartfield-7 .control>div label {
        font-size: 18px !important;
        padding: 0px 10px;
    }

    .activity.getstartfield-6 .control>div label {
        font-size: 14px !important;
        padding: 20px 5px;
    }

    .customer-account-index .modal-popup.modal-slide .modal-inner-wrap,
    .modal-popup.modal-slide .modal-inner-wrap[class] {
        height: auto !important;
        max-height: max-content !important;
        min-height: auto;
        padding-top: 40px;
        margin-top: 20px;
    }

    .profilecustomer-index-purchasesdata .purchases-contaner table th:last-child,
    .profilecustomer-index-purchasesdata .purchases-contaner table td:last-child {
        text-align: right;
        padding-right: 10px;
    }

    div#popup-dirlycancel {
        padding-top: 50px;
    }

    .profile_content_data .box-content .meal-plan-div {
        width: 45%;
    }

    .bannerslider-index-slide #contact-form {
        padding-bottom: 40px;
    }

    .care_section .content_box .content-detail p {
        font-size: 18px;
    }

    .care_section .content_box .content-detail h4 {
        font-size: 26px;
    }

    .bannerslider-index-slide .brand_img {
        padding: 30px 0px;
    }

    .corporate_card {
        padding: 40px 15px 10px;
    }

    .corporate_gallary_section {
        padding: 50px 40px 80px;
    }

    .corporate_card_section ul {
        flex-wrap: wrap;
    }

    .corporate_card_section ul li {
        width: 33%;
    }

    .corporate_image_upper .corporate_content_upper {
        top: 10%;
        padding: 0px 15px;
        max-width: 510px;
    }

    .corporate_image_upper .corporate_content_upper p {
        font-size: 22px;
    }

    .corporate_image_upper p img {
        min-height: 370px;
    }

    .corporate_card_section {
        padding: 30px 0px;
    }

    .corporate_image_corausel {
        margin: -15% auto 0px;
        padding: 0px 15px 20px;
    }

    .bannerslider-index-slide .corporate_upper_image .corporate_upper_content h3 {
        font-size: 20px;
    }

    .bannerslider-index-slide .corporate_upper_image .corporate_upper_content p {
        font-size: 18px;
    }

    .corporate_gallary_section ul li img {
        object-fit: cover;
    }

    .corporate_gallary_section ul li:last-child {
        padding: 10px;
        font-size: 15px;
    }

    .corporate_image_corausel .carousel-container .banner-slider .item-image {
        height: auto;
    }

    span.coporate_card_icon {
        display: none;
    }

    .corporate_gallary_section {
        padding: 20px 0px 20px;
    }

    .corporate_card .coporate_card_section_1,
    .corporate_card .corporate_card_section {
        min-height: auto;
    }

    .corporate_card>div h3 {
        font-size: 26px;
        margin: 10px 0px;
        min-height: 57px;
    }

    .bannerslider-index-slide .form_section p {
        font-size: 26px;
        padding-top: 0px;
    }

    .category-image .image {
        min-height: 245px;
        object-fit: cover;
    }

    #ajaxlist-reload-product_list {
        margin-top: 30px;
    }

    .page-products .columns .column.main {
        width: 100%;
        max-width: 100%;
    }

    body #banner-slider-carousel .banner-title,
    .category-description h1 {
        font-size: 35px;
    }

    #banner-slider-carousel .owl-item img {
        min-height: 240px;
        object-fit: cover;
    }

    .banner-text,
    .category-description h3 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .promo-notice {
        font-size: 12px;
        padding: 10px 10px 10px 40px;
    }

    .nav-toggle {
        top: 6px;
        display: block !important;
        left: 10px;
    }

    .navigation .level0>.level-top {
        padding: 8px 40px 8px 20px;
        font-size: 14px;
    }

    .contact_us_page {
        display: block;
    }

    div#malaysia-store-contact {
        padding-left: 20px;
        padding-top: 30px;
    }

    body .page-header .panel.header {
        align-items: center;
    }

    body header .navigation .level0 {
        margin: 0px;
    }

    .page-header {
        position: relative;
        margin-bottom: 0px;
    }

    .nav-open .page-wrapper {
        left: 0;
    }

    .nav-sections,
    .nav-open .nav-toggle::after,
    .ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        display: none;
    }

    .nav-toggle::before {
        color: #fff !important;
        font-size: 18px;
    }

    .ui-menu.ui-widget.ui-widget-content.ui-corner-all.toggle-menu {
        display: block;
        position: absolute;
        top: 100%;
        background: linear-gradient(90deg, #133526 0%, #053825 100%);
        left: 0px;
        right: 0px;
        height: auto;
        transition: 0.3s ease all;
        padding: 0;
        z-index: 2;
        width: 100%;
    }

    .navigation .level0.active>a:not(.ui-state-active) span:not(.ui-menu-icon),
    .navigation .level0.has-active>a:not(.ui-state-active) span:not(.ui-menu-icon) {
        margin: 0px;
    }

    body .page-header .panel.header .nav-menu {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 9;
        margin: 0;
    }

    #search-btn {
        top: -11px;
        right: 0;
    }

    .searchandcart .header.links {
        display: block;
        margin: 0px 10px;
    }

    .minicart-wrapper .action.showcart::before {
        top: 0px;
    }

    .link.authorization-link a::before {
        top: 8px;
    }

    body .page-header .panel.header {
        justify-content: space-between;
    }

    div#custom-search {
        top: 0;
    }

    .search-autocomplete {
        margin-top: 0;
    }

    .logo {
        margin: 0px;
        max-width: 78%;
    }

    .block-search .label {
        display: none;
    }

    .block-search .control {
        border-top: none;
    }

    .searchandcart {
        width: 50%;
        margin-top: 0px;
        align-items: center;
    }

    body header .navigation ul {
        display: block;
    }

    /*.goodfood-data p {
		line-height: 28px;
		max-height: 84px;
	}*/

    .logo-list p img {
        max-width: 70px;
        margin: 0px 8px;
    }

    .logo-list,
    .goodfood-data {
        left: 16px;
        right: 16px;
    }

    .logo-list h2,
    .goodfood-data h3 {
        padding: 0px;
        margin: 0 auto 20px;
    }

    .logo-list h2 {
        padding: 0px 30px;
    }

    .goodfood-block {
        margin-top: 30px;
    }

    .logo-block>img,
    .goodfood-image img {
        min-height: 380px;
    }

    /*.logo-list,
	.goodfood-data {
		top: 17%;
	}*/

    .mpinstagramfeed-container .mpinstagramfeed-photo {
        max-width: calc(33.3% - 20px);
        flex: 33.3%;
    }

    .favourite-meal strong a {
        padding: 5px 32px;
        font-size: 14px;
    }

    body,
    .favourite-meal-title>small,
    .why-yolo-foods p,
    .mpinstagramfeed-header p,
    .special-categories .cat-descripton,
    .sparsh-testimonial-buttons span {
        font-size: 14px;
    }

    .special-categories .list-item .categoryhome-repeat-list {
        max-width: calc(50% - 20px);
        flex: 50%;
    }

    .why-yolo-foods ul {
        margin-bottom: 0px;
    }

    /*..footer-section*/
    .social-links img {
        margin: 0px 12px;
    }

    .copy-right {
        display: block;
    }

    .copy-right .rights img {
        margin-right: 10px;
    }

    .Payment p {
        margin-bottom: 10px;
    }

    .copy-right .rights,
    .Payment p {
        justify-content: center;
    }

    .Payment {
        width: 100%;
        margin-bottom: 10px;
    }

    .block.newsletter>label {
        font-size: 18px;
        margin-bottom: 13px;
    }

    body .footer.content {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        display: flex;
        padding: 30px 20px;
    }

    body .block.newsletter {
        text-align: center;
        max-width: 280px;
        order: 4;
        margin: 20px 0px 0px;
    }

    body .footer.content>p {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer.content .menu2 {
        width: 35%;
    }

    .social-links {
        margin: 20px auto;
        max-width: 100%;
        width: 100%;
        justify-content: center;
        position: relative;
        bottom: auto;
        right: auto;
    }

    .footer.content .menu1 {
        padding-right: 0px;
        margin-top: 0px;
        width: 35%;
    }

    .footer.content ul {
        text-align: center;
        width: 100%;
    }

    .footer-logo {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }

    /*end*/
    .testimonials-content {
        display: block;
    }

    .testimonial_img {
        width: auto;
        margin: 0 auto;
        max-width: 80%;
    }

    .testimonials-content .container {
        width: 100%;
        margin-top: 20px;
        max-width: 100%;
        padding: 0 20px;
    }

    .testimonials-slider .sparsh-testimonials-content-block {
        margin: 0 14px 10px;
        min-height: inherit;
    }

    .page-products .columns {
        padding-bottom: 350px;
    }

    .page-products .toolbar .limiter {
        display: block;
    }

    .shop-banner-image {
        height: 350px;
    }

    .shop-banner-title {
        font-size: 24px;
        line-height: 36px;
    }

    .cart-summary {
        width: 100%;
        margin-top: 40px;
    }

    .catalog-product-view .column.main .product-info-main {
        width: 100%;
    }

    .catalog-product-view .column.main .product.media {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 30px;
    }

    .catalog-product-view .sparsh-testimonials-block {
        padding: 50px 0px 30px;
    }

    .catalog-product-view .sparsh-testimonials-block .sparsh-testimonial-buttons {
        margin-bottom: 0px;
    }

    .catalog-product-view .column.main .product-info-main .page-title-wrapper .page-title {
        font-size: 24px;
    }

    .catalog-product-view .sparsh-testimonials-block .testimonials-content .owl-nav .owl-prev {
        left: -30px;
    }

    .catalog-product-view .sparsh-testimonials-block .testimonials-content .owl-nav .owl-next {
        right: -30px;
    }

    .catalog-product-view .sparsh-testimonials-block .testimonials-content {
        padding: 0px 30px;
    }

    .product-info-main-media {
        display: flex;
        flex-direction: column;
    }

    .faq-banner-box .faq-banner-content h1 {
        margin-bottom: 15px;
        font-size: 28px;
    }

    .faq-banner-box .faq-banner-content p {
        max-width: 400px;
        margin: 0 auto;
    }

    .faq-banner-box .faq-banner-content p a {
        min-width: 110px;
    }

    .faq-banner-box .faq-banner-content+p img {
        min-height: 200px;
        object-fit: cover;
    }

    .mageprince-faq-collection .faq-groups .faq-group {
        width: 29%;
        margin-bottom: 20px !important;
    }

    .faq-banner-box+h1 {
        font-size: 24px;
        padding: 20px 0px 0px;
    }

    .mageprince-faq-collection .faq-groups {
        padding-bottom: 30px;
    }

    #faq-content .group-title {
        font-size: 24px;
        padding: 0px 20px;
        margin: 0 auto 24px;
    }

    #faq-content .faq-accordion {
        margin: 0 auto 40px;
    }

    #faq-content #group7,
    #faq-content #group9 {
        margin-bottom: 40px;
        padding: 30px 0px;
    }

    .faq-chat-box {
        margin: 40px 20px;
        padding: 30px 20px;
    }

    .faq-chat-box p:first-child {
        font-size: 24px;
    }

    .checkout-cart-index .cart-summary {
        padding: 25px;
        width: 100%;
    }

    .favourite-meal-title>strong,
    .favourite-meal-title h2,
    .why-yolo-foods h1,
    .mpinstagramfeed-header h1,
    .categoryhome-title>strong,
    .sparsh-testimonial-buttons h1,
    #ajaxlist-reload-product_list h1,
    .testimonials-slider .content-heading h2,
    .sparsh-testimonials-block .content-heading h2,
    .checkout-cart-index .cart.table-wrapper h1,
    .cart-summary>.title {
        line-height: 28px;
        font-size: 24px;
    }

    .checkout-cart-index table>tbody>tr>td:first-child {
        padding-left: 80px;
        min-height: 90px;
    }

    .category-aboutus .aboutusblock2-box {
        padding: 40px 15px 40px;
    }

    .category-aboutus .apart-container {
        padding: 20px 15px 50px;
    }

    .category-aboutus .apart-container>div {
        margin: 0 auto 30px;
        padding-bottom: 30px;
        flex-wrap: wrap;
    }

    .category-aboutus .apart-container>div .content-box {
        order: 1;
        padding-top: 30px;
        padding-right: 0px;
    }

    .category-aboutus .apart-container>div>div {
        width: 100%;
    }

    .category-aboutus .apart-container .apart-box-4 .content-box,
    .category-aboutus .apart-container .apart-box-2 .content-box {
        padding-left: 0;
        padding-right: 0px;
    }

    .category-aboutus .team-container .AblockSecond-box {
        flex-wrap: wrap;
        padding: 50px 15px;
    }

    .category-aboutus .team-container .AblockSecond-box .content-box {
        width: 100%;
        order: 1;
        border-radius: 0;
    }

    .category-aboutus .team-container .AblockSecond-box .AblockSecond-image {
        width: 100%;
        text-align: center;
    }

    .category-aboutus .team-container .AblockSecond-box .AblockSecond-image img {
        width: 100%;
        display: block;
    }

    .category-aboutus .our-team-section {
        padding: 40px 15px;
    }

    .category-aboutus .our-team-section>div {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .category-aboutus .our-team-section>div>div {
        width: 100%;
    }

    .category-aboutus .our-team-section .content-box {
        padding-right: 0px;
        order: 1;
        padding-top: 30px;
    }

    .category-aboutus .our-team-section>div .img-box {
        text-align: center;
    }

    .category-aboutus .our-team-section .our-team-box-2 .content-box,
    .category-aboutus .our-team-section .our-team-box-4 .content-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .category-aboutus .team-container .AblockThird-box {
        padding-top: 50px;
        flex-wrap: wrap;
    }

    .category-aboutus .team-container .AblockThird-box .AblockThird-Content {
        width: 100%;
        padding: 20px;
        order: 1;
    }

    .category-aboutus .team-container .AblockThird-box .AblockThird-image {
        width: 100%;
    }

    .category-meal-plan .category-view .up-Apart-box {
        padding: 40px 15px;
    }

    .category-meal-plan .category-view .up-Apart-box ul {
        padding: 20px 15px 20px;
    }

    .category-meal-plan .category-view .up-Apart-box ul li {
        width: 46%;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category {
        width: 100%;
        margin: 10px 0px;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info .meal-image-box {
        text-align: right;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info .meal-image-box img {
        height: auto;
    }

    .category-meal-plan .meal-plan-chat-section {
        padding: 40px 15px;
    }

    .category-meal-plan .bottom-faq-section {
        background-color: #f2edde;
        padding: 40px 15px 20px;
    }

    .category-meal-plan .bottom-faq-section ul {
        column-count: 2;
        column-gap: 30px;
    }

    .category-meal-plan .category-view .category-description .meal-banner .meal-banner-content p {
        font-size: 16px;
    }

    .category-meal-plan .category-view .category-description .meal-banner img {
        min-height: 200px;
        object-fit: cover;
    }

    .minicart-wrapper .block-minicart {
        margin: 0px;
    }

    .category-meal-plan .bottom-faq-section ul li {
        width: 46%;
    }

    .hit-me .mageprince-faq-collection .category-detail-faq {
        display: block !important;
    }

    .hit-me .mageprince-faq-collection .category-detail-faq>div {
        width: 100% !important;
    }

    .hit-me .mageprince-faq-collection .category-detail-faq .faq-group {
        padding-left: 0 !important;
        padding-bottom: 20px;
    }

    .hit-me .mageprince-faq-collection .category-detail-faq #faq-content {
        padding-right: 0 !important;
    }

    .select-bar-activity .category-list-container .title {
        font-size: 12px !important;
    }

    .select-bar-activity {
        padding: 34px 0 0 !important;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        width: 94%;
        margin: 0 auto;
    }

    .select-bar-activity .category-list-container {
        padding: 0 10px;
        max-width: 130px;
        position: relative;
        display: inline-block;
    }

    body[class*="categorypath-meal-plan-"] .header-section .header-content-box h4.product-action {
        font-size: 24px;
    }

    .meal-plan-category-box .header-section .banner-image img {
        height: 690px;
    }

    .meal-plan-category-box .meal-category-top-box form button span:first-child {
        font-size: 24px;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys,
    .meal-plan-category-box .meal-category-top-box form {
        margin: 5px;
        padding: 16px;
        max-width: 340px;
        min-height: 170px;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys h4,
    .product-content-btn div:first-child,
    .hover-product-content-btn div:first-child {
        font-size: 26px;
        line-height: 34px;
        margin: 0;
    }

    .meal-plan-category-box .meal-category-top-box .meal-categorys h4.meal-hover-content,
    .product-content-btn div:last-child,
    .hover-product-content-btn div:last-child {
        font-size: 13px;
        line-height: 20px;
        padding-top: 10px;
    }

    .image-detail-not-subscribed>div {
        width: 50%;
    }

    .profile_content_data {
        padding: 0px 20px 40px;
    }

    .nosubscription-container-div .nosubscription-details-content>div {
        font-size: 12px;
    }

    .profile-tab-content {
        padding-bottom: 0px;
        margin-bottom: 30px;
        overflow: auto;
        padding-top: 10px;
        white-space: nowrap;
    }

    .profile-tab-content>div {
        max-width: unset;
        min-width: 150px;
        margin-right: 10px;
    }

    .profile-tab-content>div a {
        white-space: normal;
        font-size: 12px;
    }

    .Profile-Chat-section-title {
        font-size: 24px;
        padding-bottom: 0;
    }

    .Profile-Chat-Section {
        padding: 40px 15px 40px;
        width: 100%;
    }

    .common-profile-content {
        margin: 40px auto 0;
    }

    .mealCalenderFooteraction {
        display: block;
        text-align: center;
    }

    .mealCalenderFooteraction .colorIndication {
        padding: 15px 0px;
    }

    .profile_content_data .box-content .meal-plan-div .meal-all-content {
        padding: 0px 0px 45px 0px;
        width: 100%;
        z-index: 9;
    }

    .profile_content_data .box-content .meal-plan-div .meal-page-img {
        width: 40%;
        position: absolute;
        right: 0px;
        height: 100%;
        top: 0px;
    }

    .profile_content_data .box-content .meal-plan-div .meal-all-content .RemainingDays {
        margin-top: 5px;
    }

    .profile_content_data .box-content .meal-plan-div .meal-all-content .MealName {
        font-size: 13px;
    }

    .product-action-links {
        padding-left: 20px;
    }

    .profilecustomer-index-purchasesdata .product-content-div table {
        min-width: 560px;
    }

    .profilecustomer-index-purchasesdata .product-content-div .table-responsive {
        overflow: auto;
    }

    .profile_content_data .box-content .meal-plan-div::before {
        content: "";
        position: absolute;
        background-color: #000;
        opacity: 20%;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
        border-radius: 8px;
    }

    .expired-content h1 {
        font-size: 24px;
    }

    .profile_content_data .panel .expired-content table {
        min-width: 560px;
    }

    .profile_content_data .panel .expired-content .table-responsive {
        overflow: auto;
    }

    .nosubscription-container-div .nosubscription-slider-part .info-nosubscription .meal-content-box-nosubscription {
        width: 100%;
    }

    .common-header-section .name_div {
        font-size: 26px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info:before {
        content: "";
        position: absolute;
        background-color: #000;
        opacity: 20%;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
        border-radius: 8px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info .meal-image-box {
        width: auto;
        text-align: right;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info {
        position: relative;
        padding: 25px 110px 25px 15px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info .meal-image-box img {
        height: 100%;
        object-fit: contain;
        min-height: auto;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info .meal-content-box {
        padding: 0px 0px 41px;
        width: 100%;
    }

    .getstarted-index-mealplanview .page-main .column.main {
        padding: 50px 20px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category .info .meal-content-box h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 598px) {
    .search-autocomplete {
        margin-left: 20px;
    }

    .logo {
        max-width: 58%;
    }

    .searchandcart {
        /*width: 39%;*/
    }

    .minicart-wrapper {
        margin-top: 0px;
    }

    form#search_mini_form {
        width: 108px;
    }

    #search-btn {
        top: -14px;
    }

    div#custom-search {
        top: 0;
    }

    .search-autocomplete {
        margin-top: 0;
    }

    .link.authorization-link a:before {
        top: 8px;
    }

    .searchandcart .header.links {
        margin: 0px 5px;
    }

    body .sparsh-testimonials-block .sparsh-testimonials-content-outer .sparsh-testimonials-content-block {
        margin: 10px;
    }

    .modal-popup.modal-slide {
        left: 0;
        z-index: 900;
        right: 0;
        width: 94%;
        margin: 14px auto;
    }

    .modal-popup .product-quickview iframe {
        height: 500px !important;
    }

    .modal-popup.modal-slide .modal-inner-wrap,
    .modal-popup.modal-slide .modal-inner-wrap[class] {
        background-color: #ffffff !important;
        margin: 0;
        max-height: 100%;
        height: 100%;
        overflow: unset;
    }

    .quickview-popup-override.catalog-product-view .column.main .product.media {
        padding-left: 0px;
    }

    .quickview-popup-override.catalog-product-view .column.main .product.media .gallery-media-images {
        max-width: 100%;
        float: none;
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
    }

    .quickview-popup-override.catalog-product-view .column.main .product.media .gallery-media-images ._block-content-loading {
        position: relative;
        display: inline-block;
        width: 50%;
    }

    .customer-address-form .form-address-edit .fieldset {
        float: none;
        width: 100%;
    }

    .customer-address-form .form-address-edit .fieldset:first-child {
        float: none;
    }

    .block-search input {
        margin-left: 21px !important;
    }
}

@media screen and (max-width: 576px) {
    .loyalty_btm_main_content {
        padding: 10px 10px;
        min-height: 180px;
        position: relative;
    }

    .loyalty_btm_main_content .loyalty_btm_img {
        position: static;
        text-align: center;
    }

    .loyalty_banner_image img {
        display: block;
        min-height: 170px;
        object-fit: cover;
    }

    .loyalty-index-loyalty .exclusive ul.exclusive_rewards li {
        width: 50%;
    }

    .loyalty_banner_image .ctn_btn h2 {
        font-size: 26px;
        margin-bottom: 0px;
    }

    .category-meal-plan .chat-now-box .meal-category .info .meal-content-box {
        padding: 0px 0px;
        width: 100%;
    }

    .corporate_image_corausel .carousel-container .owl-stage-outer .banner-text {
        font-size: 20px;
    }

    .corporate_image_corausel .carousel-container {
        padding: 0px 35px;
    }

    .corporate_image_corausel .carousel-container .owl-nav .owl-prev {
        left: -35px !important;
    }

    .corporate_image_corausel .carousel-container .owl-nav .owl-next {
        right: -35px !important;
    }

    .corporate_image_upper .corporate_content_upper p {
        font-size: 16px;
    }

    body.page-products .products-grid .product-item {
        width: 100%;
    }

    .mageprince-faq-collection .faq-groups .faq-group {
        width: 44%;
    }

    .category-aboutus .aboutusblock1-box p {
        position: unset;
        transform: unset;
        padding: 20px 15px 0px;
        max-width: 100%;
        font-size: 20px;
    }

    .category-aboutus .about-us-banner-box .about-banner-content h2 {
        font-size: 24px;
    }

    .category-aboutus .about-us-banner-box .about-banner-content {
        padding: 0px 15px;
    }

    .category-meal-plan .category-view .up-Apart-box ul li {
        width: 100%;
        margin: 0px 0px 20px;
    }

    .getstarted-index-mealplanview .meal-category-top-box .meal-category {
        width: 100%;
    }

    .category-meal-plan .chat-now-box .meal-category .info .meal-content-box .link {
        position: unset;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category {
        width: 100%;
        margin: 10px 0px;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info .meal-image-box {
        width: auto;
        text-align: right;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        opacity: 30%;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info .meal-image-box img {
        height: 100%;
        object-fit: contain;
    }

    .category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info {
        padding: 25px 15px 25px 15px;
        position: relative;
    }

    /*.category-meal-plan .chat-now-box .meal-category-top-box .meal-category .info::before {
		content: '';
		position: absolute;
		background-color: #000;
		opacity: 20%;
		width: 100%;
		height: 100%;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
		border-radius: 8px;
	}*/

    .checkout-cart-index .cart-container .form-cart .action.continue {
        margin-top: -15px;
    }

    .hit-me .mageprince-faq-collection {
        padding: 30px 15px !important;
    }

    .meal-plan-category-box .header-banner-content {
        top: 50px !important;
    }

    .box-not.subscribe-heading {
        font-size: 24px;
    }

    .common-header-section {
        position: unset;
        transform: unset;
    }

    .profilecustomer-index-purchasesdata .product-content-div {
        display: block;
    }

    .profilecustomer-index-purchasesdata .product-action-links {
        padding-left: 0px !important;
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .common-profile-content .infoProfile-contaner .panel .panel-box-ctn {
        display: block;
    }

    .profile_content_data .panel .expired-content {
        display: block;
    }

    .expired-content .product-action-links {
        padding-left: 0px;
        padding-top: 20px;
    }

    .profilecustomer-index-planexpired .ex-all-over .ex-content-div h1 {
        font-size: 26px;
    }

    .corporate_gallary_section ul li:last-child {
        min-height: 200px;
        width: 100%;
    }

    .corporate_card {
        padding: 20px 15px 10px;
    }

    .corporate_card>div h3 {
        font-size: 18px;
    }

    .corporate_card {
        padding: 20px 15px 10px;
        display: block;
    }

    .corporate_gallary_section ul li {
        width: 50%;
    }

    .corporate_card>div {
        width: 100%;
        margin: 0px;
    }

    .corporate_card_section {
        margin-bottom: 15px !important;
    }

    .bannerslider-index-slide .brand_img ul li {
        width: 33%;
    }

    .bannerslider-index-slide #contact-form .fieldset {
        margin-bottom: 20px;
    }

    .care_section>div {
        width: 100%;
    }

    .care_section {
        flex-direction: column;
    }

    .care_section .content_box {
        order: 1;
    }

    .corporate_card>div h3 {
        min-height: auto;
    }

    .corporate_card_section ul li {
        width: 50%;
    }

    .corporate_card_section {
        padding: 20px 0px;
    }

    .corporate_image_upper p img {
        min-height: auto;
    }

    .corporate_image_corausel {
        margin: 0;
        padding: 30px 15px 20px;
    }

    .corporate_image_upper .corporate_content_upper {
        top: 50%;
        transform: translateY(-50%);
    }

    .corporate_image_corausel #banner-slider-carousel .owl-nav {
        opacity: 1;
    }

    .gender.getstartfield-2 .control label {
        min-height: 160px;
        font-size: 24px !important;
    }

    .gender.getstartfield-2 .control>div input {
        min-height: 160px;
    }

    .gender.getstartfield-2 .control>div {
        margin: 0px 5px 0px;
    }

    .activity.getstartfield-6 .control>div {
        width: 100%;
        margin: 0px 0px 10px;
    }

    .getstartfield-7 .control>div {
        margin: 0px 5px 0px;
    }

    .getstartfield-7 .control {
        flex-wrap: wrap;
    }

    .getstartfield-7 .control>div {
        margin: 0px 0px 15px;
    }

    .getstartfield-7 .control>div label {
        min-height: 100px;
    }

    .getstartfield-7 .control>div input {
        min-height: 100px;
        margin: 0px !important;
    }

    .category-blog-list {
        margin-bottom: 40px;
        white-space: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 480px) {
    .loyalty_btm_main_content .loyalty_btm_img .loyalty_btm_content .btn {
        min-width: 100px;
    }

    .loyalty-index-loyalty .content_image_text .ctn_image_text li {
        width: 100%;
        padding: 0px 0px;
    }

    .loyalty-index-loyalty .content_image_text .ctn_image_text li img {
        max-width: 140px;
        height: auto;
    }

    .loyalty-index-loyalty .mid_content_img ul.pro_image li img {
        max-width: 100px;
    }

    .loyalty-index-loyalty .mid_content_img ul.pro_image li.sub_pro_image+li {
        padding: 24px 15px 0px;
    }

    .loyalty-index-loyalty .mid_content ul.sub_mid_content li {
        width: 100%;
        padding: 0px;
    }

    .loyalty-index-loyalty .exclusive ul.exclusive_rewards li {
        width: 100%;
    }

    .loyalty_btm_main_content .loyalty_btm_img .loyalty_btm_content p {
        color: #003726;
        font-size: 13px;
        max-width: 240px;
        margin: 10px auto;
    }

    .profile_content_data .accordion-calander-tab #options_4_date .ui-datepicker-inline td::after {
        font-size: 0.6em;
    }

    .div-blog-content p {
        font-size: 12px;
        text-shadow: 0px 0px 15px #000000cc;
    }

    .div-blog-content h1 {
        font-size: 20px;
        text-shadow: 0px 0px 15px #000000cc;
    }

    .mealCalenderFooteraction .colorIndication span::before {
        top: 0px;
        width: 20px;
        height: 20px;
    }

    .mealCalenderFooteraction .colorIndication span {
        padding-left: 25px;
    }

    .banner-text,
    .category-description h3 {
        font-size: 15px;
        margin-top: 0px;
    }

    .categoryhome-repeat-list .cat-btn {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .special-categories .list-item .categoryhome-repeat-list {
        padding: 0px;
    }

    body #banner-slider-carousel .banner-title,
    .category-description h1,
    .testimonials-slider .content-heading h2,
    .logo-list h2,
    .goodfood-data h3,
    .sparsh-testimonial-buttons h1,
    .favourite-meal-title>strong,
    .why-yolo-foods h1,
    .mpinstagramfeed-header h1,
    .categoryhome-title>strong {
        font-size: 18px;
    }

    .logo-list h2,
    .goodfood-data h3 {
        line-height: 22px;
        margin-bottom: 5px;
    }

    .special-categories .categoryhome-listing-text .cat-name {
        font-size: 17px;
    }

    .special-categories .list-item .categoryhome-repeat-list {
        max-width: 100%;
        flex: 100%;
    }

    .why-yolo-foods ul li {
        flex: 50%;
        max-width: calc(50% - 30px);
    }

    .mpinstagramfeed-container .mpinstagramfeed-photo {
        max-width: calc(50% - 20px);
        flex: 50%;
    }

    /*..footer-section*/
    body .footer.content {
        justify-content: center;
        flex-wrap: wrap;
    }

    body .footer.content div {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .social-links p:first-child {
        margin-bottom: 10px;
    }

    body .footer.content div:last-child {
        margin-bottom: 0px;
    }

    .social-links p a {
        margin: 5px;
        display: inline-flex;
    }

    footer ul li {
        margin-bottom: 6px !important;
    }

    /*end*/
    .checkout-cart-index .cart.table-wrapper {
        padding: 20px 25px;
    }

    .checkout-cart-index .cart.table-wrapper .col.qty[data-th]::before,
    .checkout-cart-index .cart.table-wrapper .col.price[data-th]::before,
    .checkout-cart-index .cart.table-wrapper .col.subtotal[data-th]::before,
    .checkout-cart-index .cart.table-wrapper .col.msrp[data-th]::before {
        padding-bottom: 4px;
    }

    .checkout-cart-index table>tbody>tr>td.col {
        padding: 0 0 20px;
        display: block;
        float: none;
        width: 50%;
        text-align: left;
    }

    .checkout-cart-index table>tbody>tr>td:first-child {
        padding-left: 80px;
        min-height: 110px !important;
        width: 100% !important;
    }

    .cart.table-wrapper .col.price,
    .order-items.table-wrapper .col.price,
    .cart.table-wrapper .col.qty,
    .order-items.table-wrapper .col.qty,
    .cart.table-wrapper .col.subtotal,
    .order-items.table-wrapper .col.subtotal,
    .cart.table-wrapper .col.msrp,
    .order-items.table-wrapper .col.msrp {
        text-align: left;
        width: 100%;
        padding: 0 0 20px;
    }

    .category-meal-plan .bottom-faq-section ul {
        column-count: 1;
    }

    .faq-banner-box .faq-banner-content h1 {
        font-size: 20px;
    }

    .category-meal-plan .bottom-faq-section ul li {
        width: 100%;
    }

    .select-bar-activity {
        padding: 15px 0 0 !important;
    }

    .nosubscription-container-div .nosubscription-slider-part {
        width: 100%;
        padding-right: 0px;
    }

    .nosubscription-container-div .nosubscription-details-content {
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 20px;
    }

    .nosubscription-container-div {
        margin: 40px 0px 0px;
        flex-wrap: wrap;
    }

    .Profile-Chat-Section {
        display: block;
    }

    .Profile-Chat-Section>div {
        width: 100%;
        text-align: center;
    }

    .Profile-Chat-Section-Part {
        padding-left: 0;
        padding-top: 20px;
    }

    .profile_content_data .profile-meal-planpage {
        flex-wrap: wrap;
        margin: 0px;
    }

    .profile_content_data .box-content .meal-plan-div .meal-page-img img {
        height: 100%;
    }

    .profile_content_data .box-content .meal-plan-div {
        margin: 0px 0px 10px;
        width: 100%;
    }

    .common-profile-content .infoProfile-contaner .panel .form-edit-account .box-content .Proname>div,
    .profilecustomer-index-editprofiled .form-address-edit .Proname>div {
        margin-bottom: 15px;
        width: 100%;
    }

    .common-profile-content .infoProfile-contaner .panel .form-edit-account .box-content .Proname,
    .profilecustomer-index-editprofiled .form-address-edit .Proname {
        display: block;
        justify-content: space-between;
    }

    .common-profile-content .infoProfile-contaner .panel .box-actions .remove-address {
        padding-left: 10px;
    }

    .common-profile-content .infoProfile-contaner .panel .panel-box-ctn .box-actions .form-address-edit {
        padding-right: 10px;
    }

    .common-profile-content .infoProfile-contaner .panel .box-actions a.change-password {
        padding-left: 10px;
    }

    .profilecustomer-index-planexpired .ex-all-over {
        display: block;
    }

    .profilecustomer-index-planexpired .ex-all-over>div {
        width: 100%;
        text-align: center;
    }

    .ex-content-div {
        margin-top: 20px;
    }

    .bannerslider-index-slide .corporate_upper_image .corporate_upper_content h3 {
        font-size: 14px;
        margin: 0px;
    }

    .bannerslider-index-slide .corporate_upper_image .corporate_upper_content p {
        font-size: 12px;
    }

    .corporate_image_upper .corporate_content_upper p {
        font-size: 12px;
    }

    .corporate_card_section ul li {
        width: 100%;
        padding: 0;
    }

    .bannerslider-index-slide #contact-form .fieldset .field {
        width: 100%;
    }

    .care_section .content_box .content-detail h4 {
        font-size: 22px;
        margin: 0px;
    }

    .care_section .content_box .content-detail p {
        font-size: 14px;
    }

    .panel-data .box-content {
        width: 100%;
        max-width: 100%;
    }

    .getstarted-index-view .column.main {
        padding: 60px 20px;
    }
}

@media screen and (max-width: 380px) {

    .footer.content .menu1,
    .footer.content .menu2 {
        width: 100%;
    }

    .why-yolo-foods ul li {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 0px;
    }

    .catalog-product-view .column.main .product-info-main .page-title-wrapper {
        width: 100%;
        float: none;
    }

    .catalog-product-view .column.main .product-info-main .product-info-price {
        padding-top: 10px;
        padding-left: 0;
        float: none;
        width: 100%;
    }

    .product-macros {
        margin-bottom: 5px;
    }

    .catalog-product-view .column.main .product-info-main .product-add-form #product_addtocart_form {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }

    .mageprince-faq-collection .faq-groups .faq-group {
        margin: 0px;
        width: 100%;
    }

    .gender.getstartfield-2 .control label {
        min-height: 120px;
        font-size: 18px !important;
    }

    .gender.getstartfield-2 .control>div input {
        min-height: 120px;
    }
}

@media screen and (max-width: 340px) {
    .mpinstagramfeed-container .mpinstagramfeed-photo {
        max-width: 100%;
        flex: 100%;
    }

    .shop-banner-title {
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (max-width: 320px) {

    table#checkout-review-table .product-item .price,
    table#checkout-review-table .remove-wrapper {
        line-height: initial !important;
    }

    table#checkout-review-table .qty-wrapper .minus {
        margin-bottom: 0px !important;
    }

    table#checkout-review-table .qty-wrapper .plus {
        margin-top: 0px !important;
    }

    .qty-wrapper .qty-wrap .input-text.update {
        top: 0px !important;
    }

    .one-step-checkout-wrapper .mp-4 .minicart-items-wrapper .product-image-container {
        height: auto !important;
        max-height: unset !important;
        min-height: auto !important;
    }

    .one-step-checkout-wrapper .minicart-items-wrapper .product-item-detail .product-item-name {
        min-height: auto !important;
    }

    #checkout-review-table td.details-qty {
        white-space: nowrap;
    }
}