@media (max-width: 1024px) {
    input[type="text"], input[type="email"], input[type="password"] {
        font-size: 13px;
    }

    table .select-action {
        width: 5%;
    }

    .nice-select {
        font-size: 13px;
    }

    .notification-list .dropdown-menu.dropdown-menu-right {
        margin-right: 0;
        font-size: 11px;
    }

    .skillfinder-logo {
        height: 40px;
    }

    #basic-datatable_wrapper .btn-light {
        background: none;
        border: none;
    }

    .dropdown-menu.mobile {
        transform: translate3d(76px, 37px, 0px) !important;
    }

    .modal.show .modal-dialog {
        margin: 40% 0 0 0;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal-title {
        font-size: 15px;
    }

    .modal {
        padding-left: 0 !important;
    }

    .modal-header .close-edit-modal {
        top: 25px !important;
    }

    .modal-body p {
        font-size: 13px;
    }

    .settings-modal-content {
        width: 88%;
    }

    .save-project-form-wrapper.show {
        right: 15px;
        position: absolute;
        bottom: 5px;
        width: 150px;
        height: 35px;
    }

    .save-wrapper {
        width: 150px;
        height: 35px;
        position: relative;
        margin-top: 0;
    }

    .js-send-project-form {
        min-width: 100px !important;
        height: 35px;
    }

    .btn:not(.modal-btn):not(.note-btn) {
        width: 100%;
        font-size: 12px !important;
    }

    .btn:not(.modal-btn).width-auto {
        width: auto !important;
    }

    .assigned-managers-wrapper,
    .assigned-tipsters-wrapper {
        display: flex;
        justify-content: center;
    }

    .btn.toggle-on, .btn.toggle-off {
        width: unset !important;
    }

    .btn.toggle {
        width: 60px !important;
    }

    .btn.toggle-handle {
        width: 30px !important;
    }

    .table td {
        font-size: 12px;
    }

    .table td .tag-button,
    .modal .tag-button {
        font-size: 10px;
        height: 25px;
    }

    .table td .tag-button .promoted-star {
        font-size: 14px;
    }

    .stop-impersonate {
        position: relative;
        top: -45px;
    }

    .stop-impersonate a {
        height: 35px;
        font-size: 12px;
    }

    #employment-table .employment-history-thead th,
    #education-table .employment-history-thead th,
    #activity-table th {
        font-size: 12px;
    }

    .project-modal .modal-dialog {
        margin-top: 5% !important;
    }

    button[data-toggle="modal"] {
        min-width: 190px !important;
    }

    .billing-address-container {
        top: 5px !important;
    }

    .create-new-element-wrapper {
        margin-right: 0;
    }

    .project-container table td,
    .project-container table th {
        font-size: 10px !important;
    }

    .modal-dialog {
        min-width: fit-content !important;
    }

    .project.nav-tabs .nav-item {
        margin-bottom: 10px;
        justify-content: center !important;
        display: flex !important;
        padding: unset !important;
    }

    .project .table .select-action:focus .nice-select,
    .project .table.select-action:hover .nice-select {
        background: unset;
    }

    .trashbin-wrapper {
        margin-left: 0 !important;
    }

    .trashbin-wrapper img {
        width: 20px;
    }

    .send-form-arrow {
        display: none;
    }

    .edit-contact:hover .animation-line-left {
        width: 25px;
        left: 4px;
    }

    .project-container .parse-card {
        top: 0;
    }

    .table .nice-select.wide .list {
        width: fit-content;
        left: -90px !important;
    }

    table.dataTable thead > tr > th.sorting:before,
    table.dataTable thead > tr > th.sorting_desc:before {
        right: 15px !important;
        width: 8px !important;
    }

    table.dataTable thead > tr > th.sorting:after,
    table.dataTable thead > tr > th.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_desc:after {
        width: 8px !important;
    }

    .create-new-project-wrapper {
        padding-right: 15px;
    }

    .mobile-collapsed-menu-wrapper {
        z-index: 0;
        width: 50px;
        float: right;
        height: 0;
    }

    .project-navbar,
    .skills-navbar {
        display: none;
    }

    .project-navbar.show,
    .skills-navbar.show {
        display: block;
        min-width: 60px !important;
        width: 120px;
    }

    .skills-navbar.show {
        background: unset;
        top: 80px;
    }

    .skills-navbar.show .navbar  {
        background: white !important;
    }

    .project-navbar .navbar-nav {
        margin-top: 50px;
    }

    .skills-navbar .navbar-nav {
        margin-top: 0;
        background: white;
    }

    .collapse-project-menu,
    .collapse-skill-menu {
        display: block;
        position: absolute;
        left: 25px;
        top: 5px;
        z-index: 10;
    }

    .collapse-skill-menu {
        top: 40px;
    }

    .collapse-project-menu img,
    .collapse-skill-menu img {
        width: 25px;
    }

    .collapse-project-menu.open img,
    .collapse-skill-menu.open img {
        transform: rotate(180deg);
    }

    .replace-skill-container.ui-droppable-active {
        background: #aa916a;
    }

    .navbar-fixed-left .navbar-nav > li > a {
        transform: scale(0.7);
        margin-top: -5px !important;
        margin-bottom: 10px !important;
    }

    .navbar-fixed-left .navbar-nav .back-to-main-board {
        transform: scale(1);
        margin-bottom: 0 !important;
    }

    .navbar-fixed-left .navbar-nav .back-to-main-board div {
        font-size: 10px !important;
    }

    .navbar-fixed-left .navbar-nav .back-to-main-board div img {
        width: 12px !important;
        margin-right: -10px !important;
        position: relative;
        left: -15px;
    }

    .video-tutorial i, .chat-support i, .frillco-button i {
        display: none;
    }

    .video-tutorial {
        right: 125px;
    }

    .frillco-button {
        right: 230px !important;
    }

    .pagination {
        font-size: 10px;
    }

    .upload-form, .uploader-container {
        height: inherit;
    }

    .is-updated {
        left: 20px;
        top: 25px;
    }

    #chart-line {
        display: none !important;
    }

    .without-cv-button {
        margin-top: 0 !important;
        position: relative;
    }

    .add-relationship-container {
        min-width: 250px !important;
    }

    .add-relationship-container.ui-droppable-active {
        background: #aa916a;
    }

    .select-action {
        min-width: unset !important;
    }

    .filename {
        position: relative;
        top: 25px;
        left: 50px;
        margin-bottom: 0 !important;
    }

    .uploader-section {
        max-width: 100%!important;
    }

    .remaining-limit-title {
        display: none;
    }

    .organization-searchbar {
        width: 100% !important;
    }

    .project [type="checkbox"]:checked + label:before,
    .project [type="checkbox"]:not(:checked) + label:before {
        top: 1px;
        width: 20px;
        height: 20px;
    }

    .project [type="checkbox"]:checked + label:after,
    .project [type="checkbox"]:not(:checked) + label:after {
        top: 0;
        width: 21px;
        height: 21px;
    }

    .butt.tadam, .but.tadam .filter-button {
        max-width: 100%;
        width: 100%;
    }

    .js-show-processing-profiles {
        position: relative;
        top: 55px;
    }

    #progressBar {
        height: 15px;
    }

    .static-text {
        height: max-content;
    }

    .project-search-wrapper #projectListInputSearch {
        height: 30px;
        width: 300px;
    }

    .project-search-wrapper img {
        width: 20px;
    }

    .project-container.container-fluid {
        margin-top: 0 !important;
    }

    .container-fluid {
        margin-top: -3px;
    }

    .project-search-wrapper .filter-project {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .project-search-wrapper .filter-project.collapsed {
        min-width: 250px;
    }

    .project-search-wrapper .choose-filters {
        font-size: 12px !important;
    }

    .project-search-wrapper .filter-project img {
        width: 22px !important;
    }

    #close-project-filters {
        font-size: 35px;
        top: -5px;
    }

    .project .nice-select .option {
        font-size: 12px;
        padding-left: 12px;
    }

    .filter-project-list .section .title .triangl {
        top: 5px;
    }

    .project .parse-profile-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .edit-contact img {
        width: 15px !important;
        left: 1px !important;
    }

    .table .nice-select {
        height: 30px;
        padding-left: 0;
    }

    .table .nice-select .current {
        /*font-size: 10px;*/
        display: none;
    }

    .project .select-dots div {
        width: 3px;
        height: 3px;
    }

    .select-wrapper.table-select .select-dots {
        right: -20px;
    }

    .project .nice-select:not(.not-custom-arrow) .select-arrow {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #41ABC4;
        right: 5px;
    }

    .circle-chart {
        top: -10px;
        left: 0;
        margin-left: 50%;
    }

    .circle-chart svg {
        right: 50px;
    }

    .odometer {
        left: 0;
        bottom: -4px;
        width: 100%;
    }

    .remaining-amount {
        display: block;
        left: 0;
        bottom: -53px;
        width: 100%;
        text-align: center;
    }

    .app-user {
        margin-top: 20px;
    }

    .interim-icon {
        width: 30px;
        height: 30px;
    }

    .search-icon {
        background-image: url(/media/images/interim/search_logo_mobile.svg);
    }

    .phone-icon {
        background-image: url(/media/images/interim/phone_logo_mobile.svg);
    }

    .hubspot-icon {
        background-image: url(/media/images/interim/hubspot_logo_mobile.svg);
    }

    .site-footer p {
        font-size: 13px;
    }

    .site-footer h3 {
        font-size: 17px;
    }

    .site-footer .nav-link {
        font-size: 14px;
    }

    footer.site-footer .newsletter-title .fa {
        font-size: 25px;
    }

    footer.site-footer .newsletter-container a {
        height: 50px;
        font-size: 15px !important;
    }

    .subfooter {
        font-size: 12px;
    }

    .bottom-logo {
        width: 190px;
    }

    .bottom-social-wrapper img {
        width: 45px;
    }

    .newsletter-title .hr-compact-link {
        font-size: 18px;
    }

    #topnav .navigation-menu .has-submenu .submenu-title {
        width: 0;
        position: absolute;
        left: 65px;
    }

    #topnav .navigation-menu li .counter {
        font-size: 23px;
    }

    .configure-formatting .group-logo {
        margin-left: 30px;
    }

    #CollapsingNavbar .block {
        font-size: 12px;
    }

    #block-deutsch-fourthmenu li.nav-item {
        font-size: 14px;
    }

    #iframe input {
        width: 100%;
        height: 30px;
        padding: 0 15px;
    }

    .copy-to-clipboard {
        left: -45px;
    }

    .js-preview {
        position: relative;
        bottom: 26px;
    }

    .nav-tabs {
        display: block;
        text-align: center;
        border: none;
        padding-bottom: 0 !important;
        padding-top: 5px;
    }

    .nav-tabs .nav-link.active {
        background-color: #aa916a;
        border: none;
    }

    .avatar-image {
        width: 100px;
        display: inherit;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }

    .crud-button {
        margin-right: 0;
    }

    .form-wrapper h1 {
        font-size: 24px;
    }

    .info-tooltip {
        display: none;
    }

    .expanded-export-history.show {
        display: none;
    }

    .mobile {
        /*margin-bottom: 150px;*/
    }

    #return-to-top {
        bottom: 20%;
    }

    .loader-container.show .loader-wrapper {
        left: 0;
    }

    .overlay {
        width: 100px;
        height: 100px;
        left: -8px;
        margin-left: auto;
        margin-right: auto;
    }

    .avatar-wrapper {
        width: 100%;
    }

    .avatar-container.account-avatar-container .brush-stroke {
        right: -1px;
        bottom: 7px;
        text-align: center;
    }

    .avatar-container.account-avatar-container .brush-stroke img {
        width: 110px;
        height: 110px;
    }

    .short-employment-history {
        display: none;
    }

    table.dataTable .nice-select.wide {
        text-align: center !important;
        font-size: 12px;
        /*width: 20%;*/
        left: 0;
        top: 0;
        height: inherit;
        width: inherit;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: block;
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border: none;
        padding: 0;
    }

    table.dataTable .numberCircle {
        font-size: 13px;
        width: 35px;
        height: 35px;
    }

    .parse-table [data-dt-column='6'] {
        display: none;
    }

    .mobile-export-history {
        display: none;
    }

    .mobile-title {
        margin-right: 10px;
    }

    .single-mobile-export-history {
        border: 1px solid #ebebeb;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .single-mobile-export-history:first-of-type {
        margin-top: 20px;
    }

    #skills > div {
        margin-bottom: 20px;
    }

    .navbar-toggler .hamburger-box {
        left: 2px;
    }

    .hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner:before, .hamburger-box .hamburger-inner:after {
        width: 27px;
        height: 2px;
    }

    .navbar-toggler.collapsed .hamburger-inner:before {
        top: -7px;
    }

    .navbar-toggler.collapsed .hamburger-inner:after {
        bottom: -7px;
    }

    .in-parsing {
        opacity: 0.4;
        background: url("../media/images/loader.gif") no-repeat center;
        background-size: 110px 65px;
    }

    td div.loader {
        display: none;
    }

    #bind-image.bind-mobile {
        width: auto !important;
    }

    #bind-image.bind-mobile .cr-boundary {
        width: 270px !important;
    }

    .configure-formatting {
        margin-top: 40px;
        padding-right: 0;
    }

    .configure-formatting .group-logo-wrapper {
        text-align: center;
    }

    #return-to-top {
        left: 43%;
    }

    .absolute-navigation {
        left: 55% !important;
    }

    .experience-date-wrapper {
        margin-left: 0;
    }

    .education-edit-container, .employment-edit-container {
        overflow-y: auto;
    }

    .education-edit-container {
        width: 98%!important;
    }

    .show-already-assigned-information {
        padding-right: 0;
        text-align: center;
    }

    .top-dropped-competencies-wrapper {
        margin-top: 85px;
    }

    .top-dropped-competencies-wrapper,
    .normal-dropped-competencies-wrapper {
        font-size: 10px;
    }

    .edit-experience-title {
        margin-bottom: 25px !important;
    }

    .competency-status {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .competency-status img {
        bottom: -5px !important;
        width: 15px !important;
        height: 15px !important;
    }

    .show-competencies-group {
        top: 25px;
        right: 0;
    }

    .show-competencies-group .btn.toggle-off {
        top: -3px;
    }

    .status-closed,
    .status-open {
        display: flex;
    }

    .edit-employment-experience .modal-content,
    .edit-education-experience .modal-content {
        height: 950px;
    }

    .edit-experience-drag-and-drop {
        display: none !important;
    }

    .edit-experience-header-title {
        font-size: 18px;
    }

    .tag-button.selected {
        background-color: #41ABC4;
        color: #FFFFFF;
    }

    .export-history-row-skills .drop-container,
    .export-history-row-skills .drop-container-competence-added,
    .export-history-row-skills .dropped-items {
        z-index: 1;
    }

    .export-history-row-skills .drop-container-competence-added.hidden {
        z-index: 0;
    }

    .export-history-row-skills .drop-container-competence-added {
        z-index: 2;
        height: 101px;
    }

    .tag-button-container .pseudo-element {
        margin-left: 13px;
        top: 0;
    }

    .tag-button-container .tag-button {
        margin-right: 0;
    }

    .add-language {
        margin-left: 0 !important;
        margin-bottom: 5px;
    }

    #save-languages {
        margin-bottom: 5px;
    }

    .languages-headers {
        align-items: center;
        position: relative;
        top: 15px;
        left: -15px;
    }

    .languages-headers h2 {
        font-size: 16px;
    }

    .languages-headers h5 {
        font-size: 14px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .activity-search {
        right: 0;
    }

    #activity-table-wrapper {
        padding: 10px 10px 10px 10px;
    }

    #activity .title-header {
        padding-left: 15px !important;
    }

    #skill-profile-wrapper {
        width: 100%;
    }

    #competences-chart-container {
        padding: 0 15px;
    }

    #switch-visibility-wrapper {
        margin-left: 15px;
    }
}