/* Responsive Side */
/* Responsive Side */

/* CSS for mobile devices */
@media (max-width: 767px) {
    .logo{
        width: 120px;
    }
    .btn.btn-success.home_sample_menu_button {
        width: 90% !important;
    }


    /* Loader */
    .text {
        font-size: 2rem; /* Adjust size as needed */
    }
    .icon-img{
        width: 35px;
        margin-top: 23px;
    }
    
    .pr {
        margin-right:-5px;
    }
    
    .pmeal {
        margin-left: -5px;
    }


    /* Sample Menu */
    .sample-menu-item {
        width: 50%;
    }
    .heading {
        height: 48px;
        width: 93%;
    }
    .heading h2 {
        font-size: 35px;
    }
    .heading p {
        font-size: 14px;
    }
    header .main-navbar {
        text-align: center;
        margin-top: 5px;
    }

    /* Slider Start */
    .carousel-item .slider-img{
        width: 100%;
        height: 200px;
        border-radius: 20px;
        object-fit: cover;
    }	
    /* Slider End */
    
    /* Meal Plans */
    .single-plan-items {
        width: 100%;
        padding: 6px;
    }
    .card {
        margin-top: 0;
    }
    .card img {
        height: 200px;
    }
    .starting-price {
        font-size: 11px;
    }
    p.card-text {
        font-size: 12px;
    }
    .card-title {
        margin-bottom: 5px;
        font-size: 17px;
    }

    .meal-plans-card-title{
        color: white !important;
        font-size: 17px;
    }
    .home_sample_menu_button {
        margin-top: 0;
        width: 74%;
        margin-bottom: 30px;
    }

    /* Benefits Section  */

    .elegant-benefits i {
        padding: 10px;
        font-size: 20px;
    }

    .elegant-benefits .benefit p {
        font-size: 10px;
    }
    .single-benefit {
        padding: 12px;
    }

    .elegant-benefits .benefit {
        border-radius: 10px;
        height: 118px;
        padding: 0px;
    }
    .number {
        font-size: 20px;
    }
    .highlight-discount {
        border-radius: 20px;
        width: 85% !important;
        font-size: 14px;
        margin: -10px auto !important;
    }


    /* How to works */

    .elegant-section {
        margin-top: 30px;
        padding: 40px 10px;
    }
    .elegant-step {
        padding: 10px;
    }

    .elegant-step .gif-img{
        width: 55%;
    }

    .elegant-step .title{
        margin: 0;
        padding: 0;
        font-size: 16px;
    }

    .elegant-step .description{
        font-size: 10px;
        padding: 0;
        margin: 0;
    }
    .single-step{
        padding: 12px;
    }


 

    /* testimonial */
    .testimonials-slider {
        margin-bottom: 42px;
        padding: 30px 0;
    }
    h2.section-heading {
        font-size: 24px;
    }
    p.section-subheading {
        font-size: 14px;
    }
    .testimonial .review {
        font-size: 15px;
    }
    .testimonial .reviewer {
        font-size: 15px;
        margin-bottom: 0;
    }
    .testimonial h4 {
        font-size: 17px;
        margin: 0;
    }

    /* newsletter */
    h2.newsletter-heading {
        color: white;
        font-size: 20px;
        font-weight: bold;
    }
    p.newsletter-subheading {
        color: white;
        font-size: 13px;
    }

    /* Sample Menu Page */
    .sample-menu-image {
        width: 100%;
    }

    /* Meal Plan Page */
    .choose {
        margin: 0;
    }
    .choose img {
        height: 300px;
    }
    .overlay-button {
        bottom: 10px;
        width: 90%;
    }
    .plan_suggestion_survey {
        margin-top: 30px;
        padding: 25px;
    }

    .how-it-works-heading{
        font-size: 26px;
    }
    .how-it-works-subheading{
        font-size: 14px;
    }

    /* Sample Menu Page */
    .sample-menu-image {
        width: 100%;
    }

    /* Plan Details Page */
    .meal_heading {
        font-size: 29px;
        margin-top: 50px !important;
    }
    .plan-details {
        margin-bottom: 40px;
    }
    .plan-details .btn-info {
        width: 49%;
    }
    .plan-details .btn-info2 {
        width: 49%;
    }
    .elegant-benefits .benefit {
        margin-bottom: 5px;
    }
    .single-benefit{
        width: 50%;
    }
    .elegant-benefits h1 {
        font-size: 30px;
    }
    .rounded-circle {
        border-radius: 40px !important;
        width: 100%;
    }

    /* Sample Menu Details Page */
    .sample-menu .meals-type .nav-item {
        width: 50%;
    }
    .single-nutration {
        width: 25%;
        padding: 0;
    }
    .single-sample-menu{
        width: 50%;
    }
    .sample-menu .tab-content {
        padding: 10px;
    }
    .nutrition-info span {
        font-size: 13px;
    }
    .nutrition-info p {
        font-size: 12px;
    }
    .vertical-text {
        top: 30px;
        left: -24px;
        font-size: 14px;
    }
    .customized-with {
        font-size: 13px;
        font-weight: bold;
    }
    
    .select-days .col-md-6{
        width: 50%;
    }
    
    .select-days .include-saturday {
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    /* Order Page */
    .select-addons button {
        font-size: 14px;
    }
    p.aKcal {
        margin-bottom: -10px;
    }
    p.aPrice {
        margin-bottom: 15px;
    }
    .single-meal-type{
        width: 50%;
    }
    .select-days{
        margin: 0 !important;
    }
    .plan-details .card-text {
        font-size: 14px;
    }
    .select-meal button {
        height: 67px;
        font-size: 14px;
    }

    .select-addons button {
        height: 67px;
    }
    .select-days button {
        height: 67px;
        padding: 11px;
    }
    .select-days .days_range {
        font-size: 11px;
        font-family: rubik;
    }

    .cutlery {
        margin-top: 18px;
    }
    .custom-radio label {
        font-size: 12px;
        text-align: center !important;
    }
    .single-meal-type-details1{
        width: 60%;
    }
    .single-meal-type-details2{
        width: 40%;
        padding-left: 0;
    }
    .order-summary .summary-item {
        font-size: 14px;
    }

    .checkout-title {
        font-size: 17px;
    }
    .include-saturday {
        margin: 0 !important;
    }
    .form-group {
        margin: 0;
    }
    .select-days-text {
        margin-top: 0 !important;
    }

    /* User Dashboard */
    table{
        font-size: 13px;
    }
    table th{
        font-size: 12px;
    }
    .dropdown .dropdown-toggle{
        font-size: 13px;
    }
    .fifty-percent{
        width: 50%;
    }

    .sticky-col {
        position: relative;
    }

    .day-date {
        font-size: 10px;
    }
    .menu-customize-title{
        width: 75%;
    }
    .col-md-4.menu-customize-download {
        float: left;
        width: 25%;
        margin-top: 25px;
    }
}

/* CSS for smaller mobile */
@media (max-width: 380px) {

    /* Footer */
    footer h5{
        font-size: 15px;
    }
    footer p, a {
        font-size: 11px;
    }

    footer .we-accept img{
        width: 40px;
    }
    footer .social-media i {
        font-size: 17px;
    }

    /* Home Page */
    .button-lg {
        padding: 13px 28px !important;
    }
    .elegant-step .title {
        font-size: 15px;
    }
    h2.newsletter-heading {
        font-size: 17px;
    }
    .card-title {
        margin-bottom: 2px;
        font-size: 15px;
    }
    .elegant-benefits h1 {
        font-size: 25px;
    }
    .elegant-step .description {
        font-size: 9px;
    }
    .elegant-benefits .benefit {
        margin-bottom: -3px;
    }
    .how-it-works-subheading {
        font-size: 12px;
    }
    .how-it-works-heading {
        font-size: 24px;
    }

    .newsletter .subscribe-form input {
        height: 36px;
    }
    p.newsletter-subheading {
        font-size: 11px;
    }
    .btn-primary {
        font-size: 15px;
        height: 36px;
        width: 95px;
    }




    /* Meal Selection Page */
    .select-meal button {
        font-size: 15px;
    }
    .single-meal-type {
        padding: 5px;
    }
    .lets-customize {
        font-size: 26px;
    }
    .plan-descripiton{
        font-size: 13px;
    }
    .custom-radio label {
        font-size: 13px;
    }
    .plan-details .card {
        height: 275px;
    }
    #applyCouponBtn{
        width: 74px;
    }
    .order-summary{
        padding: 0;
        margin: 0;
    }
    .order-summary .summary-item {
        font-size: 13px;
    }
    .coupon-section{
        margin: 0;
        padding: 0;
    }

}

/* More than 767px screens */
@media (min-width: 767px) {
    p.aKcal {
        margin-bottom: -7px;
    }
    p.aPrice {
        margin-bottom: 20px;
    }
}
/* Responsive Side */
/* Responsive Side */