@media (max-width: 1650px) {
    .back-btn {
        display: none;
    }
}
/* 1650px */

@media (max-width: 1420px) {
    .header-wrapper {
        padding: 4px 30px;
        grid-template-columns: 150px minmax(0, 1fr) 300px;
    }
    .full-image {
        height: 580px;
    }
    .event-popup-information {
        padding-left: 30px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
/* 1420px */

@media (max-width: 1300px) {
    .e-con > .e-con-inner {
        max-width: 94vw !important;
    }
    .container {
        max-width: 94vw;
    }
    .vm-map svg {
        width: 100%;
        height: auto;
    }
    .vm-map {
        padding: 15px 0 25px;
    }
    .event-popup-wrapper {
        width: 90vw;
    }
    .event-popup-content {
        grid-template-columns: 60% minmax(0, 1fr);
    }
}
/* 1300px */

@media (max-width: 1250px) {
    .header-nav > ul > li > a {
        padding: 0 10px;
    }
}
/* 1250px */

@media (max-width: 1200px) {
    .header-nav {
        display: none;
    }
    .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-burger {
        display: flex;
    }
    .features-swiper-pagination {
        bottom: 7% !important;
    }
    .header-text-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    .posts-iestades-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .card-user {
        padding: 20px;
    }
    .profile-contact-information p {
        font-size: 0.875rem;
    }
    .profile-contact-information {
        column-gap: 14px;
    }
    .profile-contact-information p:after {
        right: -9px;
    }
    .single-practice-content,
    .single-inst-content {
        grid-template-columns: minmax(0, 1fr) 385px;
        gap: 20px;
    }
}
/* 1200px */

@media (max-width: 1100px) {
    .footer-top {
        grid-template-columns: 65% 200px;
    }
    .text-image-wrapper {
        grid-template-columns: 40% minmax(0, 1fr);
    }
    .text-image-wrapper.image-right {
        grid-template-columns: minmax(0, 1fr) 40%;
    }
    .profile-popup-wrapper.popup-wide {
        width: 90vw;
    }
    #clinic-new-vacancy .input-row-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #clinic-new-practice .input-row-4 {
       grid-template-columns: repeat(2, minmax(0, 1fr)); 
    }
}
/* 1100px */

@media (max-width: 1000px) {
    .hero-swiper-slide {
        height: 580px;
    }
    .page-card-slider .page-card-list {
        display: flex;
        gap: initial;
    }
    .page-cards {
        padding: 60px 0;
    }
    .hero-slider {
        padding-bottom: 60px;
    }
    .text-image {
        padding: 60px 0;
    }
    .features-slider {
        margin: 60px 0;
    }
    .faq {
        padding: 60px 0;
    }
    .footer {
        margin-top: 60px;
    }
    .header-text {
        padding-bottom: 100px;
    }
    .icon-block {
        padding: 60px 0;
    }
    .element-header {
        grid-template-columns: 65% minmax(0, 1fr);
    }
    .features-slide-progress {
        width: 100%;
    }
    .header-text.header-text-no-padding {
        padding-bottom: 30px;
    }
    .full-image {
        margin-bottom: 60px;
    }
    .featured-block {
        margin: 60px 0;
    }
    .statistics-block {
        padding: 60px 0;
    }
    .statistics-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .iestades {
        padding: 60px 0;
    }
    .card-inst {
        padding: 12px;
    }
    .mentorprogram-examples {
        padding-bottom: 60px;
    }
    .mentorprogram-institutions {
        padding: 60px 0;
    }
    .darba-birza-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .related {
        padding: 60px 0;
    }
    .single-practice-content,
    .single-inst-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }
    .cards-icon {
        padding: 60px 0;
        margin: 60px 0;
    }
    .profile-wrapper {
        padding: 60px 0;
    }
    .event-popup-content {
        grid-template-columns: minmax(0, 1fr);
    }
    .event-popup-bg {
        display: none;
    }
    .event-popup-information {
        padding: 0 30px;
    }
}
/* 1000px */

@media (max-width: 900px) {
    .text-image-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }
    .text-image-wrapper.image-right {
        grid-template-columns: minmax(0, 1fr);
    }
    .image-right .text-image-img {
        order: 1;
    }
    .image-right .text-image-content {
        order: 2;
    }
    .features-slide-content {
        max-width: 100%;
    }
    .footer-register-content {
        width: 100%;
    }
    .staff-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .posts-archive-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .students-regiona-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .mentor-example {
        padding: 20px;
    }
    .profile-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
    .profile-menu ul {
        display: flex;
        align-items: center;
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 8px;
    }
    .profile-menu ul::-webkit-scrollbar {
        height: 5px;
    }
    .profile-menu ul::-webkit-scrollbar-track {
        background: #f1f1f1; 
        border-radius: 4px;
    }
    .profile-menu ul::-webkit-scrollbar-thumb {
        background: var(--color-yellow); 
        border-radius: 4px;
    }
    .profile-menu ul::-webkit-scrollbar-thumb:hover {
        background: var(--color-yellow-hover);
    }
    #f-st-main,
    #f-clinic-main {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    .f-st-avatar {
        display: flex;
        align-items: center;
        gap: 30px;
        flex-wrap: wrap;
    }
    .profile-popup-wrapper {
        width: 90vw;
        padding: 50px 30px;
    }
}
/* 900px */

@media (max-width: 800px) {
    .jaunumi-filters .filter-input.input-search {
        width: 100%;
    }
    .jaunumi-filters .filter-input:not(.input-search) {
        flex: 1;
    }
    .posts-iestades-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .mentor-institutions-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }   
    .darbinieku-banka-results {
        grid-template-columns: minmax(0, 1fr);
    }
    .darbinieku-banka-filters {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .darbinieku-banka-filters .filter-input {
        width: 100%;
    }
}
/* 800px */

@media (max-width: 768px) {
    :root {
        --size-p: 0.9375rem;
        --size-h1: 2.75rem;
        --size-h2: 2rem;
        --size-h3: 2rem;
        --size-h4: 1.85rem;
        --size-h5: 1.375rem;
        --size-h6: 1.125rem;
    }
    .e-con > .e-con-inner {
        max-width: 90vw !important;
    }
    .container {
        max-width: 90vw;
    }
    .mobile-nav li a {
        font-size: 1.5rem;
        padding: 15px 0;
    }
    .footer-top {
        grid-template-columns: minmax(0, 1fr);
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-eu-logos {
        justify-content: flex-start;
    }
    .page-card {
        padding: 20px;
    }
    .element-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: initial;
    }
    .element-header-right {
        justify-content: flex-start;
    }
    .page-cards {
        padding: 40px 0;
    }
    .hero-slider {
        padding-bottom: 40px;
    }
    .text-image {
        padding: 40px 0;
    }
    .features-slider {
        margin: 40px 0;
    }
    .faq {
        padding: 40px 0;
    }
    .icon-block {
        padding: 40px 0;
    }
    .footer {
        margin-top: 40px;
    }
    .features-swiper-slide {
        display: flex;
        align-items: center;
    }
    .features-slide-content {
        padding-top: 0;
    }
    .faq-item-title span {
        font-size: 1.125rem;
    }
    .footer-register {
        padding: 60px 0;
    }
    .header-text {
        padding-bottom: 60px;
        padding-top: 30px;
    }
    .icon-block-list {
        padding-top: 20px;
    }
    .contacts {
        padding: 30px 0 40px;
    }
    .icon-block-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .icon-block-item {
        padding: 10px 15px;
    }
    .vm-checkbox {
        font-size: 0.9375rem;
    }
    .full-image {
        margin-bottom: 40px;
    }
    .featured-block {
        margin: 40px 0;
    }
    .featured-block-content {
        padding: 60px 15px;
    }
    .statistics-block {
        padding: 40px 0;
    }
    .statistics-value {
        font-size: 3rem;
    }
    .posts-archive-list {
        gap: 16px;
    }
    h1.posts-archive-title {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .page-header {
        margin-bottom: 40px;
        padding: 50px 0;
    }
    .card-practice-content {
        padding: 20px 10px 20px;
    }
    .card-practice-title {
        font-size: 1.25rem;
    }
    .page-header-content p {
        font-size: 1rem;
    }
    .iestades {
        padding: 40px 0;
    }
    .mentorprogram-examples {
        grid-template-columns: minmax(0, 1fr);
    }
    .mentor-example-title {
        font-size: 1.125rem;
    }
    .mentorprogram {
        padding-bottom: 40px;
    }
    .mentorprogram-examples {
        padding-bottom: 40px;
    }
    .mentorprogram-institutions {
        padding: 40px 0;
    }
    .related {
        padding: 40px 0;
    }
    .single-post-content {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .single-practice-content,
    .single-inst-content {
        padding: 30px 0 40px;
    }
    .single-practice-header {
        padding: 80px 0;
    }
    .single-practice-content.single-vacancy {
        padding-top: 30px;
    }
    .review-popup-wrapper {
        width: 90vw;
    }
    .review-popup-title {
        font-size: 1.5rem;
    }
    .page-card {
        height: 338px;
    }
    .cards-icon {
        padding: 60px 0;
        margin: 40px 0;
    }
    .cards-icon-item {
        padding: 30px 15px;
    }
    .page-header:has(.page-header-btns) {
        padding-top: 50px;
    }
    .cards-icon-list.cards-icon-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .related-posts {
        padding-bottom: 40px;
    }
    .profile-wrapper {
        padding: 40px 0;
    }
    .profile-popup .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .profile-popup-wrapper {
        padding: 30px;
    }
    .profile-add {
        padding: 40px 0;
    }
    .profile-program-list {
        padding-top: 10px;
    }
    .profile-mentor-list {
        padding-top: 10px;
    }
    .statistics-total-title {
        font-size: 1rem;
    }
    .statistics-total-value {
        font-size: 2.5rem;
    }
    .auth {
        padding: 50px 20px;
    }
    .close-popup {
        top: 18px;
        right: 17px;
    }
    .popup-title {
        padding-bottom: 10px;
    }
    .register-options label {
        padding: 10px;
    }
    .register-option-title {
        font-size: 1rem;
    }
    .register-option-description {
        font-size: 0.875rem;
    }
    .profile-information-block {
        padding: 20px;
    }
    .settings-block {
        padding: 20px;
    }
}
/* 768px */

@media (max-width: 700px) {
    .profile-single-application {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }
}
/* 700px */

@media (max-width: 650px) {
    .full-image {
        height: 420px;
    }
    .students-regiona-results {
        grid-template-columns: minmax(0, 1fr);
    }
    .darba-birza-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .inst-reviews-header {
        grid-template-columns: minmax(0, 1fr);
    }
    .results-vacancy-posts {
        grid-template-columns: minmax(0, 1fr);
    }
    .card-vacancy {
        padding: 20px;
    }
    .auth {
        width: 90vw;
    }
}
/* 650px */

@media (max-width: 600px) {
    .err-page-btn .open-register-popup {
        display: inline-flex;
    }
    .open-register-popup {
        display: none;
    }
    .login-popup-icon {
        display: initial;
    }
    .my-profile-icon {
        display: initial;
    }
    .open-login-popup span {
        display: none;
    }
    .my-profile-link span {
        display: none;
    }
    #open-accessibility-options span {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .open-login-popup {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .footer-bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .hero-slide-subtitle {
        font-size: 1rem;
    }
    .footer-register-btn .open-register-popup {
        display: inline-flex;
    }
    #contact-form .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .staff-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
    .staff-name {
        font-size: 1.25rem;
    }
    .featured-block-btns {
        flex-direction: column;
    }
    .statistics-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .card-program {
        padding: 20px;
    }
    .input-row-1 .input textarea:not(.select2-search__field),
    .input-row-2 .input textarea:not(.select2-search__field),
    .input-row-4 .input textarea:not(.select2-search__field) {
        font-size: 0.875rem;
    }
    .apply-success-wrapper {
        padding: 20px;
    }
    .page-card-list.page-card-list-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .page-card {
        height: 320px;
    }
    .profile-information-header {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .chat-main-messages {
        padding: 5px 10px 30px;
    }
    .chat-main-header {
        padding: 10px 20px;
    }
    .chat-contact-main {
        grid-template-columns: 45px minmax(0, 1fr);
    }
    .chat-contact-avatar {
        width: 45px;
        height: 45px;
    }
    .chat-main-form {
        padding: 10px;
    }
    .chat-msg {
        padding: 16px 8px;
    }
    .profile-practice-list {
        grid-template-columns: minmax(0, 1fr);
        padding-top: 10px;
    }
    .card-user.application-review {
        padding: 20px;
    }
    .application-review-form {
        position: initial;
        width: 100%;
    }
    .accessibility {
        left: initial;
        transform: initial;
        right: 0;
    }
    .statistics-graph-horizontal {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
}
/* 600px */

@media (max-width: 550px) {
    .posts-iestades-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .mentor-institutions-list {
        grid-template-columns: minmax(0, 1fr);
    }  
    .darbinieku-banka-filters {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
    .bordered-block {
        padding: 20px;
    }
    .review-slide {
        padding: 15px;
    }
    .review-slide-author-name {
        font-size: 1rem;
    }
    .cards-icon-list.cards-icon-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .cards-icon-list.cards-icon-3 {
        grid-template-columns: minmax(0, 1fr);
    }
    .chat-msg-header {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
        border-bottom: 1px solid var(--color-alto);
        padding-bottom: 5px;
    }
    .chat-msg-content {
        padding-left: 0;
        padding-top: 10px;
    }
}
/* 550px */

@media (max-width: 520px) {
    .text-image-img {
        height: 268px;
    }
    .icon-block-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .posts-archive-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .sidebar-wrapper {
        padding: 20px 15px;
    }
    .chat-contact-wrapper {
        flex-direction: column;
    }
    .chat {
        padding: 15px;
    }
    .profile-posts-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .profile-events-list {
        grid-template-columns: minmax(0, 1fr);
    }
    #register-institution-form .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 520px */

@media (max-width: 450px) {
    :root {
        --size-p: 0.9375rem;
        --size-h1: 2.25rem;
        --size-h2: 1.625rem;
        --size-h3: 1.375rem;
        --size-h4: 1.25rem;
        --size-h5: 1.25rem;
        --size-h6: 1.0625rem;
    }
    .mobile-nav li a {
        font-size: 1.25rem;
        padding: 12px 0;
    }
    .footer-menus {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    .hero-slide-content {
        padding-bottom: 60px;
    }
    .features-swiper-pagination {
        flex-direction: column;
        gap: 25px;
    }
    .faq-item-title span {
        font-size: 1rem;
    }
    .footer-register-content p {
        font-size: 0.9375rem;
    }
    .footer-register-btn {
        padding-top: 20px;
    }
    .footer-register {
        padding: 40px 0;
    }
    #contact-form {
        padding: 20px;
    }
    .featured-block-content {
        padding: 30px 15px;
    }
    .single-post-date {
        font-size: 0.9375rem;
    }
    .single-vacancy-meta {
        grid-template-columns: minmax(0, 1fr);
    }
    .chat-main-messages {
        max-height: 52vh;
        height: 52vh;
    }
    #emoji-picker {
        width: 82vw !important;
    }
    #f-clinic-new-event .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    #clinic-new-vacancy .input-row-4 {
        grid-template-columns: minmax(0, 1fr);
    }
    #clinic-new-vacancy .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    #clinic-new-practice .input-row-4 {
       grid-template-columns: minmax(0, 1fr); 
    }
    #clinic-new-practice .input-row-2 {
       grid-template-columns: minmax(0, 1fr); 
    }
    #clinic-new-mentor-program .input-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .profile-header-with-button {
        flex-direction: column;
        align-items: flex-start;
    }
    .c-vacancy-metadata {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 450px */

@media (max-width: 420px) {
    .card-user-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .card-user-avatar {
        flex-shrink: 0;
    }
    .input .select2-container--default .select2-search--inline .select2-search__field {
        font-size: 0.875rem;
    }
    .input .select2-container--default .select2-search--inline .select2-search__field::placeholder {
        font-size: 0.875rem;
    }
    .wp-theme-vm .select2-container--default .select2-results>.select2-results__options li {
        font-size: 0.875rem;
    }
    .sidebar-meta {
        grid-template-columns: minmax(0, 1fr);
    }
    .vacancy-has-applied,
    .vacancy-has-expired {
        font-size: 0.875rem;
    }
    .post-form-buttons {
        flex-direction: column;
    }
    .post-form-buttons button {
        width: 100%;
    }
}
/* 420px */

@media (max-width: 400px) {
    .header-wrapper {
        padding: 4px 10px;
    }
    .page-meta-date {
        font-size: 0.75rem;
    }
    .page-dates .container {
        gap: 10px;
    }
    .jaunumi-filters .filter-input {
        width: 100%;
        flex: initial !important;
    }
    .students-regiona-filters {
        grid-template-columns: minmax(0, 1fr);
    }
    .page-header-content p {
        font-size: 0.9375rem;
    }
}
/* 400px */

@media (max-width: 380px) {
    :root {
        --size-p: 0.875rem;
        --size-h1: 1.875rem;
        --size-h2: 1.5rem;
        --size-h3: 1.25rem;
        --size-h4: 1.125rem;
        --size-h5: 1.0625rem;
        --size-h6: 1rem;
    }
    .btn {
        font-size: 0.875rem;
    }
    .input input,
    .input textarea {
        font-size: 0.875rem;
    }
    .vm-checkbox {
        font-size: 0.875rem;
    }
    .statistics-value {
        font-size: 2.5rem;
    }
    .statistics-items { 
        gap: 24px;
    }
    .card-practice-metadata {
        grid-template-columns: minmax(0, 1fr);
    }
    .card-practice-header {
        flex-direction: column;
        gap: 12px;
    }
    .card-user-metadata {
        grid-template-columns: minmax(0, 1fr);
    }
    .breadcrumbs span,
    .breadcrumbs .container {
        font-size: 0.75rem;
    }
    .darba-birza-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 380px */

@media (max-width: 330px) {
    .header-logo {
        height: 66px;
        display: flex;
        align-items: center;
    }
    .header-logo svg {
        width: 115px;
    }
    .statistics-items {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* 330px */