@media screen and (max-width: 1600px) {
    #user-assistance-floating a {
        font-size: 0;
        display: flex;
        align-items: center;
        position: relative;
    }

    #user-assistance-floating a span {
        position: absolute;
        height: 20px;
        width: 20px;
        top: 2px;
        right: 5px;
        line-height: 1;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #user-assistance-floating a::before {
        font-size: 22px;
        font-family: "Font Awesome 5 Pro";
        content: "\f82d" ;
        font-weight: 900;
    }
}

@media screen and (max-width: 1250px) {
    /* header nav */

    #public_topbar .right-side p {
        display: none;
    }

    .guest #public_topbar .right-side {
        top: 16px;
    }
}

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

    /* general */

    .container {
        width: 100%;
    }

    /* register as client */

    body[class*="register"] .page-content .top-text {
        width: 100%;
        max-width: 840px;
    }

    /* crew profile */

    .crew-profile-preview.admin #crew-details .wrapper,
    .crew-profile-preview.super-admin #crew-details .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .crew-profile-preview.admin #crew-details .wrapper > div,
    .crew-profile-preview.super-admin #crew-details .wrapper > div {
        flex-basis: 50%;
        min-width: 250px;
    }

    .crew-profile-preview.admin #crew-details .wrapper > div:first-child,
    .crew-profile-preview.super-admin #crew-details .wrapper > div:first-child {
        margin-bottom: 10px;
    }

    .crew-profile-preview.admin #crew-details > .profile-buttons,
    .crew-profile-preview.super-admin #crew-details > .profile-buttons {
        margin-top: 20px;
        display: block;
        order: 1;
    }

    .crew-profile-preview.admin #crew-details,
    .crew-profile-preview.super-admin #crew-details {
        display: flex;
        flex-direction: column;
    }

    .crew-profile-preview.admin #crew-details > .profile-buttons > *:first-child,
    .crew-profile-preview.super-admin #crew-details > .profile-buttons > *:first-child {
        margin-left: 0;
    }

    /* edit crew profile */

    .crew-profile-edit .wrapper-roles-edit .role.form-items {
        display: flex;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item {
        flex-grow: 2;
        flex-shrink: 2;
        width: auto;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:first-of-type {
        width: 235px;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:nth-of-type(3),
    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:nth-of-type(5)  {
        min-width: 160px;
    }

    #crew-profile-image {
        margin: -215px 0 30px calc(50% - 305px / 2);
        float: none;
        position: absolute;
    }

    #crew-profile-edit .experience > td,
    #crew-profile-edit #crew-experience th {
        padding-left: 10px;
        padding-right: 10px;
    }

    #crew-profile-edit .experience > td {
        text-align: center;
    }

    #crew-experience .experience .datepicker {
        width: 118px;
    }

    #crew-experience .experience .has-name input,
    #crew-experience .experience .has-name {
        width: 100%;
        min-width: 0;
    }

    .form-item.kit input {
        min-width: calc(100% - 46px);
    }
}

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

    /* admin dashboard */

    /* table top for crew page */
    .crews[class*="admin"]  #table-top input,
    .crews[class*="admin"]  #table-top select {
        display: block;
        margin: 10px 0 0;
    }

    .crews[class*="admin"] #table-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .crews[class*="admin"] #table-top .left {
        margin-right: 0;
    }

    .crews[class*="admin"] #table-top .right {
        display: flex;
        justify-content: space-between;
    }

    .crews[class*="admin"] #table-top .right > div {
        flex-basis: calc(50% - 10px);
    }

    .crews[class*="admin"] #table-top .right > div * {
        width: 100%;
    }

    .crews[class*="admin"] #table-top > * {
        float: none;
        text-align: left;
        width: 100%;
    }

    .crews[class*="admin"] #table-top .keyword-filter label {
        vertical-align: bottom;
        width: 100%;
        flex-wrap: wrap;
    }

    .crews[class*="admin"] #table-top .keyword-filter label input,
    .crews[class*="admin"] #table-top .keyword-filter {
        width: 100%;
    }

    .crew[class*="admin"] #crew_individual #table-top,
    .crew.crew-jobs #table-top {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .crew[class*="admin"] #crew_individual #table-top .left,
    .crew.crew-jobs #table-top .left {
        margin-right: 15px;
    }

}

@media screen and (max-width: 1160px) {
    .dashboard-title {
        display: none;
    }
}

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

    .dashboard.assistance #conversation .sidebar-left a.button.neutral {
        margin: 0 0 10px;
    }

    /* header */
    #public_topbar .right-side .button {
        font-size: 0;
        padding: 0 8px;
    }

    #public_topbar .right-side .button.logout {
        display: none;
    }

    #public_topbar .right-side .button i {
        font-size: 20px;
        margin-right: 0;
        vertical-align: middle;
    }

    #public_topbar #main_menu {
        text-align: right;
        padding-right: 25px;
    }

    #public_topbar .right-side {
        position: relative;
        white-space: nowrap;
    }

    #public_topbar {
        display: flex;
        justify-content: flex-end;
    }

    /* crew profile */

    #crew-kit .kit-items .kit {
        width: calc(100% / 2 - 20px);
    }

    #crew-kit .kit-items .kit:nth-of-type(even) {
        margin-right: 0;
    }

    #crew-kit .kit-items .kit:nth-of-type(3n+3) {
        margin-right: 20px;
    }

    #crew-banner.expanded .wrapper,
    #crew-banner.expanded {
        height: 210px;
    }

    .crew-profile-preview.client #crew-details,
    .crew-profile-preview.admin #crew-details,
    .crew-profile-preview.super-admin #crew-details {
        padding-top: 70px;
    }

    /* edit crew profile */

    #crew-kit-edit .kit-items .kit {
        width: calc(100% / 2 - 10px);
        padding-right: 0;
        margin-right: 20px;
    }

    #crew-banner .wrapper button {
        display: none;
    }

    #crew-kit-edit .kit-items .kit:nth-of-type(2n+2) {
        padding-right: 0;
        margin-right: 0;
    }

    #crew-kit-edit .kit-items .kit:nth-of-type(3n+3) {
        margin-right: 20px;
    }

    .portfolio_item {
        width: calc(100% / 2 -  10px);
        height: calc(100vw / 2 - 50px);
        max-height: 275px;
    }

    .portfolio_item:nth-of-type(even) {
        margin-right: 0;
    }

    .portfolio_item:nth-of-type(3n+3) {
        margin-right: 20px;
    }

    .portfolio_item .hover {
        height: calc(100vw / 2 - 50px);
        max-height: 275px;
    }

    .portfolio_item i.zoom, .portfolio_item i.video {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .portfolio_item:nth-of-type(even) {
        margin-right: 0;
    }

    #popup_portfolio_item_edit .portfolio_item_image {
        max-width: 300px;
        width: calc(100% - 320px);
    }

    .crew-profile-edit #crew-details,
    .crew-profile #crew-details {
        padding-top: 70px;
    }

    /* search locations */

    #locations_grid .location {
        width: calc(100% / 2 - 20px);
    }

    #locations_grid .location:nth-child(3n+5) {
        margin-right: 30px;
    }

    #locations_grid .location:nth-child(2n+4) {
        margin-right: 0;
    }

    #locations_grid .location .featured-image {
        height: 300px;
    }

    #locations_grid .location .featured-image a {
        height: 100%;
    }

    /* single location */

    #location_all_images .image {
        width: calc(100% / 2 - 20px);
    }

    #location_all_images .image:nth-child(3n+3) {
        margin-right: 20px;
    }

    #location_all_images .image:nth-child(2n+2) {
        margin-right: 0;
    }

    /* search crew */

    #search_crew_form {
        padding-left: 20px;
        padding-right: 20px;
    }

    #search_crew_form input {
        margin-bottom: 10px;
    }

    #search_crew_form input[type='submit'] {
        display: block;
        margin: 10px auto 0;
    }

    #searchcrew_grid .crew {
        width: calc(100% / 2 - 15px);
    }

    #searchcrew_grid .crew:nth-child(odd) {
        margin-left: 0;
    }

    #searchcrew_grid .crew:nth-child(2n+2) {
        margin-right: 0;
    }

    /* footer */

    #footer .columns {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0;
    }

    #footer .container .column {
        width: 100%;
        border: 0;
        padding: 0 0 20px;
        text-align: center;
    }

    #footer .container .column form {
        text-align: center;
    }

    /* login page */
    #login_page .box.login {
        width: 100%;
        margin-bottom: 30px;
    }

    #login_page,
    #login_page .wrapper {
        height: 100%;
    }

    #login_page .wrapper {
        flex-wrap: wrap;
        padding-top: 110px;
    }

    #login_page .box {
        width: calc(100% / 2 - 30px);
        height: auto;
    }

    /* conversations */

    body[class*="conversation"] #conversation {
        display: flex;
        flex-direction: column;
    }

    body[class*="conversation"] #conversation > * {
        width: 100%;
    }

    /* crew account managing page (crew account and admin) */

    .crew[class*="admin"] .crew_details .box,
    .dashboard.myaccount.crew .crew_details .box {
        width: 50%;
        padding: 0 20px;
    }

    .crew[class*="admin"] .crew_details .box.empty,
    .dashboard.myaccount.crew .crew_details .box.empty {
        display: none;
    }

    /* statistics */

    .crew-stats .chart,
    .crew-stats .pie-charts .pie-chart,
    .crew-stats .small-boxes .small-box {
        width: calc(100% / 2 - 20px);
    }

    .crew-stats .pie-charts .pie-chart,
    .crew-stats .small-boxes .small-box {
        margin: 10px 0;
    }

    /* client profile users table */

    .users.section tr > *:nth-last-child(4),
    .users.section tr > *:nth-last-child(3) {
        display: none;
    }

}

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

    /* Showcase grid */
    .showcase_item {
        width: calc(100% / 2 - 20px);
    }

    .showcase_item:nth-child(3n+3) {
        margin-right: 20px;
    }

    .showcase_item:nth-child(2n+2) {
        margin-right: 0;
    }


    /* clients view on admin dashboard */

    .clients[class*="admin"] #users_list tr > *:nth-of-type(4),
    .clients[class*="admin"] #users_list tr > *:nth-of-type(6),
    .clients[class*="admin"] #users_list tr > *:nth-of-type(7) {
    display: none;
    }
}

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

    #crew-experience .experience .dates {
        min-width: 200px;
    }
}

@media screen and (max-width: 950px) {
  .dashboard #user_topbar #main_menu li a,
  .admin #user_topbar #main_menu li a {
      font-size: 0;
      height: 100%;
      position: relative;
      top: -7px;
  }

  .dashboard #user_topbar #main_menu li a::before,
  .admin #user_topbar #main_menu li a::before  {
      position: absolute;
      top: 0;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 25px;
      color: #000;
  }

  #user_topbar #main_menu li.active a::before,
  #user_topbar #main_menu li:hover a::before {
    color: white;
  }

  /* admin / super-admin */
  .dashboard[class*="admin"] #user_topbar #main_menu li:nth-of-type(5) a::before,
  .admin #user_topbar #main_menu li:nth-of-type(5) a::before,
  .dashboard.client #user_topbar #main_menu li:nth-of-type(1) a::before,
  .dashboard.crew #user_topbar #main_menu li:nth-of-type(1) a::before {
    content: "\f4fe"; /*user cog*/
  }

  .dashboard[class*="admin"] #user_topbar #main_menu li:nth-of-type(4) a::before,
  .admin #user_topbar #main_menu li:nth-of-type(4) a::before,
  .dashboard.client #user_topbar #main_menu li:nth-of-type(2) a::before,
  .dashboard.crew #user_topbar #main_menu li:nth-of-type(2) a::before {
    content: "\f46d"; /*clipboard*/
  }

  .dashboard[class*="admin"] #user_topbar #main_menu li:nth-of-type(3) a::before,
  .admin #user_topbar #main_menu li:nth-of-type(3) a::before {
    content: "\f508"; /*user tie*/
  }

  .dashboard[class*="admin"] #user_topbar #main_menu li:nth-of-type(2) a::before,
  .admin #user_topbar #main_menu li:nth-of-type(2) a::before {
    content: "\f0c0"; /*users group*/
  }

  .dashboard[class*="admin"] #user_topbar #main_menu li:nth-of-type(1) a::before,
  .admin #user_topbar #main_menu li:nth-of-type(1) a::before {
    content: "\f3c5"; /*pin*/
  }

  .dashboard.client #user_topbar #main_menu li:nth-of-type(3) a::before {
    content: "\f002"; /*search*/
  }

  .dashboard.crew #user_topbar #main_menu li:nth-of-type(3) a::before {
      content: "\f2bd"; /*user circle*/
  }

  /* jobs table */
  .jobs-all[class*="admin"] #jobs_list tr > *:nth-child(3),
  .jobs-all[class*="admin"] #jobs_list tr > *:nth-child(5) {
    display: none;
  }

  #jobs_list table td:first-child a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 90px;
  }

  #jobs_list table td:first-child a:hover {
      border: 0;
      text-decoration: underline;
  }

  #jobs_list table td:first-child {
    min-width: 100px;
  }

  #popup_crew_job_invoice_edit thead {
      display: none;
  }

  #popup_crew_job_invoice_edit tr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
  }

  #popup_crew_job_invoice_edit tr > td:last-child {
      flex-basis: 100%;
  }
}

@media screen and (max-width: 920px) {
    .dashboard.jobs-all  #table-top input,
    .dashboard.jobs-all  #table-top select,
    .locations[class*="admin"]  #table-top input,
    .locations[class*="admin"]  #table-top select,
    .clients[class*="admin"]  #table-top input,
    .clients[class*="admin"]  #table-top select,
    .client[class*="admin"]  #table-top input,
    .client[class*="admin"]  #table-top select,
    .jobs.client  #table-top input,
    .jobs.client  #table-top select,
    .crews[class*="admin"]  #table-top input,
    .crews[class*="admin"]  #table-top select {
        display: block;
        margin: 10px 0 0;
    }

    .jobs-all[class$="admin"] #table-top,
    .locations[class*="admin"] #table-top,
    .clients[class*="admin"] #table-top,
    .client[class*="admin"] #table-top,
    .jobs.client #table-top,
    .crews[class*="admin"]  #table-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .jobs-all[class$="admin"] #table-top > *,
    .locations[class*="admin"] #table-top > *,
    .clients[class*="admin"] #table-top > *,
    .client[class*="admin"] #table-top > *,
    .jobs.client #table-top > * {
        float: none;
        text-align: left;
    }

    .jobs-all[class$="admin"] #table-top .filter-item,
    .client[class*="admin"] #table-top .filter-item,
    .clients[class*="admin"] #table-top .filter-item,
    .locations[class*="admin"] #table-top .filter-item,
    .jobs.client #table-top .filter-item  {
        margin-bottom: 10px;
    }

    .jobs-all[class$="admin"] #table-top .filter,
    .client[class*="admin"] #table-top .filter,
    .clients[class*="admin"] #table-top .filter,
    .locations[class*="admin"] #table-top .filter,
    .jobs.client #table-top .filter {
        margin-bottom: 10px;
    }

}

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

    /* admin dashboard */

    /*crews*/
    .crews[class*="admin"] table tr > *:nth-of-type(4) {
        display: none;
    }

    .crews[class*="admin"] table tr > *,
    .clients[class*="admin"] table tr > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    .crews[class*="admin"] #users_list tr > td:first-child {
        min-width: 0;
    }

    .crews[class*="admin"] #users_list tr > td > .button:first-child {
        display: none;
    }

    .job #job_crew_list tr.text-right:last-child td {
        text-align: center;
    }
}

@media screen and (max-width: 850px) {
    /* crew profile */

    #crew-details .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    #crew-details .wrapper > div {
        flex-basis: 50%;
        min-width: 250px;
    }

    #crew-details .wrapper > div:first-child {
        margin-bottom: 10px;
    }

    #crew-details > .profile-buttons {
        margin-top: 20px;
        display: block;
        order: 1;
    }

    #crew-details {
        display: flex;
        flex-direction: column;
    }

    #crew-details > .profile-buttons > *:first-child {
        margin-left: 0;
    }

    /* admin dashboard */

    /* locations table */

    .locations[class*="admin"] #locations_list tr td:nth-of-type(5),
    .locations[class*="admin"] #locations_list tr th:nth-of-type(5),
    .locations[class*="admin"] #locations_list tr td:nth-of-type(1) > .button:last-child {
        display: none;
    }

    /* edit location */

    .location-edit[class*="admin"] #popup_location_image_edit .popup_content form:first-of-type {
        display: flex;
        flex-wrap: wrap;
    }

    #popup_location_image_edit .location_image {
        margin: 0 auto 10px;
    }

    .locations #search_field {
        width: calc(100% - 40px);
        margin-bottom: 15px;
    }

    /* jobs table */

    .jobs-all[class*="admin"] #jobs_list tr > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* job crew table */

    .job #job_crew_list tr > *:nth-of-type(2),
    .job #job_crew_list tr > *:nth-of-type(5),
    .crew[class*="admin"] .section.jobs tr > *:nth-of-type(2),
    .crew.crew-jobs #jobs_list tr > *:nth-of-type(2),
    .crew[class*="admin"] .section.jobs tr > *:nth-of-type(5),
    .crew.crew-jobs #jobs_list tr > *:nth-of-type(5) { /*hide role and messages columns*/
        display: none;
    }

    .job #job_crew_list tbody tr:not(.text-right) > td:first-child {
        white-space: nowrap;
    }

    .job #job_crew_list th:first-child,
    .job #job_crew_list th:nth-of-type(4) {
        font-size: 0;
    }

    .job #job_crew_list th:first-child::before {
        content: "Crew";
        font-size: 16px;
    }

    .job #job_crew_list th:nth-of-type(4)::before {
        content: "Status";
        font-size: 16px;
    }

    /* activity table */
    .job[class*="admin"] .activity tr > *:nth-of-type(2),
    .job.client .activity tr > *:nth-of-type(2),
    .job[class*="admin"] .activity tr > *:nth-of-type(4),
    .job.client .activity tr > *:nth-of-type(4),
    .job-booked .activity tr > *:nth-of-type(3),
    .client[class*="admin"] .activity.section tr > *:nth-of-type(2),
    .client[class*="admin"] .activity.section tr > *:nth-of-type(4) {
        display: none;
    }

    .job[class*="admin"] .activity th:nth-of-type(3),
    .job.client .activity th:nth-of-type(3),
    .job-booked .activity th:nth-of-type(2),
    .client[class*="admin"] .activity.section th:nth-of-type(3) {
        font-size: 0;
    }

    .job[class*="admin"] .activity th:nth-of-type(3)::before,
    .job.client .activity th:nth-of-type(3)::before,
    .job-booked .activity th:nth-of-type(2)::before,
    .client[class*="admin"] .activity.section th:nth-of-type(3)::before {
        font-size: 16px;
        content: "User";
    }

    .client[class*="admin"] .jobs.section tr > *:nth-child(3),
    .client[class*="admin"] .jobs.section tr > *:nth-child(4),
    .client[class*="admin"] .jobs.section tr > *:last-child,
    .client.jobs table:not(.calendar-month) tr > *:nth-child(3),
    .client.jobs table:not(.calendar-month) tr > *:nth-child(4),
    .client.jobs table:not(.calendar-month) tr > *:last-child {
        display: none;
    }

    .estimate .receipt > a {
        font-size: 0;
    }

    .estimate .receipt > a > i {
        font-size: 16px;
    }
}

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

    /* public nav */
    #public_topbar .small-logo {
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    #public_topbar .right-side {
        flex-basis: 100%;
        right: 0;
        top: 0;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        align-items: center;
        flex-direction: row-reverse;
    }

    .guest #public_topbar .right-side {
        top: 0;
    }

    #public_topbar .right-side .logged-in {
        margin-top: 0;
    }

    #public_topbar .right-side .button {
        margin-left: 0;
    }

    #public_topbar .right-side .button:last-child {
        display: inline-block;
        height: 36px;
        width: 36px;
        text-align: center;
    }

    #public_topbar .open + .right-side .button:last-child {
      background: #8e25a4;
      color: #fff;
    }

    #public_topbar .open + .right-side .button:last-child i::before {
      content: "\f00d";
      color: #fff;
    }

    #public_topbar #main_menu {
        position: absolute;
        top: 0;
        transform: translate(0, 70px);
        background: #fff;
        height: auto;
        display: none;
        padding-right: 0;
        text-align: center;
    }

    #public_topbar #main_menu li,
    #public_topbar #main_menu li a {
        display: block;
        color: #000;
        line-height: 50px;
    }

    #public_topbar #main_menu li:hover a,
    #public_topbar #main_menu li:hover,
    #public_topbar #main_menu li.active a,
    #public_topbar #main_menu li.active {
      background: #8e25a4;
      color: #fff;
      border: 0;
    }

    #public_topbar #main_menu li:not(:last-child)::after {
        display: none;
    }
}

@media screen and (max-width: 800px) {
  .crew-profile-preview .popup .month-wrapper {
      width: 100%;
      padding: 0 5px;
      margin: 0 5px 0 0;
  }

  .crew-profile-preview .popup .calendar-wrapper {
      padding: 0 20px;
  }

  .crew-profile-preview .popup .calendar-wrapper th {
      padding: 10px 0;
      text-align: center;
  }

  .crew-profile-preview .popup .popup_content {
      padding-right: 10px;
  }

    /* crew search */

  #search_crew_form #search_calendar {
    width: calc(100vw - 40px);
    left: calc( -50vw + 190px);
  }

  #search_crew_form > form > div {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  #search_crew_form > form > div #select_dates {
    margin-right: 0;
    margin-top: 10px;
  }

}

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

    /* search locations */

    form .form-items .form-item {
        width: 100%;
        padding-right: 0;
    }

    /* register as client */

    body[class*="register"] .top-text .mobile-illustration {
        float: none;
        width: 230px;
        height: 330px;
        position: absolute;
        top: -380px;
        left: calc(50% - 115px);
    }

    body[class*="register"] .top-text .mobile-illustration .image {
        width: 208px;
        height: 260px;
        left: 11px;
        top: 70px;
    }

    body[class*="register"] .page-content .top-text {
        background: 0;
        top: 0;
        padding: 0;
        position: relative;
    }

    body[class*="register"] .page-content {
        padding-top: 0;
    }

    body[class*="register"] .form-wrapper {
        padding-top: 0;
    }

    body[class*="register"] form .form-item.three {
        width: 100%;
        padding-right: 0;
    }

    body[class*="register"] .form-wrapper .guidance_text {
        padding: 0;
    }

    /* crew profile */

    #crew-roles .wrapper-roles {
        flex-wrap: wrap;
    }

    #crew-roles .crew-role {
        width: calc(100% / 2 - 20px);
        margin-bottom: 20px;
    }

    #crew-roles .crew-role:nth-of-type(even) {
        margin-right: 0;
    }

    #crew-roles .crew-role:nth-of-type(3n+3) {
        margin-right: 20px;
    }

    /* edit crew profile */

    .crew-profile-edit .wrapper-roles-edit .role.form-items {
        flex-wrap: wrap;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:first-child,
    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:nth-of-type(4) {
        flex-basis: 100%;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item {
        flex-basis: calc(100% / 2);
        padding-right: 0;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:nth-of-type(even) {
        padding-right: 0;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items .form-item:nth-of-type(4n+2) {
        padding-right: 12px;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items::after {
        content: "";
        height: 1px;
        flex-basis: 100%;
        background: #c3c3c3;
        margin: 20px 0;
    }

    #crew-profile-edit .wrapper-roles-edit .role.form-items:last-child::after {
        display: none;
    }

    /* admin dashboard */

    /* general for dashboard tables (users, jobs) */

    /* users */

    .users[class*="admin"] #users_list thead {
        display: none;
    }

    .users[class*="admin"] #users_list tr td {
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .users[class*="admin"] #users_list tr {
        display: flex;
        flex-direction: column;
        text-align: right;
    }

    /* users */

    .users[class*="admin"] #users_list tr td:nth-of-type(1)::before {
        content: "User ID: ";
    }

    .users[class*="admin"] #users_list tr td:nth-of-type(2)::before {
        content: "Name: ";
    }

    .users[class*="admin"] #users_list tr td:nth-of-type(3)::before {
        content: "Email: ";
    }

    .users[class*="admin"] #users_list tr td:nth-of-type(4)::before {
        content: "Roles: ";
    }

    .users[class*="admin"] #users_list tr td:nth-of-type(5)::before {
        content: "Actions: ";
    }

    /* crews */

    .crews[class*="admin"] #table-top .filter-item {
        margin-top: 10px;
    }

    /* statistics */

    .crew-stats .chart,
    .crew-stats .pie-charts .pie-chart,
    .crew-stats .small-boxes .small-box {
        width: 100%;
    }
}

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

    /* client users section */

    .client[class*="admin"] .users.section tr > *,
    .estimate tr > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    .job-completed .page-content .estimate tr:not(.totals) > *:nth-of-type(3),
    .job-completed .page-content .estimate tr:not(.totals) > *:nth-of-type(4),
    .job-completed .page-content .estimate tr.totals > *:nth-of-type(1),
    .job-completed .page-content .estimate tr.totals > *:nth-of-type(2) {
        display: none;
    }

    .job-completed .activity.section tr > *:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    /* tabletop */

    .jobs-all[class*="admin"] #table-top > *,
    .locations[class$="admin"] #table-top > *,
    .clients[class$="admin"] #table-top > *,
    .client[class$="admin"] #table-top > *,
    .client.jobs #table-top > * {
        flex-basis: 100%;
    }

    .jobs-all[class*="admin"] #table-top .keyword-filter,
    .locations[class$="admin"] #table-top .keyword-filter,
    .clients[class$="admin"] #table-top .keyword-filter,
    .client[class$="admin"] #table-top .keyword-filter,
    .client.jobs #table-top .keyword-filter,
    .jobs-all[class*="admin"] #table-top .keyword-filter *:not(button),
    .locations[class$="admin"] #table-top .keyword-filter *:not(button),
    .clients[class$="admin"] #table-top .keyword-filter *:not(button),
    .client[class$="admin"] #table-top .keyword-filter *:not(button),
    .client.jobs #table-top .keyword-filter *:not(button),
    .jobs-all[class*="admin"] #table-top .sortby *:not(button),
    .locations[class$="admin"] #table-top .sortby *:not(button),
    .clients[class$="admin"] #table-top .sortby *:not(button),
    .client[class$="admin"] #table-top .sortby *:not(button),
    .client.jobs #table-top .sortby *:not(button) {
        width: 100%;
    }

}

@media screen and (max-width: 705px) {
    /* crews page tabletop */
    .crews[class*="admin"] #table-top .label-replacement {
        display: block;
    }
}

@media screen and (max-width: 700px) {
    /* Showcase grid */
    .showcase_item {
        width: 100%;
        margin-right: 0 !important;
    }

    .crews-email .section .label {
      margin-bottom: 10px;
      vertical-align: middle;
  }

  .dashboard #user_topbar .right-side p,
  .dashboard #user_topbar .right-side i,
  .admin #user_topbar .right-side p,
  .admin #user_topbar .right-side i {
    display: none;
  }

  .dashboard #user_topbar .right-side .logout a,
  .admin #user_topbar .right-side .logout a {
    font-size: 0;
    height: 60px;
    width: 50px;
    position: relative;
    margin: 0;
  }

  .dashboard #user_topbar .right-side .logout a:hover,
  .admin #user_topbar .right-side .logout a:hover {
    background: #959595;
    border: 0;
  }

  .dashboard #user_topbar .right-side .logout:hover a::before,
  .admin #user_topbar .right-side .logout:hover a::before {
    color: #fff;
  }

  .dashboard #user_topbar .right-side,
  .admin #user_topbar .right-side {
    padding: 0;
  }

  .dashboard #user_topbar .right-side .logout,
  .admin #user_topbar .right-side .logout {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .dashboard #user_topbar .right-side a::before,
  .admin #user_topbar .right-side a::before {
    content: "\f13e";
    position: absolute;
    top: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #a00;
  }

  /* admin / editor view of clients users section */

  .client[class*="admin"] .users.section thead {
      display: none;
  }

  .client[class*="admin"] .users.section tr td {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

 .client[class*="admin"] .users.section tr {
    display: flex;
    flex-direction: column;
    text-align: right;
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(1)::before {
    content: "Actions: ";
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(1) .button:first-child {
      margin-left: auto;
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(1) .button:nth-of-type(2) {
      margin-left: 10px;
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(2)::before {
    content: "Primary: ";
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(3),
  .client[class*="admin"] .users.section tr td:nth-last-of-type(4) {
    display: none;
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(5)::before {
    content: "Email: ";
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(6)::before {
    content: "User Name: ";
  }

  .client[class*="admin"] .users.section tr td:nth-last-of-type(7)::before {
    content: "ID: ";
  }

  .crews[class*="admin"] #table-top .right {
    flex-direction: column;
 }

  .crews[class*="admin"] #table-top .right > div {
    flex-basis: calc(100%);
  }

}