.quizMainScreen{
 padding-top: 25px;
}
.article_quiz_page {
    padding-top: 25px;
}
@media (min-width: 1365px){

}

@media (min-width: 1199px){

}@media (min-width: 992px){
   .ps-3{
       padding-left: 15px!important;
   }
}
@media (max-width: 1199px){
    li.calendarIcon {
        white-space: break-spaces!important;
    }
.calenderBarSection{
    padding: 0px!important;
}
    .calenderBarSection>li>div{
        margin-left: 6px!important;
        white-space: nowrap!important;
    }
    .calenderBarSection>li>div>span{
       white-space: nowrap!important;
        padding-left: 5px!important;
    }

    .glossaryListContent [role="tablist"] {
        display: flex;
        gap: 1px;
        margin-bottom: -1px;
        flex-wrap: wrap;
    }

    .profile_sample,.prifle_second_tab{
        padding-left: 20px!important;
    }
    .Workout-section .Workout-title h1{
        font-size: 36px!important;
    }
    .Workout-section .Workout-title h1 span{
        font-size: 28px!important;
    }
    .workoutPageContent .workoutMainContent .workoutCalendarSection .completed-button a{
        width:272px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .workoutVideo a img{
       width: 145px!important;
    }

}
@media (max-width: 1199px){
    .calenderBarSection {
        height: 50px!important;
    }
    .col-sm-12.col-md-6.col-xl-4.colp:nth-child(3){
        margin-top: 100px!important;
    }
    .newSlider .owl-stage {

        right: 150px!important;
    }
}

@media (max-width: 1024px){
    .newSlider .owl-stage {
        right: 0px!important;

    }
    .warningTextElement p {
        font-size: 14px!important;
    }

}
@media screen and (min-width: 768px) and (max-width: 991px){
    .custom-dotFIT-menus .hp_links.refmenus {
        width: 33.33% !important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featuredtxt {
        font-size: 14px!important;
        font-weight: 400!important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featureddesc {
        font-size: 12px!important;
    }

    .profile_image img{
       width:250px!important;
       height:250px!important;
   }
    .findExpertPageTitle .Workout-section.mt--45{
       margin-top: 0px!important;
   }

    .custom-contents {
        margin-left: auto;
        margin-right: auto;
        width: 90% !important;
        border-radius: 0px !important;
    }
    .c-ms-md--5{
        margin-left:-25px!important;
    }
    tags.tagify.wrInputText.tagify--outside.new-form-tags.tagify--noTags.tagify--empty {
        width: 100%!important;
        line-height: 16px;
    }
    .todayBtnSpace{
        width: 100%;
        margin-top: 15px!important;
        text-align: center;
        display: inline-block;
    }

    .interestSection .todayBtnSpace a,
    .suggestionContent .todayBtnSpace a{
        width:90%!important;
        text-align: center;
        display: inline-block;!important;
    }
    .interestSection .see_view,
    .suggestionSection .see_view{
        margin-top: 5px!important;
    }

    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 150; /* Stay on top */
        top: 0; /* Stay at the top */
        right: 0;
        background-color: #4e827b ; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }
    .mt--45 {
        margin-top: 0px;
    }
    .Workout-section .Workout-title h1{
        font-size: 32px!important;

    }

    .toady_sift {
        margin-top: 20px;
        padding: 10px;
    }

    .today_page_table_div h3, .toad-img h3, .tody_flip h5 {
        font-size: 16px;
    }
    .state_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .state_content h5 {
        flex-basis: 100%;
        margin-bottom: 0 !important;
        flex-wrap: wrap;
        font-size: 12px
    }
    .state_content h5 span{
        padding-left: 0px;
        padding-top: 5px;
        width: 100%;
    }
    .tody_flip span {
        font-size: 13px;
    }

    .state_content p {
        margin-top: 3px;
    }
    .meal {
        font-size: 11px;
        padding: 10px 22px;
    }

    .filp_toady h6, .tody_flip p {
        font-size: 14px;
    }
    .today_rips .action_wrap {

        bottom: 14px;

    }

    .logo img {
        height: 60px;
        margin-right: 10px;
        object-fit: contain;
        max-height: 60px!important;
    }
    /*=======today page css here started responsive===========*/

    /*=======today page css here end responsive===========*/
}

@media screen and (min-width: 600px) and (max-width: 767px){
    a.policyTerm,
    a.conditionTerm {
        font-size: 13px!important;
        margin-right: 10px!important;
    }
    .col-sm-12.col-md-6.col-xl-4.colp:nth-child(3){
        margin-top: 0px!important;
    }
    .action_wrap .mb-col-1{
        margin-bottom: 5px!important;
    }
    .today_rips{
        padding-bottom: 0px!important;
    }
    .custom-dotFIT-menus .hp_links.refmenus {
        width: 33.33% !important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featuredtxt {
        font-size: 14px!important;
        font-weight: 400!important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featureddesc {
        font-size: 12px!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
     }

}
@media screen and (min-width: 576px) and (max-width: 767px){

    body {
        padding-top: 0px!important;
    }
    .col-sm-12.col-md-6.col-xl-4.colp:nth-child(3){
        margin-top: 0px!important;
    }
    .action_wrap .mb-col-1{
        margin-bottom: 5px!important;
    }
    .profile_sample{
         margin-top: 20px!important;
     }


    .nutritionTabDetailsBtn{
        isplay: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .custom-contents {
        margin-left: auto;
        margin-right: auto;
        width: 90% !important;
        border-radius: 0px !important;
    }
    .c-ms-md--5{
        margin-left:-25px!important;
    }
    button.Border-custom.new-meals-bt {
        width: 70px;
        height: 31px;
        font-size: 12px;
        margin: 0px;
    }
    .custom-contents {
       margin-left: auto;
        margin-right: auto;
        width: 90% !important;
        border-radius: 0px !important;
    }
    tags.tagify.wrInputText.tagify--outside.new-form-tags.tagify--noTags.tagify--empty {
        width:100% !important;
        line-height: 16px;
    }
    tags.tagify.wrInputText.tagify--outside.new-form-tags{
        width:100% !important;
    }

    .nutritionMainTabContent .nav-pills{
        flex-direction: row;
    }
    .nutritionPageContent .nutritionMainTabContent .nutritionTabBtn {
     margin: 0 8px!important;
    }

    .nutritionPageContent .nutritionMainTabContent .nutritionTabBtn{
        padding-left: 10px!important;
        padding-right: 10px!important;

    }
    .visualizerSection ul{
        padding-left: 0!important;
    }
    .mt--45 {
        margin-top: 0px!important;
    }
    .image-wrapper img {
        position: absolute;
        margin-top: -10px;
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0!important;
    }
    .progress__container {
        height: 40px!important;
        max-width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        align-content: center;
        margin-bottom: 20px;
    }
    .image-wrapper {
        height: 90px!important;

    }
    .progress__container::before {
        content: "";
        height: 0.2rem!important;
        width:90% !important;
        background-color: #ced6d5;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
    }
    .Workout-section .Workout-title h1{
        font-size: 28px!important;}
    /*.toad-img img{*/
    /*    margin-top: 20px!important;*/
    /*}*/
    .todayMainScreen .today_first .colp:nth-child(2n),
    .todayMainScreen .today_first .colp:nth-child(3n){
        padding-top: 110px!important;
    }
    .today_rips .action_wrap{
        position: static!important;
    }
    .suggestionSection{
        width:100%;
    }
    .toady_slipo{
        margin-bottom: 0px!important;
    }
    .top-links .menu li a{
        font-size: 14px!important;
    }

    .logo img {
        height: 60px;
        margin-right: 10px;
        object-fit: contain;
        max-height: 60px!important;
    }
}
@media screen and (min-width: 320px) and (max-width: 600px){


    .col-sm-12.col-md-6.col-xl-4.colp:nth-child(3){
        margin-top: 0px!important;
    }
    .action_wrap .mb-col-1{
        margin-bottom: 5px!important;
    }
    .custom-dotFIT-menus .hp_links.refmenus {
        width: 50% !important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featuredtxt {
        font-size: 14px!important;
        font-weight: 400!important;
    }
    .custom-dotFIT-menus .hp_links.refmenus a .txt .featureddesc {
        font-size: 12px!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .nutrition-div-change-meal>p{
        font-size: 20px!important;
    }

}
@media screen and (min-width: 320px) and (max-width: 575px){
    .today_rips{
        padding-bottom:0px!important;
    }
    .px-col-0{
        padding-left: 0px!important;
       padding-right: 0px!important;

    }
    .pb-col-4{
        padding-bottom: 24px!important;
    }
    .profile_sample{
        margin-top: 20px!important;
    }

    .groupButton button.Border-custom {
        width: 78px!important;
    }
    tags.tagify.wrInputText.tagify--outside.new-form-tags.tagify--noTags.tagify--empty {
        width:100% !important;
        line-height: 16px;
    }
    tags.tagify.wrInputText.tagify--outside.new-form-tags{
        width:100% !important;
    }
    .c-col--7{
        margin-left: -35px!important;
    }
    .paginationRow .meal-paging ul{
        margin-bottom: 0px!important;
    }
    .replaceMealTableSection hr{
        width: 450px !important;
    }
    .replaceMealTableSection {
        overflow: auto;
    }
    .replaceMealTableSection .paginationRow,
    .replaceMealTableSection .row.box-meal,
    .replaceMealTableSection .replaceFoodItemsSection{
        width: 450px!important;
    }

    tags.tagify.wrInputText.tagify--outside.new-form-tags.tagify--noTags.tagify--empty {
        width: 100%!important;
        line-height: 16px;
    }
    .Replace-tab .card-meals .meal-section{
        margin-bottom: 10px!important;
    }

    .Replace-tab .card-meals .form-select{
        font-size: 12px;
    }
    .nutritionPageContent .nutritionMainTabContent .nutritionTabData .nutritionTabDetailData .overviewTabContent {
        padding: 0 0px!important;
        /* border-bottom: 1px solid var(--gray-light); */
    }
    .fav-meal .fav-meal-items{
        margin-bottom: 10px!important;
    }

     .fav-meal .fav-meal-items .itemsName{
         margin-bottom: 5px!important;
     }
    .nutritionInnerTab{
        overflow: auto!important;
    }

    .custom-contents {
        margin-left: auto;
        margin-right: auto;
        width: 96% !important;
        border-radius: 0px !important;
    }
   .ps-sm-0{
       padding-left: 0px!important;
   }
    .meal-table{
       text-align: left!important;
   }

    .meal-table .ps-sm-0 {
        padding-left: 0px!important;
    }
    button.Border-custom.new-meals-bt {
        width: 90px;
        height: 31px;
        font-size: 14px;
        margin: 0px;
    }
    .c-mt-sm-4{
        margin-top: 20px!important;
    }
    .nutritionTabDetailData .nutritionTabDetailsBtn{
        flex-direction: column;
        align-items: center;
    }
    .nutritionMainTabContent .nav-pills{
        flex-direction: row;
    }
    .logo img {

        height: 60px;
        margin-right: 10px;
        object-fit: contain;
        max-height: 60px!important;
    }

    .top-links .menu li a{
        font-size: 14px!important;
    }
    .progress__container {
        height: 40px;
        max-width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px!important;
    }
    .progress__container::before {
        content: "";
        width: 95%;
        height: 0.2rem;
        background-color: #ced6d5;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
    }

    .visualizerSection ul{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .mt--45 {
        margin-top: 0px!important;
    }
    .image-wrapper img {
        position: absolute;
        margin-top: -10px;
        width: 210px!important;
        left: 50%;
        transform: translatex(-50%)!important;
        text-align: center !important;
         margin-left: 0px;
    }
    .content-wrapper h2 {
        margin-top: 50px;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }
}
@media screen and (min-width: 481px) and (max-width: 560px){
    body {
        padding-top: 0px!important;
    }

    .mt--45 {
        margin-top: 0px!important;
    }
    .top-links .menu li a{
        font-size: 14px!important;
    }
    .state_content h5 {
        font-size: 14px!important;
    }
    .logo img {
        height: 50px!important;
       max-height: 60px!important;
        object-fit: contain;
    }
    .todayMainScreen .today_first .colp:nth-child(2n),
    .todayMainScreen .today_first .colp:nth-child(3n){
        padding-top: 110px!important;
    }
    .today_rips .action_wrap{
        position: static!important;
    }
    .mt--45{
        margin-top: 0px!important;
    }
    .top-links .menu{
   padding-left: 0px!important;
}

    .headerTop {
        padding: 25px 0px 0px;
    }

    .logo img {
         height: 50px;
        margin-right: 10px;

        max-height: 60px;
    }

    .Workout-section .Workout-title h1 {
        font-size: 32px!important;
    }
    .toady_slipo {
        margin-bottom: 0px!important;
    }

    .mt-sm-4{
        margin-top: 20px!important;
    }
    .appointText, .appointment-content p{
        font-size: 13px!important;
    }
    .messageText img, .appointText img {
        max-width: 24px!important;

    }
    .toad-img h3{
        font-size: 16px;
    }
    .new_wall h5 {
        font-size: 16px;
    }
    .goal_solve ul{
        display: flex;
        justify-content: center;
    }
}
@media screen and (min-width: 320px) and (max-width: 425px){
    .warningTextElement p {
        font-size: 12px!important;
    }
    .todayBtnSpace.bt-m {
        width: 100%;
        text-align: center;
    }
   .viewAllButtonSection .groupButton button:first-child{
       margin-bottom: 10px!important;
   }
    .articles input#search {
       font-size: 12px;
   }

    .Workout-section .Workout-title h1 {
        font-size: 28px!important;
    }

    .image-wrapper {
        height: 290px!important;

    }
}
@media screen and (min-width: 320px) and (max-width: 480px){
    .userProfileSection .cpassword, .userProfileSection .deletebtn{
        font-size: 13px!important;
    }
    .new-resizebtn input.savebasicinfo{
        line-height: 31px;
    }

    .modalWrapper .responsiveRowSetion{
        overflow: scroll;
    }
    .modalWrapper .responsiveRowSetion .row{
        width: 400px!important;
    }
    .AddMealPopupNutrition .cancelBtn{
        margin-bottom: 10px!important;
    }
    .modalWrapper .responsiveRowSetion{
        overflow-x: scroll;
        width: 480px!important;
    }
    .nutritionMoreDetailDiv strong{
        font-size: 14px!important;

    }
    dl.custom-dl p,
    dl dt,
    .custom-dd {
        font-size: 14px;}
   .groceryListCategory .grocery-list-group{
       margin-bottom: 20px!important;
   }
    .mt-sm--2{
        margin-top: -10px!important;
    }
    fieldset legend{
        font-size: 16px!important;
    }
    .groceryListPageDatepicker .columns {
         position: relative;
         padding-left: 15px!important;
         padding-right:15px!important;
        float: left;
    }
    .startedDate [type="date"],
    .endDate [type="date"]{
        width: 100% !important;
    }
    h4.grocery-list{
       font-size: 20px!important;
    }

    .content-wrapper h2 {
        margin-top: 120px!important;

    }
    .update_btn{
        margin-bottom: 15px;
        margin-right: 0px;
    }
    .mt--45 {
        margin-top: 0px!important;
    }
    .state_content h5 {
        font-size: 14px!important;
    }
    .logo img {
        height: 50px!important;
        max-height: 60px!important;
        object-fit: contain;
    }
    .top-links .menu{

        flex-wrap: wrap;
    }
    .top-links .menu .menu-item:first-child{
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 15px!important;
    }
    .appointText, .appointment-content p{
        font-size: 13px!important;
    }
    .toad-img h3{
        font-size: 18px;
    }
    .mt-sm-4{
        margin-top: 30px!important;
    }
    .messageText img, .appointText img {
        max-width: 22px!important;

    }
    .toady_slipo {
        margin-bottom: 0px!important;
    }
    .today_rips .action_wrap{
        position: static!important;
    }
    .todayMainScreen .today_first .colp:nth-child(2n),
    .todayMainScreen .today_first .colp:nth-child(3n){
        padding-top: 110px!important;
    }
    .mt--45{
        margin-top: 0px!important;
    }
    .Workout-title h1 {
        font-size: 32px;}
    .tody_flip {

        margin-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .new_wall h5 {
        font-size: 16px;
    }
}