@media only screen and (min-width : 1540px) {
    .logo_sec img {
        height: 70px;
    }
    .logo_sec {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .dashboard_items ul li{
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .profile_icon i{
        font-size: 30px;
    }
    .profile_icon_sec h5 {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-top: 12px;
    }
    .profile_icon_sec p{
        font-size: 18px;
    }
    .CourseCredentials p {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 30px;
    }

    .dashboard_right_title{
        padding-top: 100px;
    }
    .dashboard_right_title h1{
        font-size: 30px;
    }
    .paln_card h2{
        font-size: 25px;
    }
    .paln_card p{
        font-size: 20px;
    }
    .plan_card_area{
        margin-top: 20px;
        margin-bottom: 65px;
    }
    .paln_card a{
        font-size: 22px;
    }
    .socail_platform p{
        font-size: 24px;
    }
    .platform_card h2{
        font-size: 25px;
    }
    .platform_card p{
        font-size: 20px;
    }
    .platform_card a{
        font-size: 20px;
    }
    .footer_Sec{
        margin-top: 170px;
    }
    .footer_Sec_links{
        margin-top: 170px;
    }
    .footer_Sec p{
        font-size: 18px;
    }
    .footer_Sec_links ul li{
        font-size: 18px;
    }

}

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

@media only screen and (max-width: 1400px) and (min-width : 1201px) {
    .dashboard_right_area {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1200px) and (min-width : 992px) {
    .dashboard_left {
        display: none;
    }

    .dashboard_right_area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .m_user_sec {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .navbarIcon {
        display: block;
    }

    .dashboard_right_head {
        color: #FFF;
        font-size: 30px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        margin-top: 0px;
    }

    .navbarIcon {
        display: block;
    }

    .result_box {
        padding: 12px;
        text-align: center;
        border-radius: 14px;
        border: 1.463px solid #EF9E13;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }

    .logo_sec {
        padding-top: 50px;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: start;
        padding-left: 3rem;
    }

    .nutrition_items li {
        padding-left: 40px;
    }

    .recipe img {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
    }

    .plan_card_area {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .model_supple_content {
        width: 40%;
    }

}

@media only screen and (max-width: 992px) and (min-width : 768px) {
    .dashboard_left {
        display: none;
    }

    .navbarIcon {
        display: block;
    }

    .dashboard_right_area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .m_user_sec {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    /* .plan_card_area {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-template-rows: auto auto;
    } */

    .paln_card {
        width: 100%;
        margin-top: 22px;
    }

    .socail_platform {
        text-align: center;
    }

    .right_desp p {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        line-height: 25px;
    }

    .questionnaire_btn {
        display: flex;
        width: 227px;
        height: 44px;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 18px;
        border-radius: 10px;
        background: rgba(255, 210, 50, 0.50);
        color: white;
        border: none;
        font-weight: 800;
    }

    .footer_Sec {
        text-align: center;
    }

    .footer_Sec_links {
        text-align: center;
    }

    .cal_intake_sec {
        display: none;
    }

    .cal_intake {
        text-align: center;
        margin-bottom: 35px;
        margin-top: 40px;
    }

    .dashboard_right_head {
        color: #FFF;
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        margin-top: 0px;
    }

    .nutrition_plan_sec p {
        color: #FFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-top: 25px;
    }

    .nutrition_video_sec {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .carousel_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .work_plan_video_sec {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .warp_up_card {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 37px;
    }

    .recipe img {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
    }

    .work_paln_days p {
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 23px;
    }

    .work_paln_days img {
        margin-left: 8px;
        width: 60%;
    }

    .work_paln_days .active {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 23px;
        background: linear-gradient(90deg, #FFD232 0%, #FFAD32 109.14%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .workout_card {
        padding: 33px;
        background: rgba(217, 217, 217, 0.30);
        width: auto;
        transition: all .4s ease-in-out;
        height: 100%;
    }

    .model_content {
        background-color: rgba(12, 22, 24, 1);
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 40px;
    }

    .model_supple_content {
        width: 60%;
    }
    .nav-item {
        padding-left: 90px;
    }
}

@media only screen and (max-width: 768px) {
    .navbarIcon {
        display: block;
    }

    .dashboard_left {
        display: none;
    }

    .dashboard_right_area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .m_user_sec {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .dashboard_right_title {
        text-align: left;
        padding-top: 30px;
    }

    /* .plan_card_area {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-template-rows: auto auto;
    } */

    .paln_card {
        width: 100%;
    }

    .socail_platform {
        text-align: center;
    }

    .right_desp p {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .questionnaire_btn {
        display: flex;
        width: 227px;
        height: 44px;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 18px;
        border-radius: 10px;
        background: rgba(255, 210, 50, 0.50);
        color: white;
        border: none;
        font-weight: 800;
    }

    .footer_Sec {
        text-align: center;
    }

    .footer_Sec_links {
        text-align: center;
    }

    .cal_intake_sec_md {
        display: none;
    }

    .dashboard_right_head {
        color: #FFF;
        font-size: 25px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        margin-top: 0px;
    }

    .nutrition_video_sec {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dinner_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #575757;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .dinner_btn_sec {
        display: block;
    }

    .carousel_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .warp_up_card {
        display: block;
        align-items: center;
        justify-content: center;
        gap: 37px;
    }

    .workout_card {
        padding: 50px;
        background: rgba(217, 217, 217, 0.30);
        width: 100%;
        transition: all .4s ease-in-out;
        height: auto;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .work_plan_video_sec {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .week_btn_span {
        display: none;
    }

    .workoutplan_title h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        background: linear-gradient(90deg, #FFD232 -0.38%, #EF9E13 99.62%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .week_btn h4 {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 23.328px;
        text-transform: uppercase;
    }

    .week_btn span {
        padding: 10px;
        color: #FFAD32;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        border-radius: 10px;
        border: 1.056px solid #EF9E13;
    }

    .week_plan_table h5 {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
    }

    .week_plan_table p {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 23px;
    }

    .work_paln_days_sec {
        display: block;
    }

    .mobile_overlay_btn {
        color: #FFF !important;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .work_paln_days {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .model_content {
        background-color: rgba(12, 22, 24, 1);
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 40px;
    }

    .crab_head {
        font-size: 30px;
    }

    .vegies_title p {
        margin-right: 0%;
        white-space: pre-line;
    }

    .model_supple_content {
        width: 100%;
    }
    .measure_title span {
        padding: 12px 20px 12px 20px;
        border-radius: 10px;
        border: 1px solid #FFD232;
        color: white;
        margin-left: 20px;
    }
    .measure_title h2 {
        color: #FFF;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 18.162px;
    }
    .nav-item {
        padding-left: 44px;
    }

}

@media only screen and (max-width : 576px) {
  
    
    .menuSec {
        width: 100%;
        height: 100vh;
        background-color: black;
        z-index: 1000;
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
    }

    .navbarIcon {
        display: block;
    }

    .dashboard_left {
        display: none;
        height: auto;
    }
    .dashboard_right {
        height: auto;
    }

    .dashboard_right_area {
        padding-left: 0%;
        padding-right: 0%;
    }

    .dashboard_right_title h1 {
        font-size: 20px;
    }

    .right_desp p {
        font-size: 14px;
        text-align: left;
        line-height: 20px;
    }

    .right_desp {

        padding-right: 0%;
    }

    .questionnaire_home_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .questionnaire_btn {
        width: 211px;
        height: 38px;
        font-size: 14px;
        margin-top: 10px;
    }

    /* .plan_card_area {
        display: block;
    } */

    .paln_card {
        padding: 30px 10px 30px 10px;
        background: rgba(217, 217, 217, 0.30);
        height: 100%;
        width: 100%;
        transition: all .4s ease-in-out;
        border-radius: 10px;
    }

    .paln_card h2 {
        font-size: 18px;
    }

    .paln_card p {
        color: #FFF;
        text-shadow: 0px 0px 6.004px rgba(0, 0, 0, 0.25);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .paln_card a {
        color: #FFF !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }

    .plan_choose_btn {
        text-align: center;
    }

    .paln_card {
        margin-bottom: 18px;
    }

    .socail_platform p {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0px;
    }

    .socail_platform {
        text-align: center;
    }


    .footer_Sec_links {
        text-align: center;
    }

    .footer_Sec_links ul li {
        font-size: 10px;
    }

    .footer_Sec p {
        color: #FFF;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .questionnaire_btn_sec {
        display: flex;
        align-items: center;
        margin-top: 20px;

    }

    .questionnaire_btn_sec p {
        color: #FFF;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
        text-align: start;
        margin-left: 10px;
    }

    .questionnaire_form_btn {
        width: 85px;
        height: 24px;
        border-radius: 8px;
        background: linear-gradient(90deg, #F3C264 0%, #EF9E13 102.48%);
        color: #FFF;
        font-size: 12.753px;
        font-style: normal;
        font-weight: 700;
        line-height: 17.53px;
        padding: 0%;
    }

    .dashboard_right_head {
        font-size: 17px;
        margin-bottom: 20px;

    }

    .goback_btn {
        color: #FFD232 !important;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-right: 0px;
    }

    .questionnaire_form input {
        background: transparent;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(87, 87, 87, 1);
        padding: 0px 0px 0px 10px;
    }

    .questionnaire_form p {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 29px;
    }

    .nutrition_plan_sec p {
        color: #FFF;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-top: 25px;
    }

    .nutrition_plan_sec p span {
        font-size: 10px;
    }

    .nutrition_plan_sec h3 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        background: linear-gradient(90deg, #F3C264 0.2%, #EF9E13 103.86%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .cal_intake {
        margin-top: 20px;
        text-align: center;
    }

    .cal_intake h5 {
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .result_box {
        padding: 10px;
        text-align: center;
        border-radius: 14px;
        border: 1.463px solid #EF9E13;
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }

    .breakfast_plan_sec p {
        font-size: 14px;
    }

    .breakfast_img h3 {
        color: #FFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .food_items_sec {
        margin-top: 0px;
    }

    .ingredients_name span {
        padding: 10px;
        color: #FFAD32;
        font-size: 10px;
    }

    .ingredients_name {
        margin-bottom: 40px;
    }

    .recipe img {
        width: 70%;
        margin-top: 0px;
        margin-left: 0%;
       
    }

    .recipe h3 {
        font-size: 18px;
    }

    .nutrition_video {
        width: 312px;
        height: 220px;
    }

    .carousel_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .carousel_title {
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .carousel_title p {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .dinner_btn_sec {
        display: block;
        align-items: center;
        justify-content: start;
        text-align: start;

    }

    .mobile_overlay_btn {
        color: #FFF !important;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .dinner_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #575757;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .dinner_btn p {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        text-transform: uppercase;
        background: linear-gradient(90deg, #FFD232 -0.38%, #EF9E13 99.62%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .workoutplan_title {
        display: none;
    }

    .paln_table {
        overflow: auto;
    }

    .warp_up_card {
        display: block;
        align-items: center;
        justify-content: start;
        gap: 7px;

    }

    .workout_card {
        margin-bottom: 34px;
        width: 100%;
        height: 122px;
        padding: 10px 10px 10px 15px;
        border-radius: 10px;
    }

    .workout_card p {
        color: #FFF;
        text-shadow: 0px 0px 6.004px rgba(0, 0, 0, 0.25);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .workout_card a {
        color: #FFF !important;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
    }

    .workout_card a img {
        width: 20%;
    }

    .workout_card h2 {
        font-size: 18px;
    }

    .work_paln_days {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .work_paln_days p {
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: linear-gradient(90deg, #FFD232 -0.38%, #EF9E13 99.62%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .paln_table {
        padding-top: 30px;
    }

    .week_btn span {
        padding: 9px;
        color: #FFAD32;
        font-size: 9px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        border-radius: 10px;
        border: 1.056px solid #EF9E13;
    }

    .week_btn h4 {
        color: #FFF;
        font-size: 13px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 23.328px;
        text-transform: uppercase;
        margin-bottom: 0% !important;
    }

    .week_plan_table h5 {
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
    }

    .week_plan_table p {
        color: #FFF;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 23px;
    }

    .week_plan_table input{
        font-size: 11px;
        width: 100%;
    }
    .week_plan_table input::placeholder{
        font-size: 10px;
    }
    .week_plan_table img {
        width: 40%;
    }

    .week_btn_span {
        display: none;
    }

    .week_btn_sec {
        display: none;
    }

    .chooseday_btn {
        width: 170px;
        height: 36px
    }

    .measure_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .measure_title h2 {
        font-size: 18px;
    }

    .measure_title span {
        padding: 10px 10px 10px 10px;
        border-radius: 10px;
        border: 1px solid #FFD232;
        color: white;
        font-size: 13px;
        margin-left: 0%;
    }

    .measure_sec p {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        text-transform: lowercase;
        margin-top: 20px;
    }

    .nav-item {
        padding-left: 12px;
    }

    .nav-tabs .nav-link.active {
        background: transparent;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        background: linear-gradient(270deg, #EF9E13 41.12%, #F3C264 99.9%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .nav-tabs .nav-link {
        margin-bottom: 0;
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }

    .measure_q {
        margin-top: 20px;
    }

    .measure_q p {
        font-size: 14px;
    }

    .measure_q label {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        background: linear-gradient(270deg, #EF9E13 41.12%, #F3C264 99.9%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 20px;
    }

    .measure_q input {
        font-size: 12px;
        width: 40%;
    }

    .photo_upload h4 {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
    }

    .photo_upload p {
        font-size: 14px;
    }

    .upload_icon a img {
        width: 45px;
        height: 45px;
    }

    .upload_icon {
        text-align: center;
    }

    .save_btn_sec {
        text-align: center;
    }



    .paln_table table th {
        border-right: 1px solid #4B4B4B;
        padding-left: 10px;
        padding-bottom: 10px;
        font-size: 15px;
        padding-right: 10px;
    }
    .paln_table table td{
        font-size: 14px;
    }

    .login_left img {
        width: 100%;
    }

    .login_left h1 {
        font-size: 30px;
    }

    .logo_sec {
        padding-top: 50px;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: start;
        padding-left: 3rem;
    }

    .m_logo_sec {
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .m_logo_sec img {
        height: auto;
        width: 100%;
    }

    .model_supple_content {
        background-color: rgba(12, 22, 24, 1);
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 40px;
    }

    .model_content {
        background-color: rgba(12, 22, 24, 1);
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 25px;
    }

    .nutrition_content {
        background-color: rgba(12, 22, 24, 1);
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 25px;
    }

    .model_tab_content {
        width: 100%;
    }

    .crab_head {
        font-size: 16px;
    }

    .vegies_title p {
        margin-right: 0%;
        font-size: 13px;
    }

    .Credentials_mob p {
        font-size: 11px;
    }

    .work_paln_days_sec {
        display: block;
    }

    .new_workoutsec h3 {
        font-size: 19px !important;
    }

    .measure_qna span {
        font-size: 18px !important;
    }

    .measure_qna_table table th {
        font-size: 18px !important;
    }

    .history_table table th {
        font-size: 16px;
    }

    .history_table table td {
        font-size: 13px;
    }

    .model_signout {
        width: 90%;
        padding: 25px;
    }

    .loadSub img {
        height: 50px;
    }
    .dinner_btn a {
        color: #FFF;
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .dinner_btn .active{
        font-size: 17px;
    }
    .goback_btn img{
        width: 33%;
    }
    .measure_q_new label{
        font-size: 14px;
    }
    
    /* .signtout_cfrm_btns span{
        padding: 10px 12px;
    }  */
    .protien_dropdown ul li{
        font-size: 14px;
    }
}