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

    header nav ul li a, header nav ul li a:visited {
        font-size: 1em;
        padding-right: 20px;
    }

}

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

    /*.wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }*/


    a.btn, .btn, input[type="submit"], .submit, button {
        min-width: 0;
    }
    .cards {
        display: block;
        width: 100% !important;
        flex: none;
        text-align: left;
        margin-top: 30px;
    }
    .cards img {
        height: 40px;
    }
    header nav ul li a {
        /*padding-right: 35px;*/
    }
    .header-buttons {
        /*display: flex;
        align-items: flex-end;
        justify-content: space-evenly;*/
    }
    .header-buttons > a.btn {
        /* width: 100%; */
        /* padding: 0 4px; */
        /* flex-grow: 1; */
    }
}

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

    a.btn.btn-square.login-as {
        margin-top: -2px;
        height: 38px;
        margin-bottom: -2px;
    }

    div#slicknav-container .slicknav_btn {
        display: inline-block;
    }

    #search {
        /* margin-top: 7px; */
    }

    .title .btn.btn-square {
        right: 60px;
    }

    .level_client .slicknav_btn {
        top:  87px;
    }

    nav {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
    header #slicknav {
        display: block;
    }

    li.back-to-your-account {
        float: none;
    }

    li.back-to-your-account a {
        background-color: transparent;
    }

    header .top {
        padding: 14px 0;
    }
    header .top .wrapper .logo {
        height: 20px;
    }
    .profile .name {
        margin-bottom: 5px;
        font-size: 1em;
        padding-top: 7px;
    }
    #search {
        height: 45px;
    }
    .title {
        padding: 15px 0 13px 0;
    }
    .title h1 {
        font-size: 1.5em;
    }
    .numbers.box .number {
        padding: 18px 0 19px;
    }

}

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

    .header-buttons > a.btn {
        font-size: 0.7rem;
    }

}

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

    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 2.1em;
    }
    h3 {
        font-size: 1.4em;
    }
    h4 {
        font-size: 1.2em;
    }

    section {
        padding: 20px 0 20px 0;
    }
    .tab {
        margin-left: -15px;
        margin-right: -15px;
    }
    .show-mobile {
        display: block;
    }
    header .top .row {
        justify-content: space-between;
    }
    header .menu,
    header .userbar {
        width: auto !important;
        /* margin: 0 !important; */
        /* margin-bottom: 0 !important; */
    }
    header .userbar {
        padding: 0;
    }

    header .notifications {
        position: static;
    }

    .slicknav_btn {
        top: 165px;
    }

    .slicknav_btn.slicknav_open {
        top: 533px;
    }

    .level_client .slicknav_btn {
        top: 106px;
    }

    .level_client .slicknav_btn.slicknav_open {
        top: 351px;
    }

    #search-container {
        order: 3;
        width: 100%;
        /* margin: 0; */
        flex-grow: 1;
    }

    table:not(.noresponsive) {
        border: 0;
    }

    table:not(.noresponsive) thead {
        display: none;
    }

    table:not(.noresponsive) tbody tr {
        margin-bottom: 20px;
        display: block;
        /*border-bottom: 2px solid #ddd;*/
    }

    table:not(.noresponsive) tbody tr td:not(.noresults) {
        display: block;
        text-align: right;
        border-bottom: 1px solid #f5f5f5;
        padding: 13px;
        min-height: 41px;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    table:not(.noresponsive) tbody tr td:last-child {
        border-bottom: 0;
    }

    table:not(.noresponsive) tbody tr td:before {
        content: attr(data-label);
        float: left;
        /* text-transform: uppercase; */
        font-weight: 600;
    }

    .box.calendar {
        padding: 0px;
    }
    #calendar thead {
        display: table-row-group;
    }
    #calendar .jsCalendar-week-days {
        display: none;
    }
    #calendar .jsCalendar-next,
    #calendar .jsCalendar-previous {
        display: none;
    }
    #calendar.jsCalendar thead tr.jsCalendar-title-row th.jsCalendar-title {
        padding-bottom: 3px;
    }
    #calendar.jsCalendar thead tr.jsCalendar-title-row th.jsCalendar-title .jsCalendar-title-name {
        font-size: 17px;
        /* font-weight: 600; */
    }
    #calendar.jsCalendar thead tr.jsCalendar-title-row th.jsCalendar-title .jsCalendar-title-left,
    #calendar.jsCalendar thead tr.jsCalendar-title-row th.jsCalendar-title .jsCalendar-title-right {
        margin: 8px;
    }
    #calendar.jsCalendar tbody tr {
        margin-bottom: 0;
    }
    #calendar.jsCalendar tbody td {
        width: 100%;
    }
    #calendar.jsCalendar tbody td span.dayNum {
        margin-bottom: 10px;
    }
    #calendar.jsCalendar tbody td .events .event {
        padding: 7px 13px;
        font-size: 13px;
    }
    #calendar.jsCalendar tbody td .events .event+.event {
        margin-top: 6px;
    }
    #calendar.jsCalendar tbody td {
        border-bottom: 2px solid #f5f5f5;
        /* padding: 20px 0px 30px 0px; */
        min-height: 80px;
        padding-left: 10px;
    }
    #calendar.jsCalendar tbody td .events {
        min-height: 40px;
    }

    /*.userbar .wrapper {
        padding: 0 !important;
    }
    .userbar .title {
        margin-bottom: 0 !important;
        padding: 5px 15px !important;
    }
    .userbar .title h1 {
        height: auto;
        line-height: 1.3em;
        padding-top: 6px;
    }
    .userbar .profile {
        padding: 5px 5px 10px 10px !important;
        background: #1897E4;
        text-align: left;
    }
    .userbar .profile .name {
        padding-top: 13px;
    }
    .userbar .profile img {
        float: left;
        margin: 6.5px 10px 0 2px;
    }
    .userbar .profile .indicator .online,
    .userbar .profile .indicator .offline {
        left: 16px;
        right: inherit;
        bottom: 13px;
    }*/

    header .notifications .mynotifications {
        width: auto;
        right: 0;
        top: 57px;
    }

    .header-buttons.icons {
        font-size: 0;
    }
    .header-buttons > a.btn {
        display: block;
    }
    .header-buttons.icons > a.btn {
        display: inline-block;
    }
    .header-buttons.icons > a.btn {
        font-size: 16px;
        padding: 0;
    }
    .header-buttons.icons.icons2 > a.btn { width: 50%; }
    .header-buttons.icons.icons3 > a.btn { width: 33.33333%; }
    .header-buttons.icons.icons4 > a.btn { width: 25%; }
    .header-buttons.icons.icons5 > a.btn {width: auto;padding: 14px;}
    .header-buttons.icons.icons6 > a.btn { width: 16.6666666667%; }
    .header-buttons.icons > a.btn i {
        display: block;
    }
    .header-buttons.icons > a.btn span {
        display: none;
    }

    #recent-notifications > div {
        padding-bottom: 5px;
    }
    #recent-notifications > div a {
        line-height: 1.3em;
    }
    #recent-notifications > div span {
        display: block;
        float: none;
        text-align: right;
        margin-top: 6px;
    }

    #trainer .image .thumb {
        display: none;
    }
    #trainer .image .profile {
        display: block;
    }

    #clients li.client {
        /*padding-top: 240px;*/
        margin-bottom: 10px !important;
    }

    #trainer {
        display: none;
    }

    #mycheckins td {
        width: 100% !important;
    }
    #mycheckins .pics img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 5px;
    }


    .subprogress .week {
        display: table-cell;
        width: 1% !important;
        padding: 0 5px;
    }

    #fuelux-wizard .wizard-steps li {
        display: none;
    }
    #fuelux-wizard .wizard-steps li.active {
        display: block;
        margin-bottom: 0;
    }

    footer,
    footer .copyright {
        text-align: center;
    }
    footer .logo {
        margin-bottom: 20px;
        display: block;
    }

    .box {
        /* padding: 27px; */
    }
    .box.bigbox {
        padding: 23px;
    }

    #messages ul li.client .message {
        margin-right: 0;
    }
    #messages ul li.trainer .message {
        margin-left: 0;
    }

    .numbers.box {
        padding: 0;
        padding-bottom: 0;
    }
    .numbers .number .figure {
        font-size: 23px;
    }
    .numbers .number.col-3 {
        width: 50%;
        /* border: none; */
    }
    .numbers .number.col-4 {
        width: 100%;
        border: none;
    }
    .numbers.financials .box {
        padding: 0;
    }
    .numbers.financials .box.chart {
        display: none;
    }

    header .menu a.logo img {
        height: 26px;
    }

    header .top .wrapper {
        flex-wrap: wrap;
    }
    header .top .wrapper .searchbar {
        margin: 7px 0 0 0;
    }

    #page_dashboard .checkins {
        margin-bottom: 15px;
    }
    #page_dashboard .checkins .box {
        margin-bottom: 10px !important;
    }

    .mobile-hide {
        display: none;
    }
    .mobile-show {
        display: block;
    }
    .mobile-end {
        margin-bottom: 0 !important;
    }

    .form-buttons {
        justify-content: center;
        padding: 0 1.5rem;
    }
    .form-buttons [type="submit"] {
        font-size: 1rem;
        width: 100%;
    }
    .box+.form-buttons {
        margin-top: -.5rem;
    }

    #trainers .trainer .details p {
        line-height: 1.4;
    }
    #trainers .trainer .details .buttons {
        margin-top: 10px;
    }

    .units-row.questionnaire-step p.section-title {
        margin: 0 0 4px 0;
        display: block;
        /* font-size: 1.1rem; */
        margin-right: 40px;
        line-height: 1.2;
    }
    .units-row.questionnaire-step a.edit-section-title {
        margin: 0 0 0 0;
        /* font-size: 0.8rem; */
    }
    .units-row.questionnaire-step .unit-20.text-right {
        position: static;
        margin: 0 !important;
    }
    .units-row.questionnaire-step a.delete-step {
        position: absolute;
        top: 19px;
        right: 16px;
    }

}

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


    h2 {
        font-size: 1.8em;
    }
    .numbers.box .number .heading > span {
        display:  none;
    }

    .hide-650 {
        display: none !important;
    }

    #email-button {
        margin: 0;
        padding: 10px 20px;
        height: unset;
        font-size: 16px;
    }

    a.btn.small.send-checkin-reminder {
        height: 40px;
    }
}

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

    header .top .wrapper .logo {
        height: 26px;
    }
    header .row.noresponsive {
        margin: 0;
    }
    header #search {
        height: 43px;
        padding-left: 20px;
        font-size: 0.85em;
        margin-top: 12px;
    }
    header .top .wrapper .menu-decoy {
        display: inline-flex;
        align-items: center;
        height: 24px;
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
        width: 31px;
        margin-top: 0;
        cursor: pointer;
    }
    header .top .wrapper .menu-decoy:after {
        height: 4px;
        width: 100%;
        display: inline-block;
        background: #fff;
        content: '';
    }
    div#slicknav-container .slicknav_btn {
        display: none;
    }
    header #search-container,
    header .menu,
    header .userbar {
        /*width: 100% !important;*/
        margin: 0 !important;
        margin-bottom: 0 !important;
    }
    #search-container .cv-spinner.show {
        top: 12px;
        height: auto;
        bottom: 0;
        right: 8px;
    }
    .send-checkin-reminder {
        float: none;
    }

    .title h1 {
        height: 32px;
        font-size: 1.4em;
        line-height: 32px;
        /* margin-left: 5px; */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }

    .userbar {
        display: none;
    }


    a.btn.unread {
        text-align: center;
        display: block;

        display: none;
    }
    .filter {
        width: calc(100% + 4px);
        margin-left: -2px;
        margin-right: -2px;
        display: flex;
        justify-content: space-between;
        float: none;
        text-align: center;
        /*margin-top: -10px !important;*/
        margin-bottom: 0 !important;
    }
    .filter label {
        flex-grow: 1;
        margin-left: 2px;
        margin-right: 2px;
    }
    .filter label span {
        width:  100%;
        text-align: left;
    }

    .units-row.questionnaire-step {
        position: relative;
    }
    .units-row.questionnaire-step thead {
        display: none;
    }
    .units-row.questionnaire-step tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 1rem;
        padding-top: 1rem;
        border-top: 1px dotted #1a1a1a26;
        border-radius: 0;
    }
    .units-row.questionnaire-step td {
        padding: 5px 5px 0;
        display: inline-block;
    }
    .units-row.questionnaire-step td.drag-handle {
        width: 23px;
        vertical-align: top;
    }
    .units-row.questionnaire-step td:nth-child(2) {
        width: calc(100% - 40px) !important;
        /* margin-left: auto; */
    }
    .units-row.questionnaire-step td:nth-child(3) {
        width: 60% !important;
        font-weight: 600;
        padding-top: 0.9rem;
    }
    .units-row.questionnaire-step td:nth-child(5) {
        width: 40% !important;
    }
    .units-row.questionnaire-step tfoot tr {
        padding-bottom: 0;
    }
    .units-row.questionnaire-step tfoot tr td {
        width: 100% !important;
    }
    .units-row.questionnaire-step tfoot tr td a {
        width: 100%;
    }

    .units-row.questionnaire-step p.section-title {
        font-size: 1.1rem;
    }
    .units-row.questionnaire-step a.edit-section-title {
        font-size: 0.8rem;
    }

    .units-row.questionnaire-step .section-title + .section-description {
        margin-left: 0;
        margin-top: .5rem;
    }

    .units-row.questionnaire-step.noedit tr {
    }
    .units-row.questionnaire-step.noedit td:nth-child(1),
    .units-row.questionnaire-step.noedit td:nth-child(2) {
        width: 50% !important;
    }
    .units-row.questionnaire-step.noedit td:nth-child(2) {
        font-weight: 600;
    }
    .units-row.questionnaire-step.noedit td:nth-child(3) {
        width: 100%;
    }
    .units-row.questionnaire-step.noedit td:nth-child(3):empty {
        display: none;
    }

    #tab-questionnaire #questionnaire.box {
        padding: 15px;
    }

}


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

    h1 {
        font-size: 2.3em;
    }
    h2 {
        font-size: 1.9em;
    }
    h3 {
        font-size: 1.4em;
    }
    h4 {
        font-size: 1.2em;
    }

    .wrapper {
        max-width: calc(100% - 30px);
    }

    .box {
        padding: 20px;
    }
    header .menu,
    header .userbar {
        /* width: 100% !important; */
    }

    header .menu a.logo {
        /* margin: 0 auto; */
    }

    header .userbar .profile {
        justify-content: center;
        margin: 10px 0;
    }

    .slicknav_btn {
        top: 225px;
    }

    .slicknav_btn.slicknav_open {
        top: 591px;
    }

    .level_client .slicknav_btn {
        top: 165px;
    }

    .level_client .slicknav_btn.slicknav_open {
        top: 410px;
    }

    .title h1{
        display: block;
        /*text-align: center;*/
        font-size: 1.6rem;
    }

    .title.title_my-clients + section h3{
        text-align: center
    }

    body header + div.title h1 + a.btn.header-nav-btn {
        display: block;
        float: none;
        margin-top: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    a.btn.small[data-type][data-display]{
        width: 100%;
    }

    a.btn.btn-square.login-as span {
        display: none;
    }


}

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

    header .top .wrapper .logo {
        height: 20px;
    }
    .numbers.box .col.number {
        width: 50%;
        padding: 12px 5px;
        justify-content: flex-start;
        margin-bottom: 0.5px;
    }
    .numbers.box .number:nth-child(3) {
        /* order: 5; */
    }
    .filter-row {
        flex-wrap: wrap;
    }
    .filter-row .mark-unread {
        width: 100%;
        flex-shrink: 0;
        margin: -3px 0 7px 0;
    }

}