@media (max-width: 1024px) {
    .user-ellipsis-name {
        width: 66.66666667%;
    }
    #nextSteps .font-size-18 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .application-profile-container .box-writing {
        left: 75px;
    }

    .dashboard-sort-bar div.m-t-10.pull-left {
        float: none !important;
        margin: 0 0 10px 0;
    }

}

@media (max-width: 991px) {
    #saveJobButton {
        margin-bottom: 12px;
    }
}

@media (max-width: 768px) {
    select {
        width: 100%;
        min-width: 160px;
    }

    .admin-dashboard-select + .select2-container--default {
        width: 200px !important;
    }
    .dashboard-sort-bar div.m-t-10.pull-left {
        float: none !important;
        margin: 0 0 10px 0;
    }
    .dashboard-sort-bar div.m-l-10.pull-left {
        margin: 0;
        max-width: 180px;
    }
    .company-dashboard-filters .data-table-search {
        max-width: 100px;
    }

    .step-description {
        padding: 20px;
    }

    .add-users-form {
        height: auto;
        margin: 0;
    }
    .userJobFlow.container-add-user {
        padding-left: 20px;
    }
    .userJobFlow h5 {
        padding-left: 20px !important;
    }
    .sendInvitation {
        float: none !important;
        margin: 10px 20px;
    }
    #nextSteps .font-size-18 {
        font-size: 16px;
    }
    .panel.panel-profile h3.language-level {
        padding-top: 5px;
    }
    .data_2 label {
        padding-top: 15px;
    }

    #addStrengthsProfileModal #test-start .modal-header,
    #addStrengthsProfileModal #company-compatibility .modal-header,
    #addStrengthsProfileModal #candidate-compatibility .modal-header,
    #addStrengthsProfileModal #user-compatibility .modal-header,
    #addStrengthsProfileModal #test-end .modal-header {
        min-height: 140px !important;
    }
    #addStrengthsProfileModal .modal-header h2 {
        margin-top: 25px !important;
        font-size: 20px !important;
    }
    #addStrengthsProfileModal[data-page='start'] .modal-body {
        padding: 0 20px 20px !important;
    }
    #addStrengthsProfileModal[data-page='start'] p {
        margin: 20px 0 !important;
    }
    #addStrengthsProfileModal .response-container {
        margin: 0 !important;
    }
    #wordContainer {
        font-size: 22px !important;
    }
    #addStrengthsProfileModal .responses {
        padding-top: 0 !important;
    }
    #addStrengthsProfileModal .responses label {
        top: 55px !important;
    }
    #addStrengthsProfileModal .modal-footer .page {
        margin: 0 3px !important;
    }
    #user-compatibility .modal-body {
        padding: 0 20px !important;
    }

    #addCompanyStrengthsProfileModal #test-start .modal-header,
    #addCompanyStrengthsProfileModal #company-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #candidate-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #user-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #test-end .modal-header {
        min-height: 200px !important;
    }
    #addCompanyStrengthsProfileModal .modal-header h2 {
        margin-top: 25px !important;
        font-size: 20px !important;
    }
    #addCompanyStrengthsProfileModal[data-page='start'] .modal-body {
        padding: 0 20px 20px !important;
    }
    #addCompanyStrengthsProfileModal[data-page='start'] p {
        margin: 20px 0 !important;
    }
    #addCompanyStrengthsProfileModal .response-container {
        margin: 0 !important;
    }
    #wordContainer {
        font-size: 22px !important;
    }
    #addCompanyStrengthsProfileModal .responses {
        padding-top: 0 !important;
    }
    #addCompanyStrengthsProfileModal .responses label {
        top: 55px !important;
    }
    #addCompanyStrengthsProfileModal .modal-footer .page {
        margin: 0 3px !important;
    }
}

@media (max-width: 767px) { /* one pixel difference */
    .company-container {
        height: 190px;
    }
}

/* iphone plus landscape with tabs bugs */
@media (max-width: 737px) and (min-width: 735px) {
    html.mm-opened, html.mm-opened {
        overflow: auto;
    }

    #mmenu {
        transform: translate3d(0px,0px,0px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute !important;
    }

    body.modal-open {
        position: absolute !important;
        overflow: auto !important;
    }

    .modal.in {
        bottom: auto;
        height: 100%;
    }
    .modal.in .modal-dialog {
        transform: translate3d(0px,0px,0px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute !important;
        width: calc(100% - 20px);
        z-index: 3050;
    }
    .position-modal .nav-tabs > li > a {
        min-height: 0;
    }
    .position-modal .nav-tabs li {
        width: 33%;
    }
    .about-banner .tagline:after {
        top: 40px;
    }
    .about-banner-employer .tagline:after {
        top: 380px;
    }
    #editUserModal {
        top: -345px;
    }
}

@media (max-width: 500px) {

    .purple-button-team {
        margin-left: 0!important;
        font-size: 12px!important;
        width: 100%!important;
        min-width: 100%!important;
    }

    #addFilters .modal-body, #addFilters .modal-footer {
        padding-right: 20px;
        padding-left: 20px;
    }
    .dashboard-sort-bar div.m-l-10.pull-left {
        margin: 0 0 10px 0;
        float: none !important;
    }
    .admin-dashboard-select + .select2-container--default {
        width: 100% !important;
    }

    #toast-container > .toast-success {
        padding-left: 80px !important;
        width: 300px !important;
        padding-bottom: 10px !important;
    }
    #toast-container > .toast-error {
        padding-left: 80px !important;
        width: 300px !important;
        padding-bottom: 10px !important;
    }

    .dashboard-sort-bar div.m-l-10.pull-left {
        max-width: 100%;
    }
    .company-dashboard-filters .data-table-search {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .pagination {
        margin: 10px 0;
    }
    .pagination li {
        padding: 0;
    }
    .pagination:last-child {
        padding-right: 15px;
    }

    .register-success {
        padding: 10px 15px 20px;
    }

    .addStrengthsProfileButton {
        padding-right: 0;
        padding-top: 10px;
        text-align: left;
        font-size: 16px;
    }

    /*.addCompanyStrengthsProfileButton {*/
        /*padding-right: 0;*/
        /*padding-top: 10px;*/
        /*text-align: left;*/
        /*font-size: 16px;*/
    /*}*/

    #addStrengthsProfileModal .modal-footer {
        padding-bottom: 30px;
    }
    #addStrengthsProfileModal .modal-header h2 {
        margin: 15px 20px 0 !important;
        font-size: 18px !important;
    }
    #addStrengthsProfileModal #test-start .modal-header,
    #addStrengthsProfileModal #company-compatibility .modal-header,
    #addStrengthsProfileModal #candidate-compatibility .modal-header,
    #addStrengthsProfileModal #user-compatibility .modal-header,
    #addStrengthsProfileModal #test-end .modal-header {
        min-height: 110px !important;
        background-color: #f0eade !important;
    }
    #addStrengthsProfileModal[data-page='start'] .modal-body {
        padding: 20px !important;
    }
    #addStrengthsProfileModal[data-page='start'] p {
        margin: 0 !important;
        font-size: 15px !important;
    }
    #addStrengthsProfileModal .modal-footer .page {
        margin: 0 3px !important;
    }
    #addStrengthsProfileModal .btn-default-white,
    #addStrengthsProfileModal .btn-custom-white,
    #addStrengthsProfileModal .btn-default-blue {
        margin-bottom: 10px;
    }

    #addStrengthsProfileModal .responses {
        padding: 0 !important;
    }

    #addStrengthsProfileModal .responses label {
        position: static !important;
        clear: both !important;
        height: 0;
        padding: 0;
        margin: 0;
    }
    #addStrengthsProfileModal .responses label.not-at-all {
        text-align: left;
    }
    #addStrengthsProfileModal .responses label.perfectly {
        text-align: right;
    }
    #addStrengthsProfileModal[data-page='company'] .row {
        margin: 0 -10px !important;
    }
    #addStrengthsProfileModal .responses label {
        font-size: 14px !important;
    }
    #user-compatibility .modal-body {
        padding: 20px 20px 0 !important;
    }
    #addCompanyStrengthsProfileModal .modal-footer {
        padding-bottom: 30px;
    }
    #addCompanyStrengthsProfileModal .modal-header h2 {
        margin: 15px 20px 0 !important;
        font-size: 18px !important;
    }
    #addCompanyStrengthsProfileModal #test-start .modal-header,
    #addCompanyStrengthsProfileModal #company-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #can-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #user-compatibility .modal-header,
    #addCompanyStrengthsProfileModal #test-end .modal-header {
        min-height: 200px !important;
    }
    #addCompanyStrengthsProfileModal[data-page='start'] .modal-body {
        padding: 20px !important;
    }
    #addCompanyStrengthsProfileModal[data-page='start'] p {
        margin: 0 !important;
        font-size: 15px !important;
    }
    #addCompanyStrengthsProfileModal .modal-footer .page {
        margin: 0 3px !important;
    }
    #addCompanyStrengthsProfileModal .btn-default-white,
    #addCompanyStrengthsProfileModal .btn-custom-white,
    #addCompanyStrengthsProfileModal .btn-default-blue {
        margin-bottom: 10px;
    }

    #addCompanyStrengthsProfileModal .responses {
        padding: 0 !important;
    }

    #addCompanyStrengthsProfileModal .responses label {
        position: static !important;
        clear: both !important;
        height: 0;
        padding: 0;
        margin: 0;
    }
    #addCompanyStrengthsProfileModal .responses label.not-at-all {
        text-align: left;
    }
    #addCompanyStrengthsProfileModal .responses label.perfectly {
        text-align: right;
    }
    #addCompanyStrengthsProfileModal[data-page='company'] .row {
        margin: 0 -10px !important;
    }
    #addCompanyStrengthsProfileModal .responses label {
        font-size: 14px !important;
    }

    .profile-tools a {
        max-width: 100%;
    }

    #createJobModal h3.font-size-18 br,
    .application-modal .nav li a h3 br {
        display: none;
    }

    #createJobModal h3.font-size-18 {
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .position-modal .nav-tabs li h3.step-undone,
    .application-modal .nav-tabs li h3.step-undone {
        margin-left: 5px;
        margin-bottom: 5px;
    }

    p.position-title {
        width: auto;
    }
    .tabs-content .nav-tabs>li {
        float: none !important;
    }
    #nextSteps .font-size-18 {
        font-size: 13px;
    }

    .sweet-alert {
        top: 0 !important;
        margin-top: 10px !important;
    }

    .application-content-start {
        padding: 30px;
    }

    .application-modal .step-2-container,
    .application-modal .preview-profile-content {
        padding: 20px;
    }

    .application-modal .nav-tabs > li > a {
        margin-right: 0;
    }

    .user-header .container .row, .user-header .container-full .row {
        flex-direction: column;
        text-align: center;
    }
    .application-modal .footer-preview {
        padding: 0 20px;
    }
    .application-modal .footer-preview .pull-left.m-t-40,
    .application-modal .footer-preview .pull-right.m-t-40 {
        float: none !important;
        margin: 0 0 15px 0 !important;
    }
    .application-modal .footer-preview .pull-left.m-t-40 button,
    .application-modal .footer-preview .pull-right.m-t-40 button {
        width: 100% !important;
    }
    .dashboard-sort-bar .search-container {
        float: none !important;
    }
    .dashboard-sort-bar .search-container-grey {
        margin-right: 0 !important;
    }

    .dashboard-sort-bar .search-container-grey i {
        right: 20px;
    }

    .dashboard-sort-bar .search-container-user i {
        top: 30%;
    }

    .advance-sort {
        margin-top: 15px;
    }
    .advance-sort.sort-user-dashboard {
        margin-bottom: 15px;
    }

    .application-profile-container .box-writing {
        left: 70px;
        top: -25px;
    }
    .application-profile-container h3.font-size-60 {
        font-size: 46px;
    }
    .application-profile-container {
        padding: 0 0 0 10px;
    }

    .panel.panel-profile .entry-tools {
        right: -10px;
        top: -5px;
    }
    .panel.panel-profile blockquote {
        padding-right: 0;
    }
    .panel.panel-profile .panel-body.language,
    .panel.panel-profile .panel-body.about {
        padding-right: 20px;
        padding-left: 20px;
    }
    .panel.panel-profile .panel-body.strengths-profile {
        padding-left: 10px;
    }
    .panel.panel-profile .language .item {
        padding-right: 60px;
    }

    .application-modal .pull-left.m-t-30.m-b-10,
    .application-modal .pull-right.m-t-30.m-b-10 {
        float: none !important;
        margin: 10px 0 0 0 !important;
    }
    .application-modal .pull-left.m-t-30.m-b-10 button,
    .application-modal .pull-right.m-t-30.m-b-10 button {
        width: 100% !important;
    }
}